送你一份入门前端学习路线图，确定不看看？( 二 ) _前端学习

PS：新版犀牛书删去的知识点（如Jquery）都是已过时的内容，可以不用学；新版犀牛书增加的内容（如Node.js、迭代器、生成器、异步、元编程等）则是必须掌握的。
阶段三：入门前端框架
学完前端三大件，打好了大树的根基，并不算真正入门，因为前端工程师不能只靠每天写页面过日子。

我们需要开始扩展技能树了：学习前端框架。目前国内企业主流的主要是两大框架：Vue和React 。这两个框架的官方文档上有详细的讲解。
Vue网址：https://cn.vuejs.org/；React网址：
https://react.docschina.org/ 。新人不必纠结于选择哪个框架，学了一个，另一个也很容易学。看官网文档太枯燥？推荐一本入门+实战书籍：

文章插图

《Vue.js入门与商城开发实战》
本书主要面向Vue.js的初级入门者，涵盖详细的理论知识、布局分析和逻辑分析。并带你完成一个小项目实战：使用Vue.js和JavaScript的基础知识构建一个完整的Vue商城。
至此我们已经成功入门前端开发了。以上都学差不多了，就可以找一些算法题，例如 LeetCode ，找一些自己感兴趣的项目，找一些大厂面试题，学起来做起来，不断巩固自己知识的掌握程度。
阶段四：TypeScript
近几年随着TypeScript越来越热，现在已是是前端工程师在进阶路上必备的技能了。在GitHub2020年度项目活跃度语言分布上显示， TypeScript的排名已经跃居第三位。随着Vue3的发布，我们可以看到Vue、React都在朝TS靠拢，未来几年， TS将会是前端工程师绕不开的话题，这也将会直接体现在企业的前端招聘需求中。

文章插图

文章插图

TypeScript从入门到进阶
入门：《TypeScript入门与实战》适合正在考虑使用或已经开始使用TypeScript的读者阅读，系统、全面介绍TypeScript编程语言的基础知识及应用，从基本语法到类型系统，从参数配置到工具集成，包含大量示例代码。
进阶：《TypeScript项目开发实战》是一本TS进阶实践指南，通过9个实用项目，详细讲解如何使用TS和不同的JS框架开发高质量的应用程序。书中不仅介绍TS的核心概念与技术，还涵盖Angular和React的一些新功能，以及GraphQL、微服务和机器学习等相关的新技术。
阶段五：Webpack
从前那种直接在JS中写脚本。通过src嵌入到页面，然后按F5刷新页面查看结果的开发方式已经渐行渐远，如今选择一款合适的编译和资源管理工具已经成为了所有前端工程中的标配，而在诸多的构建工具中， Webpack以其丰富的功能和灵活的配置占据了垄断地位。不管使用哪种框架，都会用到它。如果是在小厂，在官网文档学会使用已经配置好的Webpack就可以应付工作中的难题。Webpack网址：
https://www.webpackjs.com/
但如果目标是进大厂，仅仅会使用还远远不够，还要懂得如何优化Webpack 。

文章插图

《Webpack实战：入门、进阶与调优》
这是一本能指导读者零基础快速掌握Webpack并轻松进阶的实战性著作。作者在Webpack领域有深厚的积累，是知名开源打包工具YKit的主导者和核心开发者。本书从功能特性、工作原理、应用实践、性能优化4个维度对Webpack进行了全面的讲解，内容上尽力避免了网络上已经公开发表的各种资料和文档，而是从作者的实际经验出发，将更有价值的内容呈现给读者，尽量帮助读者少走弯路。
学习热门技术
此时我们便可以开始触类旁通，学习热门技术，加强实践水平。在深入学习的同时，也可以探索自己感兴趣的方向，哪里不会补哪里，为求职面试打好基础。

由于前端开发的入门门槛相对较低，与服务器端语言先慢后快的学习曲线相比，前端开发的学习曲线是先快后慢。经过初级接触后，深度学习成为必然，《JavaScript权威指南》需要一直放在案头，随时翻阅。