2022年适合大学生和自学者的web前端学习路线（2022年适合大学生和自学者的web前端学习路线）

最近收到粉丝留言，`“问我在dw中如何插入视频”`，瞬间把我雷到了，这年代还有用dw开发代码的？居然还是他们老师发给他的.....

很多学员在自学的道路走了很多弯路，浪费了大量的时间。本来大学是最适合学习的时光，结果全用在了错的地方.....这是多么的可怕。所以我决定写一篇笔记来帮助那些正在自学的同学，在学习前端开发的路上少走弯路。

0基础学前端，首先要做的就是选好一款开发工具，然后再开启代码学习之路。

目前最流行的web前端开发工具首选 VScode，VScode是微软公司开发的一款开源免费且功能强大的代码编辑器，可以去VSCode的官网下载。为了帮助0基础的同学尽快的熟悉VSCode开发工具，我为大家准备了一套VSCode小白入门教程。需要的可以私信我获取教程地址。

工具准备好了之后，接下来就进入代码之旅。

HTML5 CSS3学完后，我们就可以独立开发一个完整的静态网页布局了。如下图这样的网页布局

很多0基础同学可能搞不清楚 HTML CSS与HTML5 CSS3之间的关系和区别。HTML5相当于HTML的升级版，也就是HTML5在HTML的基础上新增了很多标签。同理CSS3相当于CSS的升级版，在CSS的基础上新增了很多样式属性。

为了回馈粉丝，帮助同学们能快速入门web前端到独立开发一个静态网站上线部署。

Javascript简称JS，他早期主要是实现页面特效为主，但随之着技术的发展，JS能做的事情越来越多了，他除了特效之外还可以与服务端交互。

JS是前端开发最重要的一部分内容，对于JS的掌握程度决定了你web前端水平的高低。如果JS学好了，那后面所谓的框架那都不算事，都是毛毛雨。一般学习JS可不是简单的听一套JS的系统教学视频就完事了，你还必需多写多练，多看书。这就是为什么很多人听完JS的系统教程后，发现好像啥都会，又好像啥也不会，啥也做不了。对于JS的学习，你要做好长期战，视频至少要看2遍吧，视频中的案例至少要全部手敲。视频看完案例敲完后，接下来就要买几本书来好好研究研究了。在这里我推荐大家几本书

| 本书前期快速简洁地讲述了Javascript和DOM的基本知识，后面主要以Javascript编程原则和最佳实践为主。 | 这本书可以说是程序员人手必备的一本书，把每个基础知识都讲得很透彻，不过他太厚了，所以这本书更适合在学习JS过程中或后期当成一个工具书书籍来查阅 | 本书共分为上中下三本，非常经典，绝对是神书，但是深入细节太多，不适合新手，很适合进阶深入语言内部，弄清楚Javascript每一个零部件的用途 |

>如果需要`《Javascript高级程序设计》`的最新版`电子书`，可以私信我，免费获取。同时还可以获取相关的css电子手册

随着JS的用处越来越多，Javascript（ES5）中的语法已经无法满足越来越复杂并且庞大的现状了。ES6可以理解为ES5的增强版，在原有ES5的基础上新增了很多内容。ES6的重要性只能说太太重要了，现在主流的前端框架，VUE，React，Angular......微信小程序都在用ES6的语法。

ES6大家同样可以先听一套系统的视频作为入门了解，然后必不可少的还是要啃一本书，这里给大家推荐

`《深入理解ES6》`

这本书是由我们国内几个大神一起来翻译，它的特点就是比较精 华，只讲了比较重点的es6常见的部分，在豆瓣的评分是9.3，这算是相当高的得分了。

前端三大主流框架 Vue、React、Angular。对于初学者，我推荐先学习Vue，他是中国尤雨溪大神写的，而且Vue是渐过式框架，入门相对简单。

Vue的学习以`系统的视频 官方文档`为主，至少要看一套Vue系统视频教程，再熟读官方文档，当然看一遍肯定是不够的，至少得两遍。基础学完后，就得找1-2个Vue项目来实战下。

至于我们是学Vue2还是Vue3,如果你急着找工作，我个人觉得可以先学Vue2，再了解下Vue3的新特性，毕竟现在Vue3还不成熟，面对企业开发还是以Vue2为主。如果你不急着工作，建议直接学Vue3就好。技术是一直在不断的更新，作为一名程序员，我们要做的就是始终不断的学习新技术。

在这个阶段，我们还需要穿插了解 webpack这个构建工具以及相关的linux操作命令。

按正常学到Vue就可以工作了，但是现在面试最喜欢问的就是HTTP协议，你去刷面试题就会发现，HTTP相关的知识在面试中是100%会问到的。所以建议大家花点时间学习HTTP相关的内容后，再考虑面试的问题。这里给大家推荐一本书

这本书以漫的形式展现了，把比较枯燥的HTTp协议讲解的非常有趣，函盖HTTP常见的一些比如说：状态码，守护，包括用户身份的认证，web攻击技术，都有函盖，非常好玩的一本书。

接下来我们就要开始刷面试题了，刷面试题一是为了面试作准备，二是可以通过面试题来查漏补缺，找到自己的不足。

我整理了今年1-5月份各大厂的面试真题，并附上了相关的答案放在我的博客上面，推荐大家可以到博客上刷刷面试题，做好查漏补缺，同时为秋招做好准备。

最后如果有足够的时间，可以再学习Node.js、数据结构、js设计模式等相关内容。