前端学习阶段

第一阶段
第一部分 html5+css3
https://www.it666.com/course/27
(江哥良心视频,很好的入门视频 ,不过需要先注册一个账号)
https://www.w3cschool.cn/html/html-lists.html
(w3cschool, 专业的编程入门学习及技术文档查询网站，记不住的标签就到这查查)
https://www.w3cschool.cn/css/
(css也一样，推荐w3cschool)

第二部分 javascript基础
https://www.bilibili.com/video/av29885002
(javascript基础入门的视频b站上有很多，这里提供一个参考)
https://www.w3cschool.cn/javascript/
(javascript文档)

第三部分 jQuery+ajax
https://www.it666.com/course/28
(江哥的视频，讲的很不错)
http://hemin.cn/jq/index.html
(jquery中文文档)

第二阶段（1-2周）
第一部分 CSS进阶
Less (css预处理器，结构化编写css，支持计算，混合等特性。有空也可以了解下Sass)
https://www.bilibili.com/video/av21586985from=search&seid=13036028715609729606

第二部分 JS进阶
ES6,7,8语法新特性(重点掌握：Promise，箭头函数，扩展运算符，对象数组解构，Array与String新增扩展方法)
视频结合下面两套看吧:
https://www.bilibili.com/video/av20327829from=search&seid=13218976102421890010
https://www.bilibili.com/video/av61592183from=search&seid=13218976102421890010
还有不懂的看下面的文档
阮一峰es6：http://es6.ruanyifeng.com/#docs/promise

第三部分 AJAX进阶
Axios易用、简洁且高效的http库。
建议直接看文档，不难，5分钟上手: http://www.axios-js.com/

第三阶段（1-3天）
第一部分 动画
有这个库就不用自己写动画了，简单上手
演示：https://daneden.github.io/animate.css/
使用：https://blog.csdn.net/joyvonlee/article/details/98491453

第二部分 Canvas,SVG
这个可以稍微看一下，现阶段你们可能用不到，但是不代表不重要哦，把下面两个看完就行
Canvas: https://www.runoob.com/html/html5-canvas.html
Svg: https://www.runoob.com/html/html5-svg.html

第三部分 Echarts(图表)
这个没啥好说的，看官网就知道了
https://www.echartsjs.com/zh/index.html

第四阶段（1周）
自己搭页面太痛苦？页面无法自适应？Bootstrap通通帮你搞定!
视频：https://www.bilibili.com/video/av10636408?p=6
文档：https://www.bootcss.com/

第五阶段（1月）
第一部分 版本控制工具——Git（1-3天）
它可以以版本的形式保存你修改过的代码，你就不必担心会误删了，企业里面基本用这个，还有一个基于git的代码托管平台Github，里面有许多优质的项目，没事可以瞅瞅。（如果你急于想了解框架，可以先跳过这部分，回头再学。）
廖雪峰的Git教程：https://www.liaoxuefeng.com/wiki/896043488029600

第二部分 Node.js & npm（1-3天）
Node.js是一个javascript运行平台，有点java虚拟机的意思，可以做服务端，这里我们只要掌握基础就行，包括node概念，配置和模块化。
Npm是一个包管理工具，上面有许多优质的插件。
视频:https://www.bilibili.com/video/BV1tJ411P73ufrom=search&seid=12973504939708194358

第三部分 webpack（1周）
Webpack一开始只是个打包工具，后来又添加了许多插件，内容有点杂，有点多，但是很重要，主要就是配置
视频：https://www.bilibili.com/video/BV1e7411j7T5?from=search&seid=1285258223985099827
第四部分 Vue全家桶（2-4周）
vue是前端的一个框架，那我这里为什么要说是全家桶呢，其实它里面包含了很多内容，核心语法vue，前端路由vue-router，构建工具vue-cli（我不会告诉你vue-cli对常用的一些webpack进行了二次封装^_），公共状态管理vuex。

官网文档：https://cn.vuejs.org/v2/guide/
视频:https://www.bilibili.com/video/BV11s411A7h6?from=search&seid=7757716445612677915

框架很重要，这里我强烈建议学习的时候先看一遍官网教程的基础部分再看视频。这里再说一个学习前端新技术的秘籍，只有9个字：看文档，写demo，做项目。