前端零基础自学之路

前言：

从事前端一年多了，整理了一下自己当时学习前端的一些资源（自学前期主要是看视频和部分书籍，现在主要是看官方文档）。
自学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块钱的样子。老师讲的很仔细，非常适合零基础）

文档：http://www.bootcss.com/

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.大牛博客：

• https://www.qdfuns.com/u/17398.html
• http://jspang.com/

3.视频网站：51CTO学院+慕课网

4.博文网站：

• 简书：https://www.jianshu.com/
• 前端网：https://www.qdfuns.com/
• segmentfault:https://segmentfault.com/