不知不觉《IT 程序狮》的微博已经运营 3 年多了,我在微博上陆续的发布了 5200+ 技术分享、开源项目、编程灵感以及一些工具推荐的博文,不少内容得到了大V的推荐,也有幸收获了一批热情的关注者,让我倍感欣慰。
值此 1024 来临之际,我重新梳理了曾在 #前端技术# 话题下发表的高赞内容,挑选出了 10 个值得前端开发者参考、学习的优质资源与大家分享,涵盖了前端知识体系、面试问答、算法与数据结构、知识图谱等内容,希望能够帮助广大的前端开发者们节约资料查找时间,提升开发效率。
入门与基础
从零基础小白到前端入门有多种学习途径,除了观看视频或图书,查阅文档与源码外,当然少不了看一些优质的技术博文。下面分享的《前端九部 - 入门者手册 2019》、《前端开发者手册 2019》、《小火柴的前端小册子》这三本开源小册子,对入门前端的童鞋会大有裨益。
1.前端九部 - 入门者手册 2019
这是由蚂蚁金服前端九组牵头,各大互联网公司和高校的成员参与编辑、审阅的 Web 前端开发零基础入门手册。它主要提供了前端基础入门的体系化知识内容,从基础概念的学习、开发工具的选择,到代码规范、代码调试、主流技术栈均有涉及,同时作者也分享了一些高效学习、技术练级等思维导图供你了解,帮助你更快的开启 Web 前端学习之路。
地址:
https://www.yuque.com/fe9/basic
2.前端开发手册 2019
这本手册,号称任何人都可以了解前端开发的实践指南。它将系统的概述前端工程实践,从行业、岗位到技能、知识点帮助你了解前端开发“是什么”,“做什么”,以及“学什么”,同时它还推荐了一些常用的开发工具。
地址:
https://www.yuque.com/ysfe/ykx/fedhb
3.小火柴的前端小册子
这个小册子是小火柴总结的前端知识结构,内容涉及 HTML/CSS/JS 基础知识、HTTP、前端框架等内容。
另外,如果你想夯实 JS 基础的话,这三个项目,不妨多去看看。
4.JavaScript 实现的算法和数据结构
这个仓库整合了大量算法和数据结构的 JavaScript 实现,涉及经典排序算法、二叉树、链表、字符串等内容,巩固基础的朋友,可以关注下。
地址:
https://github.com/ConardLi/awesome-coding-js
5.JavaScript 前端知识图谱
一个整理自各大技术社区和权威书籍的前端技术图谱,旨在帮助你更好的学习前端相关知识。
6.每个 JavaScript 工程师都应懂的 33 个概念
帮助开发者更好的理解和掌握 JavaScript 概念。
面试与问答
通过各种自学方式,配合上述高质量文章的学习,建立与完善知识体系,再多练习多操作,才能有效的将知识转化为能力。记得有句玩笑话,“代码不过千万行,不见媳妇不叫娘”,也是在强调实践的重要性。所以,光看不练是行不通的。当然,我们还需要一些检测学习效果的手段,比如下面的一些面试问题。
7.前端硬核面试专题
这份专题主要梳理了前端开发者需要巩固的基础知识点,涉及 HTML、CSS、JS、Webpack、Vue、React、Node、HTTPS、数据结构与算法、Git 等内容。学完相应的知识,用来自检还是不错的。
地址:
https://github.com/biaochenxuying/blog/blob/master/interview/fe-interview.md
8.前端面试每日 3+1
如果你觉得《前端硬核面试专题》内容满足不了你的需求,也可以看看这个前端面试日更项目。项目作者通过面试题的方式,帮助大家每天花 20 分钟来学习与思考。内容涵盖 HTML、CSS、JS 以及软技能相关的面试问题与解答。
地址:
https://github.com/haizlin/fe-interview
9.JavaScript 进阶问题列表
这个周更项目,也可以帮助你测试 JavaScript 的掌握程度。
地址:
https://github.com/lydiahallie/javascript-questions/blob/master/zh-CN/README-zh_CN.md
10.前端工作面试问题
如果作为面试官,这篇文章提供的前端面试问题供你参考,你可以挑出一些考查候选者的技能水平,或者你也可以用来自检。
地址:
https://h5bp.org/Front-end-Developer-Interview-Questions/translations/chinese/
最后,全能的前端开发者导航送给你 —— 醉牛前端。关于前端开发的常用手册、工具、框架都在这里,一个网站解放你的收藏夹。
最后的最后,预祝大家程序员节快乐,写完程序没 bug,按时下班不脱发!
同时也欢迎关注我的微信【IT程序狮】,不定期分享 IT 学习文章与资源。