每个前端都应该知道的七个开源学习项目 六万星星篇

300 阅读3分钟

一、FreeCodeCamp 368k stars

该项目在github上有368k star,位列前端学习项目第一名。项目提供了学习网站,该网站将前端开发分为几个部分,每个部分都有几个小项目组成。网页设计简洁,项目由浅入深,涉及到了前端基础知识,常见的算法,一些常用的库,数据库,后端基础知识等。通过测试引导,能够让学习者一步步的进入到学习语境中,非常适合小白入门。

免费学习编程 - Python、JavaScript、Java、Git 等 (freecodecamp.org)

image.png

二、JS Algorithms & Data Structures 172 stars

该项目几乎涵盖了一个前端开发者应该知道的算法与数据结构合集,分门别类的对每个算法或者数据结构进行了从基础到应用的讲解。如果能够将这个项目中的算法与数据结构全部吃透,那相信你可以应对任何算法上的前端面试题了,在工作中也会有不一样的收获

javascript-algorithms/README.zh-CN.md at master · trekhleb/javascript-algorithms · GitHub

image.png

三、You Don't Know JS 169 stars

该项目具体来说是一本讲解JS知识的电子书,准确的来说是一个小册子。作者已经开始进行了第二版的书写。该书从底层出发,让你对JS有全面的理解,而不仅仅是一个编程语言,将JS的一些陷阱进行了较为详细的描述,相信读了之后,你的JS面试能力能够得到很大的提升。

You-Dont-Know-JS/up & going at 1ed-zh-CN · getify/You-Dont-Know-JS · GitHub

github.com/getify/You-…

image.png

四、30 seconds of code 112k stars

该项目的具体体现就是一个编程网站,分门别类的将前端开发过程中可能遇到的问题进行了梳理,然后再对其分别进行解析,给出答案,可以搜索一些问题。就是网站广告有些多,目前还没有中文网站,但是也可以联系英语不是吗?

30 seconds of code

image.png

五、Tech Interview Handbook 92k stars

这一个技术面试指南手册,改网站将技术面试怎么应对从头到尾进行非常详细的阐述。从简历的制作,到面试时应该怎么组织语言,怎么分析算题,事无巨细都进行了非常好的交代,是技术面试人员的福音。网站界面精美,配色协调,非常适合月度,唯一的缺点就是没有提供中文翻译。

Technical Interview Guide for Busy Engineers | Tech Interview Handbook

image.png

六、Node.js Best Practices 90 stars

顾名思义,nodejs最佳实践。nodejs是每一个前端开发者每天都接触的东西,从代码书写、构建到性能优化,各种工具的使用,nodejs都给我们提供了良好的基座。良好的代码书写习惯,帮助我们成为更好的nodejs开发者。这是一个小册子,涉及到了node代码书写的方方面面,值得一看。

nodebestpractices/README.chinese.md at master · goldbergyoni/nodebestpractices · GitHub

image.png

七、Front-End Checklist 65 stars

该项目提供了一个todo list,列出了项目上线之前你应该注意的点,按照前端技术分类,并按照优先级的高低进行了排序。对照这个list检查我们的项目,让我们对自己的项目有充分的把握,避免上线后遇到一些低级的技术问题。

The Front-End Checklist - ✨ Your best Front-End Tool ✨ (frontendchecklist.io)

image.png