送你一份入门前端学习路线图

互联网时代，只要公司有开发互联网产品的需要，包括网站、网页、H5、小程序、APP等，就一定少不了前端开发工程师岗位。如今的“大前端时代”，前端也已不限于传统PC端和移动手机端，随着VR、可穿戴设备、车载系统、智能投影等设备的出现， Web前端直接进入了各个垂直领域，前端开发将有更阔的发展空间。

那么该如何学习前端技术呢？网上攻略很多，本文从自学前端该阅读什么书的角度为你解惑。首先送上前端学习阅读路线图：

高清大图下载**：关注华章计算机，在后台对话框回复前端**

章老师口解版

夯实前端基础

入门前端开发主要需要学习 HTML，CSS 和 JavaScript 三大件。之后学习前端主流框架（React/Vue）的使用，并基于已学内容开发一个小项目进行实战。当我们把这些学习并理解透彻以后，就算入门前端了。

阶段一：HTML + CSS

前端对于入门者相当友好，开始学习的时候只需要一个浏览器。HTML 和 CSS 可以直接运行在浏览器中，浏览器就是它们的运行环境。我们也可以使用编辑器，推荐 VSCode，这是前端开发使用最多的编辑器。

对于初学者，在这个阶段最适合系统的去学习基础知识，首先就是把前端三大件HTML+CSS+JavaScript的基础教程学完。这“三大件”是每个前端人都逃不开的，下面这本书可以帮我们快速搞定HTML、CSS，以及初识JS：

《Web前端工程师修炼之道（原书第5版）》

想零基础入门前端？从这本书开始吧！阅读本书不需要任何预备知识。不需要以前制作过网页，也不需要知道在哪里可以获得代码编辑器。本书从头带你学前端！是一本完整的Web 设计（网站的视觉设计）和开发（网站的前台代码实现）的“敲门砖”：包含Web开发的重要概念、基本原理，HTML、CSS和JavaScript的具体使用方法与技巧，以及Web图像制作等。

Web前端开发敲门砖 ——《Web前端工程师修炼之道》

阶段二：JavaScript

前端三大件中JavaScript是重中之重。JavaScript是Web前端之本，也是进阶全栈的基石。它的知识点非常繁杂，是前端开发知识体系中比较难的区域。

对JavaScript理解的深度决定了未来的发展前景。这就很需要一本大而全的书来巩固JS知识，帮我们更好的深入理解JS。那该如何全面掌握JavaScript的知识呢！自然是绕不开前端圈公认的两大宝典之一的“犀牛书”。

《JavaScript权威指南 原书第7版》

犀牛书”凭着完整的内容、细致的讲解以及海量针对性的示例而受到读者的一致好评，已经成为JavaScript程序员心中公认的权威指南。这本巨著主要讲述的内容涵盖JavaScript语言本身，以及Web浏览器所实现的JavaScriptAPI。初学者读完本书，将会对JS有全面的认识，快速掌握JS最核心的技术。而有经验的开发者读完本书，会让你对JS的理解有从量变到质变的深层次飞跃。如今，全球畅销25年的JS犀牛书全新升级，新版涵盖了ES2020特性，同时删去了已过时的内容。