Udemy
    •  
    •  
    •  
    •  
    •  
    •  
    •  
    •  
Turn what you know into an opportunity and reach millions around the world.
Learn More
Your cart is empty.
Keep shopping
Next.js 14起步教程
Rating: 5.0 out of 5(3 ratings)
21 students

Next.js 14起步教程

深入学习现代Web开发——Nextjs 14起步教程
Created byVane Ocean
Last updated 1/2024
Chinese (Simplified)

What you'll learn

  • 熟练掌握NextJs 14的基础概念: 学员将深入了解NextJs 14框架的核心概念,包括页面路由、数据获取、静态生成和服务器端渲染等。他们将能够理解NextJs如何简化React应用程序的开发流程,并有效地利用其强大的特性。
  • 构建响应式且高性能的Web应用: 通过课程,学员将学会如何使用NextJs 14构建响应式的、性能卓越的Web应用。他们将了解如何最优化应用程序,以确保在各种设备和网络条件下都能提供出色的用户体验。
  • 与后端服务的集成: 学员将学习如何与后端服务进行有效的集成,包括API调用和数据获取。他们将了解NextJs 14的数据层如何与服务器端渲染和客户端渲染相结合,以实现更灵活的数据管理。
  • 应用部署和性能优化: 课程将涵盖NextJs 14应用程序的部署和性能优化策略。学员将了解如何将应用程序部署到不同的环境,并学习一些最佳实践,以确保其应用程序在生产环境中能够具备高可用性和良好的性能。

Course content

1 section32 lectures4h 3m total length
  • 六何分析next.js7:23
  • RSC的了解5:18
  • 创建next.js项目5:38
  • 项目结构分析13:47
  • 简单路由介绍6:41
  • 嵌套路由实现5:00
  • 动态参数路由6:47
  • 嵌套动态参数路由6:49
  • 捕获未明确路由11:34
  • 页面没找到6:37
  • 文件组织规范5:55
  • 私有属性目录5:45
  • 路由分组5:37
  • Layout布局6:55
  • 嵌套布局5:46
  • 嵌套布局的实现5:46
  • 路由分组布局5:34
  • metadata元数据13:56
  • metadata中的title元数据6:45
  • 声明式导航Link6:58
  • 高亮链接显示8:44
  • 编程式导航6:14
  • 22-Template模板10:33
  • loading页面4:51
  • error页面10:28
  • error页面恢复操作2:41
  • 处理嵌套路由中的错误4:36
  • 处理layout布局中的错误5:31
  • parallel routes平行路由操作16:18
  • unmatched routes未匹配路由10:26
  • Conditional Routes条件路由判断4:17
  • intercepting routes拦截路由14:46

Requirements

  • 了解一定的React与前端相关知识

Description

在这门Next.js 14起步教程中,你将踏上一场现代Web开发的探索之旅。我们将带领你深入了解Next.js 14,这一领先的React框架,让你能够轻松构建响应式、高性能的Web应用。

课程将从Next.js 14的基础概念入手,详细介绍页面路由、数据获取、静态生成和服务器端渲染等核心要点。通过丰富的实例演示和实际项目练习,你将熟练掌握Next.js 14的使用技巧,了解如何简化React应用的开发流程。

此外,课程将深入讲解与后端服务的集成,包括API调用和数据获取,使你能够构建更灵活的数据管理系统。

无论你是Web开发新手还是有经验的工程师,这门课程都将为你打开Next.js 14的大门,让你在现代Web开发的领域中更加游刃有余。

Who this course is for:

  • 想要了解React与服务器端渲染和生成的同学