2021前端最新学习路线，干货，是真干~

前言

学习对于每个人来说，都是比较痛苦，也是比较枯燥的。但是如果您真的想学习前端的知识，就一定要耐住性子，静下心来，一步步的学习。学习是一个循序渐进的过程，是一件非常难得坚持的事情。要掌握学习的方法，人们常说：兴趣是最好的老师。先培养兴趣，学习起来会有事半功倍的效果~~~加油！！！

文末有惊喜！！！

web基础

干啥事也得有基础，路才能越走越远。很多小伙伴们上来就想做一个大系统、做一个漂亮的网站，结果发现越做越没有信心，导致最后越来越不愿意学习。所以千万不要好高骛远。

• html、css、Javascript： 原来的网页三剑客：HTML 、CSS 、 Javascript组成了web的体系。现在依然具有举足轻重的地位。所以这三个知识是必须要学会。基础知识不用过多说什么。

这里要特别说一下 Javascript 这门语言。只有学会这个编程语言才能真正意义上说是一名合格的程序员。很多人也因为这个能力一直停滞不停。所以得花点时间好好去学，这对于以后的技术路走多长有至关重要的作用。

• jQuery 在前几年的时候，jQuery可以说是每个网站必备的开发库。直到现在依然还有很多网站也一直在用这个库，只不过最近几年 react、angularJS 、vue 这些开发框架的快速崛起，jQuery好像没有原来那么火热，这个库可以简单的学习一下。会基本的用法就好，如果将来有一天真正的需要这个库的时候，再深入学习一下。
• Ajax AJAX = Asynchronous JavaScript and XML（异步的 JavaScript 和 XML）。 AJAX 不是新的编程语言，而是一种使用现有标准的新方法。 AJAX 最大的优点是在不重新加载整个页面的情况下，可以与服务器交换数据并更新部分网页内容。 （以上是从网上复制的~~~~） 这个是与后台开发交互的必备技能。也有很多成熟的库对它进行了封装，如：jQuery、axios等。 当然，要真正实现前后交互还得学习HTTP 、JSON 等一些网络知识。总之，你得学习~~~

好了，如果你想做一些简单的网站，以是的知识已经完全够用了，这里还有很多好用的框架和库没有列举，如：bootstrap。还有如何适配pc、手机、平板等一些 响应式和自式应的知识。这些知识可以等用到了再深入去学，基础打得好，学习起来都不是~ 很快。嗖嗖的~~~~哈哈

前端进阶

作为一个有逼格的前端开发，怎么能只学习一些基础的知识。是不，得进阶一下子。

• ES6、7等一系列、模块化 如果你想进阶，麻烦先过一关吧。进阶中的基础，重要性不多说了
• CSS模块化、预处理器 postcss 是每个前端小伙都知道的吧~ 这个东西是真好用啊，尤其是在做 css厂商前缀的时候。再也不用一个个手动写了。框架都给整合好了。去官网学吧，还等啥。 预处理器目前比较火的有三个：sass、less、stylus。让你写css和编程一样，也是比较方便的，学会一个就行。其它两个就自然会了。你懂得
• node、npm、yarn node 这个东西会点基础就行，毕竟做为一门主要用于后端开发的环境，但学习好了这个，路子会更长的。 npm yarn 都是包管理器，必须学会基础的用法。
• 构建工具 目前比较流程的构建工具有：webpack 和以及最近尤大出品的 vite 。原来还有 gulp (我没有用过，不要鄙视我哦~)，这个东西怎么说呢，基础配置和原理得掌握，其它的当然是学会的越多越好。

郑重声明：以上学习路线和知识体系是本人的由实际学习开经验而来，不一定适合每个人，如果大佬觉得不合适的，请勿喷。本人只是想帮助更多想学习前端的小伙伴而已。更多的知识请参见下图：

如果图片不清楚，请私信我，我单独给您发一下