前端学习路线

前端的学习正确路线

有很多想入行前端的同学告诉我说，他想入行却不知道好的学习路线，相信大家也有对应的困惑，今天就用简单的话讲下个人看法

1、学习路线，依次进行，层层递进

首先是前端三件套：html、css、js；这三项是前端的入门必须学习的，且一定是一开始学的。众所周知 前端就是视图的集合，所以构建是最基础的，html是骨骼，css便是外衣色彩，js便是能量、动力。只有满足了这三个条件才算一个完整的页面（纯静态的不在考虑范围内）

其次便是 h5 加css3，可以简单粗暴的理解成 html和css3的 plus版本，h5的主要是 语义化标签、增强表单、新增事件、新增表单属性；css3主要是新特性 选择器、文本效果、2d/3d转换、动画、过渡、多列布局、用户界面、css兼容内核等等，当然这些大家都是比较熟悉的，小白就不多讲了

接下来便是 网络，这里的网络并不是仅仅只 网络请求（ajax、fetch、axios，request），也包括真正意义上的网络，只有理解网络资源的加在逻辑过程，在能够在实际中更好查找问题，更好地解决。比如网络传输协议不清楚就很难理解很多API的实现。听过我的课同学就不陌生了

然后是 第三方库的学习，这里是指市场的常用的第三方库（Element UI，Antd、NG）等等，当然不是指会照着官网会使用，而是学习其实现逻辑以及源码中为啥这里需要这样处理（有些同学看源码会觉得明明简单处理下就可以了，为啥要处理的这么复杂，这么无厘头），之所以要学习这些事因为在开发时你写的代码必然是 工程化的、可扩展的、提供给他人使用的（有可能），那么程序的稳健性就尤为重要，用户不会按照你的要求去操作的

接下来就是 工程化学习了，也是一些工程思想，设计模式，据小白所知道的32种设计模式都有不同的使用场景。这一部分的学习主要是为了 复用和规范，有利于团队协同开发，这是想走向高级的必经之路

最后就是大家关心也是听到最多的框架了，主流市场是 Angular、Vue、React。顺序不代表地位哈。为啥放到最后呢，因为想要了解框架的实现原理和更好的使用、避免不合理的使用操作就必要要有前面知识的铺垫才行，比如 沙盒的产生等等。框架的学习市场免费资料太多太多，大多都是蜻蜓点水、浅尝辄止。还是需要大家仔细钻研

听朋友说好多人都是跳过了 三四五步，这样在学习完 三件套、h5、css3后直接学习Vue或者React不知道有没有感到吃力或者不理解。前端的学习随着业务的逐渐强大丰富会越来越漫长、越来越底层，一个好的学习路线能使你走的更稳、更久、更远。 应该有同学已经发现了，学习完了Vue才发现好多其他知识需要拐回来学习，就是学习路线不正确导致的。

学习道路漫漫，一起进步学习。框架并不是前端的尽头而是刚刚开始。

end---- 觉得有用可以点个关注哈，小白继续分享没用的知识