前端学习路线，从0开始

前端基础的学习路线

1. HTML

首先是HTML肯定没有疑问，学习起来也最为简单

2.CSS

CSS是用来美化我们的样式的，CSS需要学的就开始多起来了，而且要注意PC端和移动端我们都要去学，在这里会接触到less啦，bootstrap啦等等，都很重要，要好好学

3.JavaScript

最最重点的一部分，核心！这个学不好，以后所有的学习都会出现问题，且内容庞大
大致顺序，ECMA基础，DOM，BOM，再接下来要学JS进阶了（面向对象等等），然后必须会的es6，es6是学习Node.js，vue的基础，一定要好好学JavaScript部分，相当重要

4. jQuery

jQuery是一个库，里面包装了很多函数功能，很多人说jQuery过时了，的确，现在它已经跟不上潮流了，但是我个人觉得，学习它是锦上添花，尤其是在学完了DOM，BOM之后学，会觉得很神奇，对知识体系的完善有很大帮助，而且内容不多，简单容易学，所以有时间的话推荐学习

5.Ajax

音译阿贾克斯，学到Ajax后，大家会感到是一个转折，感觉学的东西跟之前有了本质的区别，如果学过计算机网络的同学会更好理解一些，它开始设计网络层的一些东西了，最基本的就是涉及缓存了，这部分很重要，这个不会的话，也无法往下学了，这部分后面最好和git一起学习

6.Node.js

Node.js，简单来说，它是一门以JavaScript做基础的一门后端语言，可以做类似Java，PHP等的事情了，我觉得是一个很重要的转折，前端越来越卷了，不仅限前端了，感觉以后大家很多都会往全栈发展了，也代表前端的基础语言可以做的事情越来越多了，所以说JavaScript是后面所有学习的基础

7.Vue

最重要的学习，企业化工程化的学习，简单来说，所有的学习都为此做铺垫，可以说是一名前端工程师了，里面会接触到webpack等一些打包了，也有别的类似于webpack的东西，比如grunt啦等等，知道vue2，vue3的区别，多去实践

8.React

跟vue同级别的前端框架，较vue来说，学习成本较高，vue比较好学，我自身也在学习React的学习过程中，自身也在mini-react（low code）的学习过程中，但是相信大家学习到这个程度的时候，已经有了自己学习的方向，定位，不再是一个小白了，没那么需要指引学习了！

9.Angular

跟React,Vue同级别的框架，这三个也称作前端三大框架，这部分我没有去学习，一是自身经历有限，二是国内用angular的企业太少。所以不过多去说了，大佬自便

10.小程序

很多人都关注小程序的开发，觉得是一门很简单的事情，的确，如多你以上的东西都会了的话，对你来说就很简单啦，需要注意的是小程序里面的很多标签是跟前端的标签是有区别的，具体看一下官方文档就好了，还有就是小程序大致分为两种：云开发，不使用云开发，云开发的好处是不需要自己手动搭建服务器了，如果后端基础不好的同学也可以去开发，而不使用云开发的，是需要自己搭建后端的，我个人是用Java的，但是这个一个不太简单的过程，当然，除了Java的spring框架以外，也可以用别的，会哪个用哪个呗！

11.独善其身（学习经历）

我个人目前止步于以上的学习了，现在还在学习低代码，这就是我的学习路径了，可能有些细节还不够完善，但是大致的方向是这样的
最开始是‘自以为’前端开发简单，看得见，所以从Java的学习中转到了web开发，但是！根本就不是想象的那样，真的是想深刻学习哪一门语言，都不是那么简单的，开始学习的很快，也很有成效，但是越来越学习，越发现越难，甚至觉得——怎么这么像Java？越来越难！但是我个人较Java来说还是更喜欢web的感觉吧，这个看个人。
要说推荐的书，红宝书（我3.4版都买了，都有学习的价值，因为换作者了嘛，思路可能不同）自然不能不提，它就是一个大库！但是初学别看，因为我刚学的时候，根本看不懂！还有《JavaScript 忍者秘籍》（内容重点强调函数，函数是根！）我买的是第二版，还有一些书《CSS揭秘》啦，等等，但是都不推荐小白看，入门的话还是推荐B站大学，讲的基础又明白
不要说JavaWeb，禁止讨论！哈哈哈
住大家找到自己的学习方向，学有所成！

文章由极客之音整理，本文链接：https://www.bmabk.com/index.php/post/79723.html