• 投稿

【Udemy高分付费课程】Next.js 和 React - 完整开发指南 学习并使用Next.js搭建全栈应用程序（中英文字幕）上

11.4万
256
2022-05-25 15:33:44
1784
1068
5547
431
【Udemy高分付费课程】Next.js 和 React - 完整指南 学习并使用Next.js搭建全栈应用程序（中英文字幕）上 ----- Modern React with Redux（上） 使用 React Router、Webpack 和 Create-React-App 掌握 React 和 Redux。 ----- 网站：https://www.udemy.com/course/nextjs-react-the-complete-guide/ 作者：Maximilian Schwarzmüller Udemy评分：4.8 学生数：42040 官网售价：US$84.99 ----- 加入这个畅销的 NextJS 课程，学习如何使用 React 和 NextJS 构建高度动态、超快速和 SEO 就绪的 React 应用程序！ 本课程有两条路径可供您选择：“完整”路径（完整 > 20 小时课程）和“总结”路径（~3 小时总结模块） – 您可以选择最适合您时间要求的路径！ — 我创建了最畅销的关于 React 的 Udemy 课程，现在我很高兴能与你分享这门关于 NextJS 的课程——这是一个关于令人惊叹的 React 框架的深入课程，它允许你作为 React 开发人员迈出下一步并构建真实的，使用 React 和 Next.js 的生产就绪项目！ Next.js 是适用于 ReactJS 的生产就绪型、全栈功能框架- 当今您可以学习的最流行的 JavaScript 库！ 太多流行语无法满足您的口味？ 很公平 – 但事实上，NextJS 是成长为 React 开发人员并将您的 React 应用程序提升到新水平的绝佳选择！ 因为NextJS 发展迅速，因此需求量很大。这有充分的理由：NextJS 允许您使用内置的服务器端渲染和页面预渲染构建 React 应用程序。构建出色的用户体验和搜索引擎友好 (SEO!) React 应用程序从未如此简单！ 此外，NextJS 还使构建全栈 React 应用程序（前端 + 后端代码组合在一个项目中）变得非常容易！混合客户端和服务器端代码，并与您的前端 React 应用程序并行构建基于 NodeJS 的 API。NextJS 轻而易举！ 想要添加身份验证？NextJS 也简化了这一点，使用户注册、登录和会话管理非常方便。 本课程将带您立即从 NextJS 初学者到高级水平！ ----- ************************************************************************************* ✔ 凭三连截图，可以找UP免费领取配套课程资料（请看评论区领取规则） ✔ 其他需求的同学（配套资料，中英文字幕和原版视频）可以到网站自助领取 >> https://www.koudaizy.com/tutorials/nextjs-react-the-complete-guide/ *************************************************************************************
WEB开发
中英文字幕
全栈开发
Next.js
付费课程
React
Udemy
前端框架
NextJS
口袋学堂 发消息
精选全球优质课程，独家中英字幕，帮你少走弯路、高效学习｜koudaizy.com
视频选集
（1/200）
001 Welcome to the Course!
01:48
002 What Is Next.js_ And Why Would You Use It_
04:46
003 Key Feature_ Server-side Page (Pre-)Rendering
06:39
004 Key Feature_ File-based Routing
03:14
005 Key Feature_ Build Fullstack React Apps!
01:51
007 Creating a NextJS Project & Setting Up Our IDE
05:40
008 Analyzing The Created Project
02:53
009 A First Demo_ NextJS In Action!
04:36
010 About This Course & Course Outline
07:06
011 Taking This Course_ Your Two Options
04:12
012 How To Get The Most Out Of This Course
04:50
014 Module Introduction
01:28
015 What is ReactJS_
03:49
016 Why ReactJS & A First Demo
07:26
017 Building Single-Page Applications (SPAs)
02:01
018 React Alternatives
03:07
019 Creating a New React Project
08:16
020 Setting Up A Code Editor
03:05
021 Diving Into The Created Project
06:32
022 How React Works & Understanding Components
07:37
023 More Component Work & Styling With CSS Classes
05:35
024 Building & Re-using Components
07:20
025 Passing Data With Props & Dynamic Content
05:18
026 Handling Events
06:41
027 Adding More Components
05:41
028 Introducing State
08:20
029 Working with _Event Props_
07:09
030 Adding Routing
16:53
031 Adding Links & Navigation
05:22
032 Scoping Component Styles With CSS Modules
05:46
033 Outputting Lists Of Data & Components
05:51
034 Adding Even More Components
09:49
035 Creating _Wrapper_ Components
08:40
036 Working With Forms
08:59
037 Getting User Input & Handling Form Submission
09:46
038 Preparing The App For Http Requests & Adding a Backend
06:53
039 Sending a POST Http Request
05:19
040 Navigating Programmatically
03:43
041 Getting Started with Fetching Data
09:26
042 Using the _useEffect_ Hook
10:09
043 Introducing React Context
11:03
044 Updating State Based On Previous State
05:55
045 Using Context In Components
12:11
046 More Context Usage
06:55
047 Module Summary
01:01
049 Module Introduction
01:13
050 Our Starting Setup
01:20
051 What Is _File-based Routing__ And Why Is It Helpful_
05:23
052 Adding A First Page
04:02
053 Adding a Named _ Static Route File
01:35
054 Working with Nested Paths & Routes
03:34
055 Adding Dynamic Paths & Routes
04:55
056 Extracting Dynamic Path Segment Data (Dynamic Routes)
04:55
057 Building Nested Dynamic Routes & Paths
07:13
058 Adding Catch-All Routes
05:45
059 Navigating with the _Link_ Component
05:45
060 Navigating To Dynamic Routes
03:42
061 A Different Way Of Setting Link Hrefs
02:56
062 Navigating Programmatically
03:51
063 Adding a Custom 404 Page
01:36
064 Module Summary
05:52
066 Module Introduction
02:05
067 Planning The Project
04:16
068 Setting Up The Main Pages
07:37
069 Adding Dummy Data & Static Files
04:47
070 Adding Regular React Components
07:15
071 Adding More React Components & Connecting Components
10:23
072 Styling Components In Next.js Projects
09:29
073 Adding Buttons & Icons
08:27
074 Adding the _Event Detail_ Page (Dynamic Route)
08:32
075 Adding a General Layout Wrapper Component
06:28
076 Working on the _All Events_ Page
02:06
077 Adding a Filter Form for Filtering Events
08:26
078 Navigating to the _Filtered Events_ Page Progammatically
08:26
079 Extracting Data on the Catch-All Page
08:55
080 Final Steps
07:03
081 Module Summary
01:41
083 Module Introduction
02:26
084 The Problem With Traditional React Apps (and Data Fetching)
05:16
085 How NextJS Prepares & Pre-renders Pages
05:39
086 Introducing Static Generation with _getStaticProps_
04:05
087 NextJS Pre-renders By Default!
03:09
088 Adding _getStaticProps_ To Pages
06:40
089 Running Server-side Code & Using the Filesystem
07:42
090 A Look Behind The Scenes
05:21
091 Utilizing Incremental Static Generation (ISR)
07:23
092 ISR_ A Look Behind The Scenes
03:46
093 A Closer Look At _getStaticProps_ & Configuration Options
04:21
094 Working With Dynamic Parameters
09:47
095 Introducing _getStaticPaths_ For Dynamic Pages
03:45
096 Using _getStaticPaths_
03:28
097 _getStaticPaths_ & Link Prefetching_ Behind The Scenes
04:00
098 Working With Fallback Pages
05:28
099 Loading Paths Dynamically
04:03
100 Fallback Pages & _Not Found_ Pages
05:54
101 Introducing _getServerSideProps_ for Server-side Rendering (SSR)
04:15
102 Using _getServerSideProps_ for Server-side Rendering
04:06
103 _getServerSideProps_ and its Context
04:21
104 Dynamic Pages & _getServerSideProps_
04:05
105 _getServerSideProps__ Behind The Scenes
03:26
106 Introducing Client-Side Data Fetching (And When To Use It)
03:41
107 Implementing Client-Side Data Fetching
14:48
108 Using the _useSWR_ NextJS Hook
08:59
109 Combining Pre-Fetching With Client-Side Fetching
08:56
110 Module Summary
06:46
112 Module Introduction
01:06
113 Preparations
05:02
114 Adding Static Site Generation (SSG) On The Home Page
11:03
115 Loading Data & Paths For Dynamic Pages
09:51
116 Optimizing Data Fetching
07:48
117 Working on the _All Events_ Page
02:48
118 Using Server-side Rendering (SSR)
09:53
119 Adding Client-Side Data Fetching
10:56
120 Module Summary
01:31
122 Module Summary
01:20
123 Analyzing the Need for _head_ Metadata
01:50
124 Configuring the _head_ Content
03:42
125 Adding Dynamic _head_ Content
05:18
126 Reusing Logic Inside A Component
04:23
127 Working with the __app.js_ File (and Why)
03:05
128 Merging _head_ Content
03:18
129 The __document.js_ File (And What It Does)
05:32
130 A Closer Look At Our Images
02:01
131 Optimizing Images with the _Next Image_ Component & Feature
08:38
132 Taking A Look At The _Next Image_ Documentation
00:52
133 Module Summary
01:17
135 Module Introduction
00:52
136 What are _API Routes__
05:39
137 Writing Our First API Route
08:25
138 Preparing the Frontend Form
06:30
139 Parsing The Incoming Request & Executing Server-side Code
10:17
140 Sending Requests To API Routes
05:44
141 Using API Routes To Get Data
07:57
142 Using API Routes For Pre-Rendering Pages
08:05
143 Creating & Using Dynamic API Routes
13:42
144 Exploring Different Ways Of Structuring API Route Files
05:10
145 Module Summary
01:45
147 Module Introduction
01:32
148 Starting Setup & A Challenge For You!
05:16
149 Adding a Newsletter Route
11:11
150 Adding Comments API Routes
08:44
151 Connecting the Frontend To the Comments API Routes
11:01
152 Setting Up A MongoDB Database
05:43
153 Running MongoDB Queries From Inside API Routes
09:15
154 Inserting Comments Into The Database
06:27
155 Getting Data From The Database
04:32
157 Adding Error Handling
07:34
158 More Error Handling
10:49
159 Module Summary
01:46
161 Module Introduction
01:29
162 Our Target State & Starting Project
04:33
163 Creating a New React Context
05:38
164 Adding Context State
03:50
165 Using Context Data In Components
04:38
166 Example_ Triggering & Showing Notifications
06:36
167 Example_ Removing Notifications (Automatically)
06:32
168 Challenge Solution
07:23
169 Module Summary
01:10
171 Module Introduction
03:01
172 Setting Up The Core Pages
05:11
173 Getting Started With The Home Page
05:30
174 Adding The _Hero_ Component
08:48
175 Adding Layout & Navigation
08:46
176 Time To Add Styling & A Logo
03:19
177 Starting Work On The _Featured Posts_ Part
05:48
178 Adding A Post Grid & Post Items
09:42
179 Rendering Dummy Post Data
12:26
180 Adding the _All Posts_ Page
04:00
181 Working On The _Post Detail_ Page
10:11
182 Rendering Markdown As JSX
02:31
183 Adding Markdown Files As A Data Source
07:33
184 Adding Functions To Read & Fetch Data From Markdown Files
13:41
185 Using Markdown Data For Rendering Posts
08:20
186 Rendering Dynamic Post Pages & Paths
11:44
187 Rendering Images With The _Next Image_ Component (From Markdown)
12:47
188 Rendering Code Snippets From Markdown
06:30
189 Preparing The Contact Form
04:20
190 Adding The Contact API Route
04:27
191 Sending Data From The Client To The API Route
07:27
192 Storing Messages With MongoDB In A Database
08:53
193 Adding UI Feedback With Notifications
15:06
194 Adding _head_ Data
06:53
195 Adding A __document.js_ File
02:56
196 Using React Portals
03:46
197 Module Summary
01:25
199 Module Introduction
01:18
200 Building NextJS Apps_ Your Options
08:06
201 Key Deployment Steps
03:07
202 Checking & Optimizing Our Code
03:12
203 The NextJS Config File & Working With Environment Variables
14:27
204 Running a Test Build & Reducing Code Size
07:22
205 A Full Deployment Example (To Vercel)
17:41
206 A Note On Github & Secret Credentials
01:58
207 Using the _export_ Feature
02:17
208 Module Summary
00:39
210 Module Introduction
01:17
211 Our Starting Project
01:46
212 How Does Authentication Work (In React & NextJS Apps)_
14:24
213 Using The _next-auth_ Library
03:05
214 Adding A User Signup API Route
13:00

【Udemy高分付费课程】2023 完整Web开发训练营 - HTML, CSS, Javascript, Node, React（中英文字幕）P1
口袋学堂
8.3万 72

P1【Udemy付费课程】Node.js, Express, MongoDB & More: The Complete Bootcamp 2022（中英文字幕）
口袋学堂
11.5万 972

【Udemy排名第一的Python课程】2022 Python PRO训练营 - 100天构建100个Python项目成为实战专家！（中英文字幕）P1
口袋学堂
16.3万 710

【Udemy排名第一的JavaScript课程】2023最新完整JavaScript课程 从入门到精通 -- 通过项目、挑战和理论掌握JS（中英文字幕）上
口袋学堂
47.4万 1万

【Udemy排名第一的JavaScript课程】2023最新完整JavaScript课程 从入门到精通 -- 通过项目、挑战和理论掌握JS（中英文字幕）下
口袋学堂
9.1万 1643

【Udemy排名第一的TypeScript教程】2022 TypeScript 从入门到精通完全指南（中英文字幕）
口袋学堂
6.3万 204

【YouTube百万粉丝大神 Mosh】Python系列完整教程（中英文字幕）
口袋学堂
9.9万 137

【YouTube大神Abdul Bari】 终极算法课程合集，学完内功提升10倍，无需自宫，也能成功！（中英文字幕）
口袋学堂
8.2万 61

P1【Udemy付费课程】Ultimate AWS Certified Solutions Architect Associate AWS认证课程 （中英字幕）
口袋学堂
9.5万 420

ChatGPT完整指南 学习Midjourney, ChatGPT 4，以及25个强大的AI工具（Udemy-中英字幕）
口袋学堂
7.4万 17

【Udemy排名第一的Vue3课程】2022 Vue3 - 完整开发指南（incl. Router & Composition API）（中英文字幕）上
口袋学堂
7.7万 220

【Udemy付费课程】The Complete 2021 Flutter Development Bootcamp with Dart（中英文字幕）
口袋学堂
7.3万 198

【Udemy付费课程】iOS13 & Swift - The Complete iOS App Development Bootcamp-->中英文字幕（P1）
口袋学堂
6.5万 305

【Udemy排名第一的高级CSS课程】Advanced CSS and Sass - 高级 CSS 和 Sass：Flexbox、网格、动画（中英文字幕）
口袋学堂
11.5万 746

iOS&MacOS开发 SwiftUI 62集入门教程（中英字幕）
口袋学堂
9.2万 186

【Unreal Engine付费课程】顶级虚幻引擎 UE5入门教程 C++游戏开发（中英字幕）
口袋学堂
11.4万 131

【LLM推理算法】CMU LLM 推理（11）：智能体与多智能体通信｜Graham Neubig
口袋学堂
74 0

【LLM基础与安全】Jacob Steinhardt: 用AI来理解AI｜Berkeley RDI
口袋学堂
50 0

【LLM基础与安全】袁东天：从内到外的可解释性：多层Transformer的训练动态｜Berkeley RDI
口袋学堂
68 0

【人类偏好学习】斯坦福CS329H：从人类偏好中学习机器学习 | 2024年秋季学期 | 投票｜Stanford Online
口袋学堂
30 0
展开
《娱乐观察局7.0》活动火热进行中！
客服
顶部
赛事库 课堂 2021拜年纪