送你一份入门前端学习路线图,确定不看看?

互联网时代 , 只要公司有开发互联网产品的需要 , 包括网站、网页、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图像制作等 。
阶段二:JavaScript
前端三大件中JavaScript是重中之重 。JavaScript是Web前端之本 , 也是进阶全栈的基石 。它的知识点非常繁杂 , 是前端开发知识体系中比较难的区域 。
 
对JavaScript理解的深度决定了未来的发展前景 。这就很需要一本大而全的书来巩固JS知识 , 帮我们更好的深入理解JS 。那该如何全面掌握JavaScript的知识呢!自然是绕不开前端圈公认的两大宝典之一的“犀牛书” 。
送你一份入门前端学习路线图,确定不看看?

文章插图
 
《JavaScript权威指南 原书第7版》
犀牛书”凭着完整的内容、细致的讲解以及海量针对性的示例而受到读者的一致好评 , 已经成为JavaScript程序员心中公认的权威指南 。这本巨著主要讲述的内容涵盖JavaScript语言本身 , 以及Web浏览器所实现的JavaScriptAPI 。初学者读完本书 , 将会对JS有全面的认识 , 快速掌握JS最核心的技术 。而有经验的开发者读完本书 , 会让你对JS的理解有从量变到质变的深层次飞跃 。如今 , 全球畅销25年的JS犀牛书全新升级 , 新版涵盖了ES2020特性 , 同时删去了已过时的内容 。
值得注意的是 , 作者在前言中已经明确指出了本书的适读人群:
送你一份入门前端学习路线图,确定不看看?

文章插图
 
所以 , 犀牛书不是一本零基础入门的书 , 如果阅读犀牛书时感到吃力 , 又不想“从入门到放弃”那么不妨先阅读前面那本《Web前端工程师修炼之道(原书第5版)》 。
送你一份入门前端学习路线图,确定不看看?

文章插图
 
(感谢掘金原创作者--清秋制作导图)
JavaScript的基础知识点非常多 , 新版犀牛书即使瘦身后还有600页!在入门阶段 , 我们不需要将整本书一字不差地看完 , 只需要抓住几块核心内容 , 将它们快速过一遍就行 , 太细节的内容不用记 , 等之后工作中遇到问题了再回来查找 。


推荐阅读