前言：
从事前端一年多了，整理了一下自己当时学习前端的一些资源（自学前期主要是看视频和部分书籍，现在主要是看官方文档）。
自学web前端前：不知道web前端是什么，html、css、js是什么鬼？？？
建议：
零基础学习：先看视频比较好理解，有了基础之后，则主要看官方文档和书籍更佳。也可以去github上看别人写的项目。
下面是前端从零基础学习资料整理：
基础篇：
学习时长：建议（1~3个月）
html+css:
视频：http://edu.51cto.com/course/3148.html?source=so
http://edu.51cto.com/course/1444.html?source=so
文档：http://www.w3school.com.cn/html5/index.asp
html3+css3难点+重点：
1.几种定位
2.浮动
3.盒子模型
4.布局
css样式优先级
5.html5和css3得新特性（动画等）
Bootstrap:
备注：样式框架（会用就可以了，很简单，看下文档,主要是了解栅格布局，方便以后快速学习其他得css框架）
视频：http://edu.51cto.com/course/3237.html?source=so
（当时看的时候，视频是免费的，现在1块钱的样子。老师讲的很仔细，非常适合零基础）
Javascript
视频：http://edu.51cto.com/course/166.html?source=so
书籍：JavaScript高级程序设计（第3版）（必看，反复看此书）
重难点：
原型链+继承+面向对象编程+dom操作+ajax+事件
jQuery
jQuery是一个快速，小巧，功能丰富的JavaScript库
视频：http://edu.51cto.com/course/3630.html?source=so
(收费视频，我当时看了，老师讲的很仔细)
文档 ：http://www.w3school.com.cn/jquery/index.asp
进阶篇
1.前端MVVM框架学习：Vue、react等
2.webpack工具使用
3.es6的学习
4.算法与数据结构
5.探索原理性的东西（如：如何实现一个promise、vue源码、自己封装一个简单的库之类的等）
.....
其他学习渠道：
1.微信公众号：javascript,前端大全
2.大牛博客：
3.视频网站：51CTO学院+慕课网
4.博文网站：
- 简书：https://www.jianshu.com/
- 前端网：https://www.qdfuns.com/
- segmentfault:https://segmentfault.com/
