web 前端开发入门学习教程

1、了解前端。

前后端不分的时代 -> 后端 MVC 的开发模式 -> 前端 MVC 框架 -> MVVM 模式 -> SPA

ps: 

mvc 即 模型（Model）、视图（View）和控制器（Controller）

mvvm 即 Model–View–ViewModel

spa 即 Single-page application（单页面应用程序）

2、基础知识。

html + css ： 推荐

W3School

W3Cschool

菜鸟教程

MDN

慕课网

javascript：同上

3、知识巩固。

css：《精通CSS》、《CSS3实用指南》

JavaScript：《JavaScript DOM编程艺术》、《JavaScript高级程序设计》、《你不知道的JavaScript》、《JavaScript设计模式》

jquery，以及 zepto 。

两个网站，一个是 freecodecamp、另一个是 百度前端技术学院。

ES6（可以理解为 JavaScript 的版本号），推荐 

《ECMAScript 6 入门》

了解一些常见的，数据结构和算法。

4、框架。

三个框架：react、vue、angular。

学完框架这就算真正的入门了。