前端学习路线，我也去网上找了相关的资料。
发现都是比较杂、不够全面、不适合初学者。
于是我就整理了这篇很长很全前端学习路线。
话说前面
工欲善其事,必先利其器。
选择一个好的编辑器尤为重要。
我直接推荐 VS Code 免费轻量。
任何事情都是循序渐进、由浅入深。
VOL.1
HTML、CSS这是最基本的网站构建元素。
先学习HTML的基本标签div、h1-h6、p、a等标签，
再学习CSS基础。
最后HTML+CSS就可以构建一个漂亮的静态网页了。
HTML
1、元素
2、语义化标签
CSS
1、选择器
2、继承属性
3、核心模块
4、背景图像
5、清除浮动
6、定位
7、BFC
8、垂直居中
9、水平垂直居中
VOL.2
JavaScript基础，它是用来操作DOM的。
结合前面学习的HTML、CSS我们就可以让页面“动”起来，更有活力
VOL.3
JavaScript进阶，建议多花时间着重学习！
后面的前端框架都是基于JS开发的，把JS学好框架的学习就简单很多了。
1、ES6+
2、this、call、apply
3、异步（Ajax、promise、async/await）
VOL.4
学习框架提高开发效率。
CSS框架：Bootstrap、Tailwindcss
JS框架：Jquery、Vue、React
Vue在国内使用较多，React在国外使用较多。
Vue和React不要同时学习，先学会运用一个，不然难度会大大增加。
VOL.5
在已经掌握Vue的前提下，学习基于Vue开发的UI框架Element UI。
当然不仅仅是这一个还有很多。
UI框架不用太深入，学会运用一个其他UI框架使用方法看文档即可。
VOL.6
Node.js。
属于加分项，如果时间不够，可以先不学，但至少要知道 Node 环境的配置，以及 Node 的一些基础知识
VOL.7
前端工程化：构建工具 Webpack、构建工具 gulp、CSS 预处理器 Sass、自动化测试、持续集成 等。
注意，Sass 比 Less 用得多，gulp 比 grunt 用得多
VOL.8
移动端的开发：
微信小程序原生开发、使用UniApp开发微信小程序及H5
相关学习链接
https://github.com/qianguyihao/Web
https://whjin.github.io/frontend-dev-doc/
Vue.js 官网：https://cn.vuejs.org/
React 官网：https://reactjs.org/
UniApp官网：https://uniapp.dcloud.net.cn/
原文始发于微信公众号（邓健的客栈）：前端学习路线，很长很全建议收藏！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 举报，一经查实，本站将立刻删除。
文章由极客之音整理，本文链接：https://www.bmabk.com/index.php/post/95699.html
