个人总结的前端学习路线

仅供参考，当你在本方向学习深入之后就知道未来自己需要学什么！

基础知识 - 上学期

学习过程中可以使用 markdown 做做笔记，多多练习 基础三样：HTML CSS JS - 大一上学期学这三样即可

资料链接

HTML+CSS : https://www.bilibili.com/video/BV14J4114768

大概看到300集左右，后面的可以寒假再学习

JS : https://www.bilibili.com/video/BV1Sy4y1C7ha

大概看到330 集就可以了，后面的可以寒假再学习

进一步学习 - 寒假或下学期开始

高级知识起步

这些可以全看，知道怎么使用即可

• Ajax: https://www.bilibili.com/video/BV1WC4y1b78y
• ES6: https://www.bilibili.com/video/BV1uK411H7on
• Promise: https://www.bilibili.com/video/BV1GA411x7z1
• Axios: https://www.bilibili.com/video/BV1wr4y1K7tq

高级技巧与团队协作（花的时间比较少，可以先看下面的框架，但不代表可以不看）

推荐先学习的部分：

• LESS，SCSS (推荐，学完 css 可以看看)
• Git，GitHub (团队协作，GitHub 上也有很多好玩的项目)
• Typescript (JavaScript 的超集，可以先看完前端框架然后再学习)

各个知识点资料：

• LESS视频: https://www.bilibili.com/video/BV1YW411T7vd
• SCSS 文档: https://www.sass.hk/docs/
• Nodejs : https://www.bilibili.com/video/BV1bs411E7pD
• Git, GitHub(推荐): https://www.bilibili.com/video/BV1pW411A7a5
• Typescript :https://www.bilibili.com/video/BV1Xy4y1v7S2 Typescript 如果想要熟练使用还是需要上手过一个完整项目才知道怎么合理使用。

数据库 (与Nodejs 一起使用，不着急学，可以先看下面的前端框架):

• MongoDB: https://www.bilibili.com/video/BV18s411E78K

前端框架和小程序

推荐先学习 Vue 和微信小程序，React 有空的时候可以看看，跟Vue 比较相似

• Vue 框架: https://www.bilibili.com/video/BV1Zy4y1K7SH
• 微信小程序：https://www.bilibili.com/video/BV1nE41117BQ
• React 框架: https://www.bilibili.com/video/BV1wy4y1D7JT