2022 年前端 Web 开发者路线图及资源

这是我在 2022 年成为前端 Web 开发人员的终极指南，其中包含资源。

有很多免费课程可以学习。下面我列出了一些 YouTube 上的优秀课程。如果你不喜欢看视频学习，我推荐你从FreeCodeCamp开始你的学习之旅。

我还将本指南汇编成视频👇

记得订阅我的频道，了解更多。加入 4.5k+ 频道吧😊

#100daysOfCode

我强烈推荐你加入推特上的#100DaysOfCode挑战。这项挑战将帮助你公开学习，每天至少编程一小时，并在推特上分享你的进度。这样，你就能更加坚持，并融入一个优秀的开发者社区。了解更多关于挑战的信息，请访问官方网站：https://www.100daysofcode.com/

1. 命令行/终端：熟悉终端能让你完全掌控你的电脑和工作流程。作为一名前端开发者，你需要终端来操作 Git、安装依赖项并运行应用程序。使用终端工作时，你也会感觉自己拥有超能力⚡
   • FreeCodeCamp - 命令行速成课程：https://youtu.be/yz7nYlnXLfE
2. 代码编辑器（Visual Studio Code）：代码编辑器只是用来编写代码的工具。我个人使用 Visual Studio Code，我非常喜欢它😍
   • Academind - Visual Studio Code 初学者教程 - 简介：https://youtu.be/VqCgcpAypFQ
3. HTML/CSS： HTML 和 CSS 是 Web 开发的支柱。它们易于学习，但需要大量练习才能掌握。你需要用 HTML 添加网页内容，用 CSS 来设置内容样式。CSS 就像一门艺术，发挥你的创造力，享受其中的乐趣吧🖌
   • DesignCourse - 2021 年 HTML 和 CSS 教程 - 完整速成课程！：https://youtu.be/D-h8L5hgW-w
4. CSS（框架）- Bootstrap/TailwindCSS： CSS 框架让 UI 构建变得简单快捷。在开始使用框架之前，请先对 CSS 有扎实的理解。2022 年，我推荐 TailwindCSS。
   • Bootstrap - 设计课程 - Bootstrap 5 入门速成课程：https://youtu.be/1nxSE0R27Gg
   • TailwindCSS - 设计课程 - 使用 TailwindCSS 构建和部署个人作品集 - 2022 版：https://youtu.be/Vp6GC3jKG20
5. Git 和 GitHub：现在你可以深入研究 git 和 GitHub。它们可以帮助你跟踪变更、共享项目，甚至在开源项目上进行协作。
   • Traversy Media - Git 和 GitHub 初学者速成课程：https://youtu.be/SWYqp7iY_Tc
6. JavaScript是时候让大佬们上场了🐶 JavaScript 是 Web 领域最重要的编程语言。它规模庞大，我建议先学习基础知识，然后在学习至少一个 JS 框架后再深入学习高级主题。对 JavaScript 要有耐心，并在项目中不断练习。最终，它会给你带来回报的💰
   • FreecodeCamp - 学习 JavaScript - 初学者完整课程：https://youtu.be/PkZNo7MFNFg
7. JavaScript 框架（React、Vue、Angular、Svelt）：目前有很多流行的 JS 框架。选择起来可能会比较费脑筋。根据你想就职的公司或职位描述来决定。如果你不知道哪个好，那就选择 React。它在就业方面很受欢迎。不过，Vue 更受大多数开发者的喜爱。
   • React - Academind - 2021 年初学者 React 速成课程：https://youtu.be/Dorf8i6lCuk
   • Vue - Traversy - Vue JS 速成课程 2021：https://youtu.be/qZXt1Aom3Cs
   • Angular - Traversy - Angular 速成课程 2021：https://youtu.be/3dHNOWTI7H8
   • Svelt - Traversy - Svelte 速成课程 2021：https://youtu.be/3TVy6GdtNuQ
8. 部署（Netlify、Vercel、GitHub）：您可以使用 netlify 或 vercel 免费将您的应用程序上线。
   • Netlify - 与 Erik 一起编程 - 使用 Netlify 在几分钟内部署您的网站：https://youtu.be/gaC-l9MAE9Q
   • Vercel官方网站：https://vercel.com/
9. 前端导师：求职时，参与前端导师挑战。这些挑战将帮助你练习并进一步学习。
   • 官方网站：https://www.frontendmentor.io/

请注意，上面的列表中我没有提到一些流行的技术，例如，SCSS等等。我建议你先学习上面的内容，然后在对上面的内容有扎实的理解之后再探索其余内容。Next.jsTypescript

查看我精彩的作品集：https://chaoocharles.dev/

这篇文章有帮助吗？请在下面的讨论区告诉我。你计划在 2022 年学习什么？