前端学习资料整理

前端学习路线指南

学前必读：

对于初学者来说，对于前端的发展方向，学习路线比较迷茫，想要学习却不知从何着手。一下结合多年工作经验总结前端学习路线给初学者提供帮助。

技术路线展望

1. 认识HTML标签

2. css样式学习。学习目标：了解掌握几种常用的布局

3. js学习，掌握js的基础语法，javaScript操作DOM，JavaScript面向对象(js高级)。学习目标：能使用js+css编写常用的交互式页面

4. 掌握前端必备框架（jQuery（已渐渐被淘汰），bootStrap，elementUI，less（初学者了解），）。学习目标：能够使用bootStrap框架编写常用的UI界面。

5. http协议 & cookie & session，ES6/7/8，npm常用命令，promise，ajax(原生，jQuery,axios,fetch)， ajax库基本封装使用 promise封装， 模块化，构建工具webpack4.0基础

6. Vue技术栈：Vue基础，VueRouter，Vuex（vue2.0和3.0建议都学习一下），TypeScript（vue3.0使用ts代替js，ts具有强语法性）

7. 微信小程序（学习微信小程序的原生语法），小程序开发框架UniApp使用（uniApp框架开发的H5，可以使用在安卓|苹果|微信小程序）

8. vue项目实战练习（建议从码云或者GitHub上面找两个开源项目练手）

9. React技术栈（国内使用前端普遍使用vue）

各学习阶段学习视频资料

标题	链接
1、HTML+css（上）	https://www.bilibili.com/video/BV1V34y1Q7q9?spm_id_from=333.999.0.0
2、HTML+css（下）	https://www.bilibili.com/video/BV1bQ4y1a7jz?from=search&seid=16111957629197777482&spm_id_from=333.337.0.0
3、js	https://www.bilibili.com/video/BV1YW411T7GX?from=search&seid=315168891417275192&spm_id_from=333.337.0.0
4、jQuery	https://www.bilibili.com/video/BV1it411h7wR?from=search&seid=3599355715029508372&spm_id_from=333.337.0.0
5、bootstrap	https://www.bilibili.com/video/BV1YW411T7yy?from=search&seid=9212092525860662172&spm_id_from=333.337.0.0
6、http协议 & cookie & session (找到比较好的资料后面贴上去)
7、node	https://www.bilibili.com/video/BV1bs411E7pD?from=search&seid=3539932584523301095&spm_id_from=333.337.0.0
8、promise	https://www.bilibili.com/video/BV1GA411x7z1?from=search&seid=11082705393733659695&spm_id_from=333.337.0.0
9、webpack	https://www.bilibili.com/video/BV1e7411j7T5?from=search&seid=16100116666506100473&spm_id_from=333.337.0.0
10、vue2.0与3.0	https://www.bilibili.com/video/BV1Zy4y1K7SH?from=search&seid=3044339828478704686&spm_id_from=333.337.0.0
11、微信小程序	https://www.bilibili.com/video/BV12K411A7A2?from=search&seid=8283774861153551583&spm_id_from=333.337.0.0
12、uniApp	https://www.bilibili.com/video/BV1BJ411W7pX?from=search&seid=12950049785039597465&spm_id_from=333.337.0.0
13、Git代码管理工具	https://www.bilibili.com/video/BV1sM4y1M7Bd?from=search&seid=3158590163474963731&spm_id_from=333.337.0.0

温馨提示：

每天保证自己4-5个小时的学习时间，学完之后从码云或者github上面找两个项目练练手，看视频的时候收集老师讲到的面试题，记录下来。记住常用的算法！标有颜色的部分为重点内容，要加深学习！