经常有人问我,对于希望涉足 Web 开发职业的初学者,我会推荐哪些资源。我经常将 GitHub 视为一个很好的起点。
我决定编译一些我知道的最好的存储库。我希望自己在开始学习时就知道它们,因此请将它们视为加快学习路径的宝贵捷径。
这篇文章显然是面向初学者的,但我相信一些更有经验的开发人员也可以从中学到一两件事。
为了帮助您浏览,我将它们按类别排列,从基础知识到课程、手册、最佳实践、项目、访谈和资源。
基础知识⚡
1.网络如何运作
⭐ GitHub stars 4k+
当我们在浏览器中输入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+
现代网络开发的一些最佳实践,由 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+
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。