|
所在平台: Udemy |
课程主页: https://www.udemy.com/course/awesome-nextjs-with-react-and-node-amazing-portfolio-app/
课程评论：没有评论
课程名称：完整的 Next.js 与 React 和 Node - 投资组合应用 [2023] 课程概述： 本课程适合希望开始开发职业或提升编程技能的学习者。您将学习如何创建一个出色的投资组合网站，方便与同事或未来雇主分享。课程内容覆盖了从网页开发技术的基础到更高级话题，直至您将应用程序部署到 Heroku 或 Vercel，并使其在互联网上可访问。课程重点介绍最新的 React JS 和 Next JS 版本。 课程结构： - 项目 1：资源应用（初学者） - 项目 2：内容应用（初学者） - 项目 3：投资组合应用（初学者/中级） 关于 Next.js： Next.js 是一个 React 框架，提供了基础设施和简单的开发体验，专门用于服务端渲染 (SSR) 应用。它具有直观的基于页面的路由系统（支持动态路由），并支持按页面进行的静态生成（SSG）和服务端渲染（SSR）。 课程内容： - 项目 1：资源项目 学习网页开发的基本概念，包括状态管理和 props 传递数据，深入理解 React 组件及其创建和使用。 - 项目 2：内容应用 学习 Next.js 13 的最新“应用架构”，构建管理投资组合和博客的内容应用，探索新 API 功能并理解项目组织。 - 项目 3：扩展投资组合项目 - 布局构建：创建可重复使用的组件，如导航栏和投资组合卡。 - 服务器端渲染和数据获取技术讲解。 - 认证：使用 Auth0 进行用户认证，包括注册、登录和访问控制。 - 投资组合功能：实现创建、更新和删除功能，支持实时更新和快速静态页面。 - 博客：使用富文本编辑器创建博客，管理用户博客和 SEO（搜索引擎优化）基础知识。 - 部署：将 Express API 服务器部署到 Heroku，将 Next.js 投资组合应用部署到 Vercel，使其可在互联网上访问。 通过本课程，您将获得全面的网页开发技能，并能构建并部署自己的项目。
Is this course right for you?If you plan to start your career as a developer or improve your programming skills, this course is right for you. Learn how to build a fantastic portfolio website you can share with your colleagues or future employers.Get all you need to start web development in one course! Start with web development technologies and move to more advanced topics until your application is deployed to Heroku or Vercel and accessible online on the internet. This course covers the latest topics and React JS and Next JS versions.Course Structure is the following:[Project 1]: Resource Application (Beginners)[Project 2]: Content Application (Beginners)[Project 3]: Portfolio Application (Beginners/Intermediate)What is Next.js?Next.js is a React framework that provides infrastructure and simple development experience for server-side rendered(SSR) applications.An intuitive page-based routing system (with support for dynamic routes)Pre-rendering, both static generation (SSG) and server-side rendering (SSR), are supported on a per-page basis.What are we going to work on?Project 1 - Resource ProjectThis project is designed to provide a comprehensive understanding of fundamental concepts in web development.You will grasp the concept of state, which represents the dynamic data within a React component, and learn how to manage it effectively.Understanding props, which pass data from one component to another, is a key part of this project.You will understand comprehensively what a component is in the context of React and how to create and use them in your applications.The primary focus is on React and Next JS, two popular JavaScript libraries/frameworks for building modern web applications.Project 2 - Content ApplicationLearn the latest Next.js 13's "App Architecture."Explore recent changes in React and Next.js.Build a content application for managing portfolios and blogs in markdown format.Discover new API functions.Understand project organization.Gain insight into how these frameworks work.Project 3 - Extensive Portfolio ProjectBuilding the Layout:Creating reusable components like navbar and portfolio cards.Explaining server-side rendering and data fetching techniques.Authentication:Using Auth0 for authentication.User registration, login, and access control.Managing authentication state and making UI changes.Portfolio Features:Implementing create, update, and delete functionality.Real-time updates and fast static pages with Next.js.Blogging:Creating blogs with a rich text editor.Drafting and publishing blogs.Managing user blogs and SEO.SEO (Search Engine Optimization):Basics of SEO and integrating it with Next.js.Deployment:Deploying Express API server to Heroku.Deploying Next.js portfolio app to Vercel to be accessible on the internet.
