恭喜您！您发现了宝藏！

我发现很多小伙伴，对于前端感兴趣，也很想去学好，但是却无从下手，不知道如何去学习。作为一名现处于大三即将大四的学生，借此机会来分享分享我的前端学习之路！！

以下均是自己的亲身感受，仅供诸位 参考学习

首先，学习路线图表：

 学习思想：三件套+Vue就可以找到一份基本的前端工作了！！

核心点：

1. H5+CSS3基础可以稍微撇点，但是JS的基础一定要打牢固，ES6一定要看 三件套              第一个重点
2. Vue全家桶重中之重！！！ 第二个重点
3. Uni-APP   第三个重点
4. 多敲项目案例、多查、多写！！
5. 个人建议：Vue学了，开始学习Uni-App​​​​​​

学习之旅：

1. H5+CSS3(不会的可以上网查)

2. 尚硅谷Web前端零基础入门HTML5+CSS3基础教程丨初学者从入门到精通_哔哩哔哩_bilibili

3. JavaScript(重要，学习框架的地基)  数组的方法和函数、字符串的方法和函数、Promise、数组的遍历、对象的遍历

4. 尚硅谷JavaScript基础&实战丨JS入门到精通全套完整版_哔哩哔哩_bilibili

5. ES6（重要）
6. 尚硅谷Web前端ES6教程，涵盖ES6-ES11_哔哩哔哩_bilibili
7. Ajax(1天学完，了解前端和后端如何调用接口互联即可)

8. 11.尚硅谷_AJAX-AJAX设置请求参数_哔哩哔哩_bilibili

9. Echarts（熟悉常用参数的用法即可）
10. Vue2+Vue3(重要！！！建议三刷)

11. 077_尚硅谷Vue技术_TodoList案例_总结_哔哩哔哩_bilibili 天禹老师yyds！

12. Uni-APP（学习完Vue.js就可以开始了，在Vue学好的基础上可以重点学习）

13. 1.1.课程知识点介绍及项目展示_哔哩哔哩_bilibili

14. Node.js（拓展了解学习，只要知道如何实现数据库增删改查即可）

15. 黑马程序员Node.js全套入门教程，nodejs新教程含es6模块化+npm+express+webpack+promise等_Nodejs实战案例详解_哔哩哔哩_bilibili

16. WebGL（不建议学习，难！！）

宝藏文档：

H5+CSS3+JavaScript笔记+Vue+Node.js

前端 · 语雀

官方文档：

MDN Web Docs

GitHub

https://github.com/

Git

Gitee - 企业级 DevOps 研发效能平台

Git码云部署网页

在gitee码云上搭建一个网站_gitee网站_空城机的博客-CSDN博客

Node.js 大项目学习

ShowDoc

npm官网

npm

Vue官网

Vue.js - 渐进式 JavaScript 框架 | Vue.js

结语：

书上有路勤为径！学海无涯苦作舟！

在这个大前端大后端时代，多学一点肯定是没有坏处的

诸君共勉！！