2024 年成为完整的 Next.js 开发人员
更新了 Next.js 14!使用现代最佳实践向行业专家学习 Next.js。这是您学习 Next.js、从头开始构建企业级 React 应用程序(包括 Netflix 克隆!)并在 2024 年受聘成为 Next.js 开发人员所需的唯一 Next.js 教程 + 项目课程。从零到 Next。 js 精通。
讲师:Andrei Neagoie & Ankita Kulkarni
口袋资源独家ZTM/Udemy付费课程,独家中英文字幕,配套资料齐全! 用不到1/10的价格,即可享受同样的高品质课程,且可以完全拥有,随时随地都可以任意观看和分享。
课程大纲
使用 2024 年最新的 Next.js 功能,我们向您保证这是关于 Next.js 和 React 最全面的在线课程。您将通过与资深行业专业人士一起逐步构建实际项目(包括大型 Netflix 克隆应用程序)来学习 Next.js。
你将学到什么
- 构建真正的企业级 NextJS 应用程序并将其部署到生产环境
- 了解 NextJS 生态系统中的最新功能和工具,包括:SWR (React Hooks)、Hasura、Serverless Functions、Vercel、Framer Motion 等
- 作为 NextJS 开发人员使用 GraphQL
- 设置身份验证和用户帐户(包括无密码登录!)
- 了解 SEO 以及如何使用 NextJS 让您的应用程序在 Google 上排名
- 通过做出良好的架构决策并帮助团队中的其他人来学习领导 Next JS 项目
- 学习像高级开发人员一样构建反应式、高性能、大规模应用程序
- 学习不同的渲染技术:静态站点生成、服务器端渲染、增量静态再生、水合等。
- 成为前 10% NextJS 开发者
- 使用 Airtable(流行度呈爆炸式增长)构建全栈应用程序
- 从头开始掌握 NextJS 开发人员的最新生态系统
- 使用最新的 ES6 / ES7 / ES8 / ES9 / ES10 / ES2020 / ES2021 JavaScript 编写干净的代码
这个 Next.js 课程的重点是效率。因此,您再也不用在令人困惑、过时、不完整的教程上浪费时间了。
相反,我们将帮助您超越基础知识,以便您可以使用最新版本的 Next.js 构建现代的企业级应用程序。
您将在好的伙伴中学习 Next.js。
今天注册,您还可以加入我们独家的实时在线社区课堂,与数千名学生、校友、导师、助教和讲师一起学习。
积极的。熙。支持。有帮助。友好的。激励人心。基本的。
这些只是学生用来描述 ZTM Discord 的几个词,ZTM Discord 也是 Discord 上最大、最活跃的开发者社区之一。
最重要的是,您将向行业专业人士(Ankita 和 Andrei)学习,他们作为在硅谷和多伦多顶级公司工作的高级工程师,拥有使用 Next.js 的实际经验。 Ankita 也是主要 Next.js 和 React 会议的定期演讲者和讲师。
这个基于项目的课程将向您介绍 2024 年 Next.js 开发人员的现代工具链。
在此过程中,您将使用 React Hooks、Hasura (GraphQL)、Context API、Airtable、Serverless Functions、Framer Motion、Vercel 等构建一个大型 Netflix 克隆应用程序。
这是一个全栈应用程序,与您在大多数 Next.js 在线教程中找到的应用程序不同!
所有代码均按步骤提供,因此即使您不喜欢一起编码,您也可以访问完整的主项目代码(提醒…构建 Netflix!)以添加到您的投资组合中。
以下是本课程将带您从零到精通 Next.js 的内容
该课程非常实用,我们将引导您从开始到结束发布专业的 Next.js 项目直至投入生产。 我们从头开始教您 Next.js 基础知识。 但我们并不止于此,我们将深入探讨高级主题,以便您可以为未来的任何 NextJS 项目的架构和工具做出正确的决策。以下是您将学习的所有主题的快速浏览:
1.Next.js 基础知识 我们将比较 Next.js 与 React,并了解 Next.js 提供的优势。您将了解为什么 Next.js 如此受欢迎以及 JAM Stack 的含义。本节将为您学习本课程的其余部分奠定基础。 2. 构建您的第一个 Next.js 应用程序 |咖啡鉴赏家项目 您将立即构建您的第一个项目。该项目的目标是教您 Next.js 的基础知识。本节重点介绍项目设置、CSS 模块、快速刷新、项目设置等基础知识。 3. 使用 Next.js 进行路由 |咖啡鉴赏家 您将了解有关路由的所有内容,例如动态路由、索引路由、命名路由和链接组件。 4. Next.js 中的样式 |咖啡鉴赏家 本节将教您如何使用 css 模块、单独的组件样式和全局样式来设计应用程序的样式。 5. Next.js 中的水合、SEO 和不同的渲染技术 本课程最重要的部分之一。本节将教您什么是 SEO、Next.js 如何帮助 SEO、不同的渲染技术是什么,例如:静态站点生成、服务器端渲染、增量静态重新生成(以及它们有何不同)、客户端渲染,以及什么是水合作用。 6.静态咖啡店页面|咖啡鉴赏家 您将详细了解静态渲染以及如何选择静态渲染的内容。您将向 Foursquare 发出 API 请求并使用 SSG 渲染这些请求。 7. 按地点划分的咖啡店 |咖啡鉴赏家 Next.js 允许您在选择静态渲染时使用不同的后备。本节将深入讨论这一点。您还将了解如何检索用户位置并使用 Context API。 8. 无服务器功能 |咖啡鉴赏家 什么是无服务器功能?我们为什么使用它们以及何时使用它们?您将创建无服务器函数来检索静态咖啡店。 9. 使用 Airtable 存储咖啡店数据 |咖啡鉴赏家 您将了解使用 Airtable 进行数据库存储。我们将把咖啡店数据存储在 Airtable 中,并在这里学习客户端渲染。 10. SWR 与客户端渲染 |咖啡鉴赏家 什么是驻波比?什么时候使用它?我们将使用 Next.js 库进行 SWR,并在本节中使用 SWR 和客户端渲染。 11.部署和构建优化|咖啡鉴赏家 将您的应用程序部署到 Vercel 以及 Netlify。您将了解不同的云提供商是什么、Vercel 有何不同、Lighthouse 是什么以及如何提高 Next.js 中的性能。 12. 项目设置|使用 Next.js 项目构建 Netflix 这是一件大事!您将开始为主要项目做准备。本节是关于设置我们的 Netflix 项目。 13. Netflix 主页和视频 |使用 Next.js 构建 Netflix 您将构建主页并使用服务器端渲染。您将学习如何服务器呈现内容以及如何调用 YouTube API 来获取视频列表并将其显示在主页上。 Netflix 中的卡片组件很复杂,因此您还将学习一些成帧器运动来构建卡片组件。 14. 用魔法进行身份验证 |使用 Next.js 构建 Netflix Auth 在 Next.js 中如何工作?我们将在下一步中使用无密码登录,并通过适当的身份验证和验证构建登录页面。 15.增量静态再生|使用 Next.js 构建 Netflix 在主页上显示视频并使用 ISR 将模式构建为页面。您将了解有关增量静态生成的更多信息以构建此模式。 16.Hasura GraphQL |使用 Next.js 构建 Netflix 您将了解什么是 GraphQL、Hasura 以及 Hasura 架构的样子。我们将在 Hasura 环境中设置该项目。 17. 使用 Hasura 进行身份验证 |使用 Next.js 构建 Netflix 您将了解身份验证流程架构的工作原理并介绍服务器端 SDK 来登录用户。 18. 评级服务和收藏视频页面 |使用 Next.js 构建 Netflix 您将设置 Hasura 进行评级服务,创建评级 API 来喜欢和不喜欢视频,并构建我的列表页面来显示喜爱的视频列表。 19. 部署到生产环境 | Netflix 与 Next.js 创建最终的 GitHub 存储库,设置存储库,最后部署到 Vercel! 20.附录:React简介 这是一个可选部分,适合那些需要了解 React.js 和 React Hooks 的入门知识的人,以帮助您做好充分利用本课程的准备。 最好的部分是什么? 本课程将随着环境的变化而不断发展和更新。 正如 NextJS 生态系统的发展一样,本课程也将不断发展并为您更新新的讲座和资源。 因此,您可以随时返回本课程,了解最新的 NextJS 最佳实践。底线是什么?
本课程并不是要让您在不理解原理的情况下只是编写代码,这样当您完成本课程时,除了观看另一个教程之外,您不知道该怎么做……不! 本课程将推动您并挑战您从 Next.js 的绝对初学者成为 Next.js 和 React 开发人员中排名前 10% 的人 💪。 我们怎么知道? 因为成千上万的“零到精通”毕业生已经被录用,现在就职于谷歌、特斯拉、亚马逊、苹果、IBM、摩根大通、Facebook、Shopify 等顶级科技公司。 他们来自不同的背景、年龄和经历。许多人甚至是从完全的初学者开始的。 所以没有理由它不能是你。 而且你没有什么可失去的。因为您可以立即开始学习,如果本课程未达到您的预期,我们将在 30 天内向您退款 100%。没有麻烦,也没有问题。声明:口袋资源网(koudaizy.com)提供的所有课程、素材等资源全部来源于互联网,赞助VIP仅用于对口袋资源服务器带宽及网站运营等费用支出做支持,从本站下载资源,说明你已同意本条款。