[Zero to Mastery] 完整的初级到高级 Web 开发人员路线图（2022 年） | The Complete Junior to Senior Web Developer Roadmap (2022)

2022 年完整的 Web 开发人员：从零到精通

The Complete Web Developer in 2022 Zero to Mastery

学习编码并在 2022 年成为一名 Web 开发人员，使用 HTML、CSS、Javascript、React、Node.js、机器学习等！

你将学到什么

可以让你申请以下工作的技能：Web 开发人员、软件开发人员、前端开发人员、Javascript 开发人员和全栈开发人员
学习 2022 年实际在科技公司背后使用的现代技术
Build 10+ real您可以炫耀的世界 Web 开发项目
构建专业的投资组合网站
学习编写干净、高性能和无错误代码的最佳实践
掌握现代 Web 开发基础知识和高级主题
以自由 Web 开发人员的身份工作
掌握初学者和高级 JavaScript 主题
学习 React + Redux 构建丰富的前端应用
构建自己的全栈网站和应用
使用我们在课程中学到的所有内容构建一个复杂的图像识别应用程序
成为一名专业的 Web 开发人员并获得聘用
使用 NodeJS 编写服务器端 JavaScript
学习实现用户身份验证
使用 Express、SQL 和 PostgreSQL 创建可扩展的全栈应用程序
掌握基本概念Web 开发

要求

一台计算机（Windows/Mac/Linux）。而已！
无需以前的编码经验
本课程中使用的所有工具和软件都是免费
的 准备学习现实生活中的技能并构建真正的网络应用程序，让你被录用！

描述

刚刚更新到 2022 年！通过学习最需要的技能成为全栈 Web 开发人员！本课程的毕业生现在在 Google、Tesla、Amazon、Apple、Shopify、JP Morgan、Facebook 和其他顶级科技公司等公司工作（…认真地）。

加入一个由超过 600,000 名开发人员组成的实时在线社区和课程由一位实际上在硅谷和多伦多担任高级开发人员和技术主管的行业专家。这是您一直在寻找的在 2022 年成为现代 Web 开发人员的教程。

它不仅涵盖该行业的一小部分。这涵盖了您被录用所需了解的一切：从绝对零知识到能够在简历上添加内容，让您过上自己想要的生活。

听起来好得令人难以置信？给我 5 分钟的时间来解释我为什么要建立这个 Web 开发课程，以及这里与互联网上成千上万的其他课程有什么不同：我每个月都会更新课程，以确保你学到最新的技能！这里没有浪费时间。

我们不会使用 PHP、Wordpress 和 JQuery 等过时的技术。尽管仍然有用，但像上面这样的过时技术的报酬很低，对它们的需求也在减少。在本课程中，您将学习目前行业中最需要的特定技术。

其中包括谷歌、Facebook、Instagram 等大型科技公司使用的工具和技术……它专为希望在 2022 年学习就业技能的人们而设计。

完成本课程后，您将能够申请开发人员角色、获得晋升或升级您作为开发人员的职位并获得更高的薪水。在本课程中，我们不会走捷径。您将从绝对零开始：您将了解互联网的运作方式。精通：使用机器学习 API（人工智能的一个子集）和我们在课程中学习的所有其他现代技术构建图像识别应用程序。大多数学生都评论了本课程中的项目如何给他们的面试官留下深刻印象，并让他们获得了录取通知书。

本课程由一位曾在硅谷工作过的讲师讲授，也是多伦多的顶级科技公司之一。我已经构建了大型应用程序，并管理了开发人员团队。我不是在线营销人员或推销员，而是直接使用这些技术的软件开发人员。我喜欢编程，并且相信需要一门真正教授有价值的现实生活技能的课程（因为其中大多数是由没有工作经验的老师教授的）。您的时间很宝贵，您不想花费数千美元的训练营。

您想要一门课程，以简单且解释清楚的术语概述成为 Web 开发人员的最佳方式，以便您完全理解主题，而不是看着屏幕上的某个人而对正在发生的事情一无所知。我采用了我多年来发现的最好的部分、工具和实践，并将所有内容浓缩到这门课程中。如果讲师没有参与或专注于过时的主题，50 小时的视频并没有多大意义。

我确保本课程中涵盖的所有内容都是有效的，并专注于让您尽快准备好工作！我们有一个蓬勃发展的在线聊天社区，因此您真的感觉自己是课堂的一部分，而不仅仅是自己观看视频。您将有机会与同学交流，一起开展小组项目，并为开源项目做出贡献。任何时候您有任何问题，您都可以在许多地方提问并立即获得帮助（包括我自己）。该课程旨在为您提供就业技能，以便您找到工作。

这是一位学生最近在参加课程并立即被录用后写的：“我是一名自学成才的开发人员，已经失业约 6 个月了。我遇到了一些家庭问题，阻止了我寻求长期就业，所以有一段时间我是 Postmates/Uber 送货司机。学习完这门课程后，我立即回到了以前的状态，但装备更好，知识更丰富，可以从事下一份工作。当我参加最近的一次面试时，我刚刚完成了 React 部分，它确实帮助我取得了优异的成绩。到今天为止，我正式重新回到了这个领域，这一切都归功于这门课程。

我在创建最终项目时大吃一惊，最后开始学习 SQL 语句，并开始在项目中使用它们。Andrei 在 MongoDB 之类的东西上教授关系数据库，我真的很欣喜若狂，这也很有趣，但在工作中使用不太实用。非常感谢 Andrei，我真的很喜欢这门课程，并且会确保与其他觉得它有帮助的人分享。构建真正复杂的应用程序和网站构建图像识别应用程序，以便您可以将其添加到您的投资组合中参加工作面试，确信您了解 Web 开发的基本构建块和 2022 年的开发人员趋势能够独立开展并提高您的技能作为一名开发者，打下了坚实的基础了解前端、服务器和数据库如何通信以及它们如何在生态系统中融合在一起建立自己的启动登陆页面作为可以投标项目的自由开发者离开并远程工作本课程是积累在我从事行业、学习和教学的所有岁月中。

那里有如此多的信息、如此多的意见和如此多的做事方式，除非你在过去几年里一直在公司里使用这些技术，你永远不会完全理解。因此，本课程为您解决了这个确切问题：当您需要经验才能被录用时，如何获得经验？我已经阅读了数千本编码书籍、在线教程和训练营。多年来，我一直在记录什么有效，什么无效，我创建了这门课程来缩小使用最相关信息的最有效学习方式。我有 100% 的信心，你不会在那里找到这样的课程。

我们不会构建简单的待办事项应用程序和猫图像滑块。我们将学习实际的实用技能，这些技能将使您进入劳动力市场。您在其他任何地方都找不到的一些独特部分是：React.js + Redux：您将学习 Netflix、Facebook 和 Instagram 等公司用来快速构建的库，可扩展的应用程序。这是业内需求最高的技能之一。开发人员生活中的一天：您的日常工作会是什么样子，您将使用哪些工具？我将带你在一家科技公司度过一个样品日。

互联网实际上是如何运作的？这些技术的历史是什么？：您将真正了解互联网的基本概念，以及我们现在拥有的技术是如何发展起来的。您如何实际部署现实生活中的应用程序以使其安全，并且不会被黑客入侵？：现实生活中的应用程序如何以安全可靠的方式向公众发布？什么是机器学习以及如何利用它的力量：无论您是否听说过，这都是在接下来的几年里，你会听到越来越多的东西。那些了解高级概念并能够利用其力量的人将具有优势。

您计算机上的开发人员环境是什么样的？：我们将使用开发人员所需的所有工具设置我们的计算机，以便您在从事该行业工作时可以使用相同的设置。

为什么我们要教授以上内容？因为在这个时代，仅仅了解 HTML CSS 和 Javascript 是不够的，你将无法在你的角色中成长并获得更高的薪水。你会学到这些东西，因为这些是你在 2022 年应该知道的东西，这样你才能领先于其他人。让这一年成为你冒险的一年，你学到了很多需要的技能，你有新的经验，你得到了新的机会。我希望你能和我一起踏上这段旅程。这是我一生中做过的最自豪的工作，我相信你不会找到比这更好的课程。里面见！

授课人

Andrei 是 Udemy 上评价最高的 Web 开发课程的讲师，也是发展最快的课程之一。他的毕业生转而为苹果、谷歌、亚马逊、摩根大通、IBM、优衣库等世界上一些最大的科技公司工作……他一直在硅谷和多伦多担任许多高级软件开发人员多年，现在正在利用他所学到的一切来教授编程技能并帮助您发现作为开发人员在生活中所带来的惊人的职业机会。作为一名自学成才的程序员，他明白有大量的在线过于冗长且不足以教授适当技能的课程、教程和书籍。大多数人在学习复杂的主题时会感到麻痹，不知道从哪里开始，甚至更糟，大多数人没有 20,000 美元可用于编码训练营。编程技能应该是负担得起的并对所有人开放。教育材料应该教授当前的现实生活技能，并且不应该浪费学生的宝贵时间。从为财富 500 强公司、科技初创公司工作，甚至创办自己的企业，他学到了重要的经验教训，现在他将 100% 的时间用于教授他人宝贵的软件开发技能，以便在令人兴奋的环境中掌控他们的生活和工作。具有无限可能性的行业。Andrei 向您保证，没有其他课程可以如此全面且解释清楚。他认为，要学习任何有价值的东西，就需要从基础开始，发展树根。只有从那里，您才能学习与基础相关的概念和特定技能（叶子）。以这种方式组织学习会变得指数级。凭借他在教育心理学和编码方面的经验，Andrei 的课程将带您了解您从未想过可能实现的复杂主题。课程内见！

概述

第 1 节：简介

第1讲课程大纲

第 2 讲 加入我们的在线课堂！

第 3 讲练习：认识你的同学和导师

第 4 讲 加入我们的开源项目！

第 2 部分：互联网如何运作

第 5 讲 浏览网页

第 6 讲打破谷歌

第 7 讲练习：自己破解 Google

第 8 讲 互联网骨干网

第 9 讲 Traceroute

第10讲练习：运行traceroute

第 11 讲 开发者基础知识：I

第 12 讲 开发人员做什么？

第 13 讲（选修）：启发本课程的文章

第 14 讲 Web 开发者月刊

第 3 节：网络的历史

第 15 讲 WWW 与 Internet

第 16 讲 HTML、CSS、Javascript

第 17 讲 开发者基础知识：II

第 18 讲每月编码挑战、免费资源和指南

第 19 讲 开发者历史

第 20 课练习：将 CSS 和 JavaScript 添加到 Tim 的网站

第 21 课可选资源：关于 Web 历史的更多信息

第 4 节：HTML 5

第 22 讲 建立你的第一个网站

第 23 课 资源：你的文本编辑器

第 24 课开发者基础知识：III

第 25 讲关于 w3schools 的快速说明

第26课 如何提问

第 27 讲 HTML 标签

第28讲 HTML标签2

第29讲自闭HTML标签

第30讲锚标签

第31讲问答：index.html

第32课问答：相对路径与绝对路径

第 5 节：高级 HTML 5

第 33 讲 HTML 表单

第34讲 HTML表单2

第35讲 提交表格

第 36 讲 HTML 标签 3

第 37 课 HTML 与 HTML 5

第38讲 复制网站

第 39 讲 HTML 挑战

第 40 讲 HTML 课程文件

第41课练习：HTML测验

第42课可选练习：更多HTML

第 6 节：CSS

第43课练习文件：代码沿用

第 44 课 你的第一个 CSS

第 45 课 CSS 属性

第46讲 CSS选择器

第47课可选练习：CSS选择器

第48课文字和字体

第 49 课 CSS 中的图像

第50讲 盒子模型

讲座 51 px vs em vs rem

第 52 讲 可选：PX、EM、REM、%、VW 和 VH

第53课练习：CSS测验

第 7 节：高级 CSS

第54讲关键渲染路径

第55课练习文件：代码沿图像

第56讲 Flexbox

第57课 可选练习：Flexbox Froggy

第 58 课 CSS 3

第59课可选练习：掌握转换和变换

第60讲 响应式UI

第 61 讲 图像库文件

第62课练习：机器人动画

第63课练习：机器人动画启动文件

第64课 解决方案：机器人动画

第65课可选练习：CSS

第 8 节：引导程序、模板和构建您的启动登录页面

第66讲 不断发展的技术

第67讲Bootstrap介绍

第68讲 引导程序

第 69 讲 Bootstrap 5 更新

第 70 讲 Bootstrap 网格

第 71 课 我们项目的免费资源

第72课练习：启动登陆页面

第73课练习：启动登陆页面2

第74课练习：启动登陆页面3

第75课快速笔记：hr标签

第76课练习：启动登陆页面4

第77课练习：启动登陆页面5

第78讲速记：Mailchimp

第79课练习：使用MailChimp添加电子邮件订阅表单

第80讲速记：即将上映的视频

第 81 课 练习：让你的网站上线

第 82 课 练习：让你的网站上线 2

第83课快速笔记：即将发布的视频

第 84 课开发者基础知识：IV

第85课 使用模板

第86讲免费模板资源

第87讲 学生的创业登陆页面

第 9 节：CSS 网格 + CSS 布局

第88讲 章节概述

第89课 CSS Grid vs Flexbox vs Bootstrap

第90讲快速笔记：网格间隙到间隙

第 91 讲 CSS 网格 1

第92讲 CSS网格2

第 93 讲 CSS 网格 3

第 94 讲 CSS 网格 4

第 95 讲 CSS 网格 5

第96课可选练习：CSS网格

第97课练习：CSS布局

第98讲 解决方案：导航栏

第99讲 解决方案：导航栏2

第 100 讲解决方案：封面

Lecture 101 解决方案：项目网格+页脚

第102课快速笔记：即将发布的视频

第103课 解决方案：美化

第104课资源：CSS指南

第105课 关于CSS的真相

第 10 节：Web 开发人员的职业生涯

第 106 课 Web 开发人员的职业生涯

2022年第107课更新的统计数据

第 108 课 Web 开发者路线图

第109课快速笔记：即将发布的视频

第110课 如果我没有足够的经验怎么办？

第111课LinkedIN的背书

第112课 新：开发者基础

第113课学习指南

第 11 节：Javascript

第114课 Javascript简介

第115课 什么是Javascript？

第116课你的第一个Javascript

第117课练习：数字、字符串、布尔值、比较

第118讲 变量

第119课练习：变量

第120课练习：做一个计算器

第121课 控制流

第122课 练习：制作无钥匙汽车

第123课我们网页上的Javascript

第124讲 函数

第125课练习：让无钥匙汽车变得更好

第126课 数据结构：数组

第127课练习：数组

第128课 数据结构：对象

第129课练习：Facebook App的对象和数组

第130课练习：建立Facebook

第131课 Javascript术语

第132课循环

第 133 课 练习：构建 Facebook 2

第134讲 Javascript关键字

第135课大纲文件

第 12 节：DOM 操作

第136课文档对象模型

第137讲DOM选择器

第138课练习：DOM选择器

第 139 课 DOM 事件

第140课注意：回调函数

第141课练习：DOM事件

第142课 解决方案：DOM事件

第143课 练习：背景生成器

第144课背景生成器文件

第145课

第146课开发者基础知识：V

第 13 节：高级 Javascript

第147课范围

第148课练习：范围

第149课 高级控制流

第150课练习：高级控制流

第 151 课 ES5 和 ES6

第152课练习：ES5和ES6

第153课 高级功能

第154课 练习：高级函数

第155课 高级阵列

第156课练习：高级数组

第157课 高级对象

第158课快速笔记：即将到来的视频

第159课按值传递与按引用传递

第160课 类型强制

第161课练习：高级对象

第 162 讲 ES7 (ES2016)

第163课练习：ES7

第 164 讲 ES8 (ES2017)

第165课练习：ES8

第166讲注意：ES9 + ES8 Async Await

第167讲ES10（ES2019）

第168课练习：ES10

第169课 高级循环

第170课练习：高级循环

第 171 讲 ES2020 第 1 部分

第 172 讲 ES2020 第 2 部分

第 173 讲 ES2020 第 3 部分

第174课练习：ES2020

第 175 讲 ES2021

第176课 调试

第177课 Javascript是如何工作的

讲座 178 模块

第179课 资源：模块

第180课 练习：冒名顶替综合症

第181课额外的Javascript实践

第182课可选练习：Javascript逻辑

第 14 节：命令行

第183课 仅限WINDOWS用户

第184讲速记：适用于Windows用户

第185课 使用终端

第186课练习：练习使用终端

第 15 节：开发者环境

第187课

第188课 资源：自定义Sublime Text

第189课VS代码

第190课 资源：自定义VS Code

第191课 终端

第192课 资源：自定义终端

第193课Windows：自定义Git Bash

第 16 节：Git + Github + 开源项目

第194课 安装Git

第 195 讲 Git + Github 第 1 部分

Lecture 196 Github 更新：Master –> Main

第197讲Git + Github第2部分

第198课我的终端设置

第199课为开源做贡献

第 200 讲 为开源做贡献 2

第 201 课练习：为我们的开源做贡献

第202课保持你的叉子是最新的

第 203 课 招聘人员的作品集网站

Lecture 204 学生生成的顶级资源

第 17 节：开发人员生活中的一天

第205课 典型的一天

第206课练习：帮助开发人员

第 207 课 开发人员的早晨例行公事

第 18 节：NPM + NPM 脚本

第208课 NPM简介

第 209 课 设置 NPM 和 package.json

第 210 课更新：最新的 Node.js 和 NPM

Lecture 211 疑难解答：安装 NPM 和 Node.js

第212课 安装和使用包

第213课 为什么要更新包？

第214课 关于包的快速说明

第215课练习：创建投资组合

第 19 节：React.js、React Hooks、Redux（Hooks 和 Redux 视频当然移到了最后！）

第 216 课 React.js 简介

第217课 创建React App

第218课 创建React App v5

第219课 React App文件夹结构

第 220 课 React 基础知识

第 221 课 React 基础知识 2

第 222 课 类与函数式 App.js

第223课 Hooks vs Classes

第224课快速笔记：Service Worker文件

第225课你的第一个React组件

第 226 课 构建一个 React 应用程序 1

第227课 React.Fragment和语义HTML

第228课练习：学习阅读文档

第229课 构建一个React App 2

第 230 课 构建一个 React 应用程序 3

第231课为你的React应用程序设计样式

第232课快速笔记：JSON占位符

第 233 课 构建一个 React 应用程序 4

第 234 课 构建一个 React 应用程序 5

第 235 课 构建一个 React 应用程序 6

第 236 课 项目文件

第237课让你的项目保持最新

第238课练习：反应18

Lecture 239 解决方案：尝试升级到 React 18

第 240 课 React v18：createRoot

第 241 课 React 回顾

第242课 React中的错误边界

第 243 课 部署我们的 React 应用程序

第244课 React Hooks + Redux（课程结束留着）

第 20 节：HTTP/JSON/AJAX + 异步 Javascript

第245课 HTTP/HTTPS

第246课 JSON

第247课 JSON与表单数据

第248课 AJAX

第249课快速笔记：即将发布的视频

第250讲 承诺

第251课练习：承诺

第252课 ES8 – 异步等待

第253课练习：ES8 – 异步等待

第 254 讲 ES9 (ES2018)

第 255 课 ES9 (ES2018) – 异步

第 256 课 ES2020：allSettled()

第 257 课 ES2021：任何（）

Lecture 258 回顾 ES6、ES7、ES8、ES9、ES10、ES11 特性

第 21 节：后端介绍

第259课 后端基础

第 22 节：API

第260课 准备本节

第 261 课 API 简介

第262课练习：Web App API

第263课 可选练习：语音识别

第264课资源：公共API

第 23 节：最终项目：SmartBrain 前端

第265课我们正在建设什么

第266课快速笔记：React Tilt + React Particles

第267课 构建我们的组件

第 268 课 创建 React App v5 更改

第269课

第270讲 图像识别API

第 271 课 Clarifai API 更新、模型和故障排除

第272课 资源：Clarifai API Docs

第273讲 人脸检测框

第274课

Lecture 275 项目文件：Github

第 24 节：Node.js + Express.js

第 276 课 Node.js 简介

第277课 Node.js的最新版本

第278课 Windows用户

第279课 在Node中运行script.js

第 280 讲 ES2020：globalThis

第281讲 Node中的模块

第 282 讲 ES6 模块？？

第 283 课 ES6 模块在 Node 中

讲座 284 模块的类型

第 285 课

第 286 课 Express.js 简介

第287课 Express中间件

第288讲 Express版更新

第289课

第290课快速笔记：req.header

第 291 课 RESTful API

第292课 节点文件系统模块

第293课练习：圣诞老人的节点助手

第294课 练习资源：圣诞老人的节点助手

第295课 解决方案：圣诞老人的节点助手

第 25 节：最终项目：SmartBrain 后端——服务器

第296课 设置我们的服务器

第297课/登录和/注册

第 298 课 /profile/:id 和 /image

第299课快速笔记：Bcrypt

第 300 讲 存储用户密码

讲座 301 资源：安全地存储用户密码

第302课 连接到我们的前端

讲座 303 资源：CORS

第304课 注册用户

第305课练习：加载用户特征

第 306 课 用户资料更新

Lecture 307 项目文件：Github

第 26 节：数据库

第308课 数据库简介

第309课 安装PostgreSQL

第 310 讲 Windows 用户

第 311 课 资源：安装 PostgreSQL

第312课 SQL：创建表

第313课 SQL：插入+选择

第314课 SQL：Alter Table + Update

第315课 SQL：条件选择

第316课 SQL：函数

第317课 连接表第1部分

第318课 连接表第2部分

第319课 SQL：从+删除表中删除

第320课练习：SQL命令

第 27 节：最终项目：SmartBrain 后端——数据库

第321课 建立你的数据库

第322课 连接数据库

第323课 故障排除：连接Knex

第324课注册用户第1部分

第325课注册用户第2部分

第326课 获取用户资料

第 327 课快速笔记：Knex.js 重大变化

第328课 更新条目

第 329 课 快速笔记：Knex.js 重大变更 2

第330讲 登录

第331课快速笔记：删除未使用的变量

第332课

第333课 可选：使用gRPC API

第334课接下来是什么？

第 28 节：生产 + 部署

第335课 部署我们的文件

第 336 课代码审查

第337课快速笔记：Clarifai API

第338课安全审查

第 339 课 环境变量

第 340 课练习：部署到生产环境

第341课在Heroku上部署

第342课快速笔记：故障排除下一个视频

第343课部署到Heroku第2部分

第344课部署到Heroku第3部分

第345课 Npm服务

第346课部署到Heroku第4部分

第347课项目文件：Github

第29节：从这里到哪里去？

第348课 谢谢！

第349课 成为校友

第350课资源：采访

第351课我的面试建议

第352课我的入职建议

第353课我对简历/投资组合/LinkedIn的建议

第354课我对成为初级开发人员的建议

第355课我对如何成为高级开发人员的建议

第356课第2部分

第 30 节：额外位

讲座 357 问我任何事——1000 名学生

讲座 358 AMA – 100,000 名学生！

第359课 编码挑战

第 31 节：额外学习：React Hooks

第 360 课 React Hooks

第361课 React Hooks 2

第362课 React Hooks 3

第363课 React Hooks 4

第364课 React Hooks 5

第365课 React Hooks 6

第366课 React Hooks 7

第367课 React Hooks 8

第 368 课 项目文件 – 钩子

第369课 React Hooks 9

第 32 节：可选的额外学习：Redux

第 370 讲 关于 Redux 的快速说明

第371课 状态管理

第372课 为什么选择Redux？

第373课 安装Redux

第 374 课 Redux 工具包

第375课 Redux Actions和Reducers

第376课 Redux Store和Provider

第377课 Redux connect()

第378课 Redux中间件

第 379 课 Redux 异步操作

第 380 课 Redux 项目结构

第 381 课 React + Redux 的流行工具

第 382 课 项目文件 – Redux

第 33 节：额外：适用于 Windows 用户

第383课 Wolfgang的介绍

第 384 课 适用于 Windows 的 Git

第 385 课 为 Windows 安装 NodeJS

第 386 课 为 Windows 安装 PostgreSQL

第387课 使用PSQL和PGADMIN

第 34 节：奖金部分

第388课奖金讲座

您想学习编码和构建网站和 Web 应用程序，您希望开始 Web 开发职业，您了解 HTML 和 CSS，但想扩展您的技能并做更多事情，您想开始自己的业务或成为一名自由职业者，您想学习 2022 年成为 Web 开发人员并获得更高薪水所必需的真正行业技能，您想要一门课程从在该行业工作的高级开发人员那里在一个地方教您一切