经常有人问我，对于希望涉足 Web 开发职业的初学者，我会推荐哪些资源。我经常将 GitHub 视为一个很好的起点。

我决定编译一些我知道的最好的存储库。我希望自己在开始学习时就知道它们，因此请将它们视为加快学习路径的宝贵捷径。

这篇文章显然是面向初学者的，但我相信一些更有经验的开发人员也可以从中学到一两件事。

为了帮助您浏览，我将它们按类别排列，从基础知识到课程、手册、最佳实践、项目、访谈和资源。

基础知识⚡

1.网络如何运作

⭐ GitHub stars 4k+

 vasanthk / 网络工作原理

当我们在浏览器中输入 www.google.com 时，幕后发生了什么？

当我们在浏览器中输入www.google.com时，幕后发生了什么？

2.开发者路线图

⭐ GitHub stars 187k+

 kamranahmedse / 开发者路线图

2022 年成为开发人员的路线图

这可能是最好和最完整的路线图，它将帮助您全面了解开发前景、主要技术以及推荐的学习顺序。

课程👨‍🏫

3.网络开发初学者

⭐ GitHub stars 41k+

 微软 / Web-Dev-For-Beginners

24 节课，12 周，Web 开发人员入门

关于 JavaScript、CSS 和 HTML 基础知识的为期 12 周、24 课的优质课程。每节课都包括课前和课后测验、完成课程的书面说明、解决方案、作业等。

4.javascript -30

⭐ GitHub stars 18k+

 wesbos / JavaScript30

30 天 Vanilla JS 挑战

入门文件 + Wes Bos 的 JavaScript 30 天挑战的完整解决方案。

手册📚

5.开发者手册

⭐ GitHub stars 1k+

 apptension / 开发人员手册

关于如何成为专业的 Web/移动应用程序开发人员的自以为是的指南。

关于如何成为专业的 Web/移动应用程序开发人员的自以为是的指南。

6.现代webdev的拼写书

⭐ GitHub stars 14k+

 dexteryy / spellbook-of-modern-webdev

现代 JavaScript Web 开发的大图、叙词表和分类法

现代 JavaScript Web 开发的大图、叙词表和分类法。

最佳实践💯

7.网络基础

⭐ GitHub stars 12k+

 谷歌 / 网络基础

现代 Web 开发的最佳实践

现代网络开发的一些最佳实践，由 Google 开发人员提供。

8.爱彼迎

⭐ GitHub stars 120k+

 爱彼迎 / javascript

JavaScript 风格指南

最好的风格指南之一。

9.干净代码javascript

⭐ GitHub stars 64k+

 ryanmcdermott / clean-code-javascript

🛁 适用于 JavaScript 的简洁代码概念

软件工程原则，来自 Robert C. Martin 的书“Clean Code”，适用于 JavaScript。使用 JavaScript 生成可读、可重用和可重构软件的指南。

10.系统设计入门

⭐ GitHub stars 164k+

 donnemartin / 系统设计入门

了解如何设计大型系统。准备系统设计面试。包括 Anki 抽认卡。

了解如何设计大型系统。准备系统设计面试。包括 Anki 抽认卡。

项目📂

11.简单

⭐ GitHub stars 4k+

 samdutton / 简单

最简单的 HTML、CSS 和 Javascript 示例：

HTML、CSS 和 Javascript 的最简单示例。

12.现实世界

⭐ GitHub stars 64k+

 gothinkster / 现实 世界

“所有演示应用程序之母”——由 React、Angular、Node、Django 等提供支持的示例性全栈 Medium.com 克隆🏅

Realworld 允许您选择任何前端（React、Vue 等）和任何后端（Node、Django 等），并了解它们如何为真实世界、设计精美的全栈应用程序提供动力。

13.建立你自己的-x

⭐ GitHub stars 133k+

 codecrafters-io / build-your-own-x

通过从头开始重新创建您最喜欢的技术来掌握编程。

构建您自己的（在此处插入技术）。

采访💼

14.编码-面试-大学

⭐ GitHub stars 211k+

 jwasham / coding-interview-university

成为软件工程师的完整计算机科学研究计划。

成为软件工程师的完整计算机科学研究计划。

15.前端面试手册

⭐ GitHub stars 32k+

 阳顺 / 前端面试手册

⚡️ 忙碌工程师的前端面试准备资料

忙碌工程师的前端面试准备材料。

16.技术面试手册

⭐ GitHub stars 66k+

 阳顺 / tech-interview-handbook

💯 为忙碌的工程师精心准备的面试准备材料

为忙碌的工程师精心策划的面试准备材料。要获得更好的阅读体验，请访问techinterviewhandbook.org。

另外，请查看Grind 75——一种根据剩余准备时间生成编码面试学习计划的工具。

资源💾

17. design-resources-for-developers

⭐ GitHub stars 36k+

 bradtraversy / design-resources-for-developers

来自库存照片、Web 模板、CSS 框架、UI 库、工具等的精选设计和 UI 资源列表

来自库存照片、Web 模板、CSS 框架、UI 库、工具等的设计和 UI 资源精选列表。

18.免费编程书籍

⭐ GitHub stars 223k+

 EbookFoundation / 免费编程书籍

📚 免费提供的编程书籍

免费提供的编程书籍。

19.前端采集

⭐ GitHub stars 1k+

 备忘单 1999 / FrontEndCollection

前端软件工程师须知。涵盖常见的数据结构和算法、基本的网络概念、HTML & CSS & Javascript。

前端软件工程师须知。涵盖常见的数据结构和算法、基本的网络概念、HTML & CSS & Javascript。