|
所在平台: Udemy |
课程主页: https://www.udemy.com/course/next-js-with-react-build-personal-app-blogs-portfolios/
课程评论：没有评论
课程名称：Next.js与React - 开发者应用（实践方式） 课程概述： Next.js是一个基于React的框架，为服务器端渲染（SSR）和静态页面应用提供了简化的开发体验。它拥有直观的基于页面的路由系统，并支持动态路由。Next.js还提供静态生成（SSG）和服务器端渲染（SSR）的预渲染选项，适用于每个页面。 TypeScript是一种开源语言，在JavaScript基础上引入了静态类型定义，增强了这一全球最广泛使用的工具，增加了额外功能和静态类型检查器。 课程适合人群： 此课程非常适合创建个人应用（如博客、作品集），无需依赖数据库或CMS等第三方依赖。您将构建一个具有搜索功能的应用，并将其部署到Vercel平台。该课程不深入探讨Next.js或React.js的特定功能，而是侧重于提升您在项目中的信心和技能。 您将从以下方面进行实践： 1. **基础布局准备**：为应用的布局奠定基础，讲师将提供设计元素、图像和内容。 2. **功能开发**：学习如何访问和获取存储在Markdown文件中的本地数据，使用fs包导航文件系统，检索内容字符串，解析元数据和Markdown内容。 3. **内容展示**：将获取的内容在应用页面上显示，关注格式和展示效果。 4. **搜索功能**：实现使用户能够搜索网站内容的功能。构建一个作为搜索组件数据源的本地搜索索引，存储为JSON文件。 5. **作品集功能**：扩展技能实现作品集功能，类似于博客，但利用共享实现与Markdown数据。 6. **部署到Vercel**：通过学习如何将应用部署到Vercel平台结束本课程。 本课程确保了实践编码经验，强调实际应用开发技能，避开了Next.js/React.js特定功能的复杂性。通过扎实的基础知识和实践部署知识，您将获得足够的信心以启动您的项目。
What is Next.js?Next.js is a React-based framework offering a streamlined development experience for server-side rendered (SSR) and static page applications. It boasts an intuitive page-based routing system featuring support for dynamic routes. It provides pre-rendering options like static generation (SSG) and server-side rendering (SSR) on a per-page basis.What is TypeScript?TypeScript, an open-source language, builds upon JavaScript by introducing static type definitions. It enhances one of the world's most widely used tools, adding additional features and a static type checkerIs This Course Right for You?Perfect for creating a personal application (blogs, portfolios) without relying on third-party dependencies like databases or CMS. You'll craft an application with search functionality and deploy it on Vercel. The course doesn't delve into Next.js/React.js-specific functions but focuses on building confidence and skills for your projects.What Will You Work On?You'll build a personal application from scratch, diving into TypeScript-a superset of JavaScript with extra features and a static type checkerBase Layout Preparation: Start with laying the foundation for your application's layout. The instructor provides design elements, images, and content.Functionality Development: Work on accessing and fetching local data stored in markdown files. Learn to navigate the file system using the fs package, retrieve content as strings, parse metadata, and markdown content.Content Display: Display the fetched content on the application's pages, focusing on proper formatting and presentationSearch Functionality: Implement a feature enabling users to search through all website content. Construct a local search index stored as a JSON file, serving as a data source for the search component.Portfolios Feature: Extend your skills to implement portfolios, a feature similar to blogs but utilizing shared implementation with markdown data.Deployment to Vercel: Conclude the course by learning how to deploy your application to the Vercel platform.This course ensures hands-on coding experience, emphasizing practical skills for application development, excluding the complexities of Next.js/React.js-specific functions. Gain the confidence to kickstart your projects with a robust foundation and practical deployment knowledge.
