强烈保举33个 GitHub 前端学习资源

梦缘

大家好，我是Echa，应小火伴们的倡议，明天来分享一下GItHub上值得学习的开源前端资源！
1. Web Developer Road Map
developer-roadmap 是一个为开发人员筹备的学习线路图，他提供了学习编程中每个阶段的具体信息，而且每一年都会进行更新。除了有前真个线路图，还包孕后端、Android、Java、Python、Go等不同标的目的的学习线路图。


?Star： 182k
官网地址： http://roadmap.sh/
GitHub地址： http://github.com/kamranahmedse/developer-roadmap
2. Clean Code JavaScript
clean-code-javascrip 综合了作者在使用 JavaScript 过程当中的编码教训。它能够帮忙咱们学习编写易于了解、易于重用、进步代码效力的JavaScript代码。


?Star： 61.4k
GitHub地址： http://Github.com/ryanmcdermott/clean-code-javascript
3. DevDocs
devdocs 是现今对比盛行的编程言语的文档聚拢，包孕JavaScript、HTML、CSS、React、Vue.js、TypeScript等。


?Star： 27.3k
官网地址： http://devdocs.io/
GitHub地址： http://github.com/freeCodeCamp/devdocs
4. 30 Seconds Of Code
30 Seconds Of Code是一个聚合代码片断的网站，能够帮忙咱们开发过程当中遇到的常见问题。它反对JavaScript、React、Node.js、Git、CSS、Python 等言语。


?Star：90.5k
官网地址：http://www.30secondsofcode.org/
GitHub地址：http://github.com/30-seconds/30-seconds-of-code
5. Airbnb JavaScript Style Guide
这是一个由 Airbnb 开源的 JavaScript 代码格调指南。次要是为编写 JavaScript 代码提供标准的格调，便利开发者了解、浏览代码。它是最盛行的JavaScript代码格调指南之一。


?Star： 十一8k
GitHub地址： http://github.com/airbnb/javascript
6. Grab Front End Guide
front-end-guide 次要按照 Grab 团队的实际操作教训，帮忙前端初学者理解根本概念以及 Web 名目中使用哪些工具和库。


?Star： 14.1k
GitHub地址： http://github.com/grab/front-end-guide
7. Free Progra妹妹ing Books
这个网站上会集着得多收费的课程和编程书籍。在这个网站上，包孕了得多言语，假如英文不太好，能够选择查看中文的材料，除了文档以外，还有视频、顺序等多种方式的材料。


?Star： 218k
官网地址： http://ebookfoundation.github.io/free-progra妹妹ing-books/
GitHub地址： http://github.com/EbookFoundation/free-progra妹妹ing-books
8. Front-end Developer Interview Questions
这个网站采集了一些常见的前端面试题，不外并无给出谜底，能够本人整顿学习。


?Star： 51.7k
GItHub地址： http://github.com/h5bp/Front-end-Developer-Interview-Questions
官网地址： http://h5bp.org/Front-end-Developer-Interview-Questions/translations/chinese/
9. Every Progra妹妹er Should Know
every-progra妹妹er-should-know 是每个软件开发人员都应该知道的技术常识的聚拢。


?Star： 51.2k
GitHub地址： http://github.com/mtdvio/every-progra妹妹er-should-know
10. Tech Interview Handbook
这是一个对于技术面试的网站，它总结了开发人员的面试教训，例如如何写简历、自我引见、面试中的常见问题以及编程中的算法和技术等。


?Star： 63k
官网地址： http://techinterviewhandbook.org/
GitHub地址： http://github.com/yangshun/tech-interview-handbook
十一. Coding Interview University
该名目收录了作者为进入谷歌而筹备的学习条记列表，包罗数据构造与算法、计算机根底、编程练习等多种学子材料。


?Star： 202k
GitHub地址： http://github.com/jwasham/coding-interview-university
十二. Modern JavaScript Cheatsheet
这是一个 JavaScript 速查表，可帮忙咱们解决在开发过程当中常常遇到的问题。


?Star： 22.1k
官网地址： http://mbeaudru.github.io/modern-js-cheatsheet/
gitHub地址： http://github.com/mbeaudru/modern-js-cheatsheet
13. Front-End Checklist
这个一个前端开发者在开发前需求理解的常识清单。合适初学者来检测本人的学习状况。


?Star： 57.5k
官网地址： http://frontendchecklist.io/
GitHub地址： http://github.com/thedaviddias/Front-End-Checklist
14. Awesome
Awesome是一个书籍、工具、库等聚拢，合用于现今一切盛行的编程言语。


?Star： 183k
GitHub地址： http://github.com/sindresorhus/awesome
15. Design Resources For Developers
这是一个为开发人员提供的在网站开发过程当中选择色彩、字体、模板、CSS 框架等设计工具的聚拢。


?Star： 34.6k
GitHub地址： http://github.com/bradtraversy/design-resources-for-developers
16. JavaScript Algorithms And Data Structures
这是一个使用JavaScript来引见常见的算法和数据构造的教程，它有得多种言语能够选择，英文欠好的小火伴能够间接看中文版。


?Star： 131k
GitHub地址： http://github.com/trekhleb/javascript-algorithms
17. CSS Protips
这是一个提供CSS技能的名目，帮咱们疾速掌握CSS技能。


?Star： 20.3k
GitHub地址： http://github.com/AllThingsSmitty/css-protips
18. Awesome Web Development Resources
这是一个面向前端开发人员的收费编程资源的聚拢，下面包孕了学习平台、托管平台、图片、图标、字体、文档、视频教程等多个分类。


?Star： 3k
官网地址： http://markodenic.com/free-web-development-resources/
GitHub地址：http://github.com/markodenic/web-development-resources
19. JavaScript Questions
这个网站采集了 JavaScript 从根底到初级的各种问题，而且每个问题都有谜底和具体的阐明。它被翻译成多种言语，可自行选择。


?Star： 40k
GitHub地址： http://github.com/lydiahallie/javascript-questions
20. Vanilla Web Projects
这是一个经过 20 多个收费名目帮忙咱们练习 JavaScript 开发代码的名目。


?Star： 十一.8k
GitHub地址： http://github.com/bradtraversy/vanillawebprojects
21. Spellbook of Modern Web Dev
这是一个针对Web 开发人员的学习资源（如文章、书籍等）的聚拢。


?Star： 13.8k
GitHub地址： http://github.com/dexteryy/spellbook-of-modern-webdev
22. 33 JavaScript Concepts
这个名目是帮忙咱们疾速掌握33个常见的 JavaScript 概念的文章汇总。


?Star： 45.7k
GitHub地址： http://github.com/nguyentranchung/33-js-concepts
23. Project Guidelines
这是一个前端名目开发的教程列表，次要引见在名目开发时需求留意的点。该名目也提供了中文版供咱们选择。


?Star： 26k
GitHub地址： http://github.com/elsewhencode/project-guidelines
24. Learn Git Branching
LearnGitBranching 是一个 git 存储库可视化工具、沙箱，以及一系列教程和应战。它的次要目的是经过可视化的方式帮忙开发人员了解 git。这是经过不同级别的游戏来相熟不同的 git 命令来完成的。


?Star： 23.1k
GitHub地址： http://github.com/pcottle/learnGitBranching
25. You Don’t Know JS Yet
这是一个对于 JavaScript 中心概念的系列丛书。它涵盖了 JavaScript 中的大少数常识点，如作用域、闭包、this、对象原型、异步和机能等。


?Star： 148k
GitHub地址： http://github.com/getify/You-Dont-Know-JS
26. Nodejs Best Practices
这个名目是 Nodejs 开发最好理论的终极指南。这外面包孕了代码格调、机能、平安性、名目构造等方面的首要提醒。


?Star： 73.3k
GitHub地址： http://github.com/goldbergyoni/nodebestpractices
27. FreeCodeCamp
FreeCodeCamp 是一个自在开源的学习编程的社区，努力于帮忙人们利用零散时间学习编程。它的使命是 Learn to code and help nonprofits。FCC 涵盖 HTML5、CSS、React、JavaScript、Database 等课程，游戏化水平十分高，学员能够经过线上聊天室和线下社区流动互相帮忙。


?Star： 338k
Github地址： http://github.com/freeCodeCamp/freeCodeCamp
28. Awesome Repos
该名目收录了得多很实用的资源库，包孕了前端、后端、网络、人工智能等得多标的目的的资源。


?Star： 1.3k
GitHub地址： http://github.com/pawelborkar/awesome-repos
29. Frontend Development Bookmarks
该名目包孕为前端开发人员精心挑拣的资源聚拢。从架构到 UI 组件，都在这个名目中。它涵盖了普遍的前端技术。


?Star： 33k
GitHub地址： http://github.com/dypsilon/frontend-dev-bookmarks
30. Awesome Interview Questions
该名目包孕简直每种编程言语和框架的少量面试问题。


?Star： 44.5k
GitHub地址： http://github.com/DopplerHQ/awesome-interview-questions
31. TypeScript Tutorial
typescript-tutorial 是一个TypeScript入门教程，从 JavaScript 顺序员的角度总结思考，按部就班的了解 TypeScript。


?Star： 8.4k
GItHub地址： http://github.com/xcatliu/typescript-tutorial
32. TypeScript Book Chinese
typescript-book-chinese 是 《TypeScript Deep Dive》 的中文翻译版，即《深化了解 TypeScript》。


?Star： 5.1k
GitHub地址 ：http://github.com/jkchao/typescript-book-chinese
33. Clean Code TypeScript
clean-code-typescript 是一个相似于clean-code-JavaScript的库，教给咱们如何更好的编写TypeScript代码。


?Star： 5.1k
GitHub地址 ：http://github.com/labs42io/clean-code-typescript