入门与基础

从零基础小白到前端入门有多种学习途径，除了观看视频或图书，查阅文档与源码外，当然少不了看一些优质的技术博文。下面分享的《前端九部 - 入门者手册 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、前端框架等内容。

地址：https://www.xiaohuochai.site

另外，如果你想夯实 JS 基础的话，这三个项目，不妨多去看看。

4、JavaScript 实现的算法和数据结构

这个仓库整合了大量算法和数据结构的 JavaScript 实现，涉及经典排序算法、二叉树、链表、字符串等内容，巩固基础的朋友，可以关注下。

地址：https://github.com/ConardLi/awesome-coding-js

5、JavaScript 前端知识图谱

一个整理自各大技术社区和权威书籍的前端技术图谱，旨在帮助你更好的学习前端相关知识。

地址：https://github.com/tsejx/JavaScript-Guidebook

6、每个 JavaScript 工程师都应懂的 33 个概念

图片来源：北辰在线公众号

帮助开发者更好的理解和掌握 JavaScript 概念。

地址：https://github.com/stephentian/33-js-concepts

面试与问答

通过各种自学方式，配合上述高质量文章的学习，建立与完善知识体系，再多练习多操作，才能有效的将知识转化为能力。记得有句玩笑话，"代码不过千万行，不见媳妇不叫娘"，也是在强调实践的重要性。所以，光看不练是行不通的。当然，我们还需要一些检测学习效果的手段，比如下面的一些面试问题。

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/

还有什么好的网站推荐？

欢迎留言哦！！！