下面说一下个人对前端的理解：
前端要学习三个部分：HTML，CSS，JavaScript（简称JS），其中JS是重中之重，因此首先明确三个概念：
HTML是内容层，它的目的是表示一个HTML标签在页面里是个什么角色。 CSS是样式层，它的目的是表示一块内容以什么样的样式（字体、大小、颜色、宽高等）显示。 JS是行为层，它要做的是当用户触发某些行为时，会给内容和样式带来什么样的改变。
1. HTML/CSS部分。
（1）入门：
w3school上的HTML/CSS教程——技术手册式的教程，比较全面，照着实例敲一遍
Codeademy上的html&css课程——在线交互式编程平台，弄清楚基本概念和基本语法
慕课网（http://www.imooc.com/）上也有好多基础课程，大家可以看看
（2）进阶：
《精通CSS·高级Web标准解决方案》——对CSS有一个比较深入的学习，对核心技术了解
《HTML5权威指南》——非常全面的书，内容也很新，包含了HTML5+CSS3+JS DOM
2. JavaScript部分。
（1）入门：
w3school上的JS教程——比较详细的了解下JS的特性
《JavaScript DOM编程艺术》——讲js和DOM的基本知识和运用，了解JS和DOM可以做什么
（2）进阶：
《JavaScript高级程序设计》——JS圣经，比较全面，非常好的一本书，比犀牛书可阅读性强
《JavaScript权威指南》——传说中的犀牛书，好厚好厚的一本书，不适合入门，适合当工具书看
《JavaScript语言精粹》——很薄的一本书，但是可以帮助你快速了解JS的精华部分
（3）实战：
jQuery框架: w3school上的jQuery教程/Codeademy上的jQuery教程——了解Jquery（前两年用的框架较多，不过，最近三大框架很流行，JQuery地位有所下降）
《jQuery基础教程》——流行的前端框架，注重实用
（4）提高：
《高性能JavaScript》——讲如何提高js性能，以及构建和部署文件到生产环境的最佳实践
以上HTML,CSS,JavaScript学完，前端基本就可以说入门了，

最近特别流行的三大框架
Vue.js（https://cn.vuejs.org/）-国人开发，文档非常友好
React.js-facebook开发
Angular.js-Google开发
以上三个框架，如果真的想做前端的话，三个框架是必须学一个的，一个都没学，说实话，是不好意思说自己是前端的,可能说的有点过了，哈哈！
还有想成为全栈的话，还要学node，大家有机会可以了解下！！！

下面说一下个人对前端的理解：
前端要学习三个部分：HTML，CSS，JavaScript（简称JS），其中JS是重中之重，因此首先明确三个概念：
HTML是内容层，它的目的是表示一个HTML标签在页面里是个什么角色。 CSS是样式层，它的目的是表示一块内容以什么样的样式（字体、大小、颜色、宽高等）显示。 JS是行为层，它要做的是当用户触发某些行为时，会给内容和样式带来什么样的改变。
1. HTML/CSS部分。
（1）入门：
w3school上的HTML/CSS教程——技术手册式的教程，比较全面，照着实例敲一遍
Codeademy上的html&css课程——在线交互式编程平台，弄清楚基本概念和基本语法
慕课网（http://www.imooc.com/）上也有好多基础课程，大家可以看看
（2）进阶：
《精通CSS·高级Web标准解决方案》——对CSS有一个比较深入的学习，对核心技术了解
《HTML5权威指南》——非常全面的书，内容也很新，包含了HTML5+CSS3+JS DOM
2. JavaScript部分。
（1）入门：
w3school上的JS教程——比较详细的了解下JS的特性
《JavaScript DOM编程艺术》——讲js和DOM的基本知识和运用，了解JS和DOM可以做什么
（2）进阶：
《JavaScript高级程序设计》——JS圣经，比较全面，非常好的一本书，比犀牛书可阅读性强
《JavaScript权威指南》——传说中的犀牛书，好厚好厚的一本书，不适合入门，适合当工具书看
《JavaScript语言精粹》——很薄的一本书，但是可以帮助你快速了解JS的精华部分
（3）实战：
jQuery框架: w3school上的jQuery教程/Codeademy上的jQuery教程——了解Jquery（前两年用的框架较多，不过，最近三大框架很流行，JQuery地位有所下降）
《jQuery基础教程》——流行的前端框架，注重实用
（4）提高：
《高性能JavaScript》——讲如何提高js性能，以及构建和部署文件到生产环境的最佳实践
以上HTML,CSS,JavaScript学完，前端基本就可以说入门了，

最近特别流行的三大框架
Vue.js（https://cn.vuejs.org/）-国人开发，文档非常友好
React.js-facebook开发
Angular.js-Google开发
以上三个框架，如果真的想做前端的话，三个框架是必须学一个的，一个都没学，说实话，是不好意思说自己是前端的,可能说的有点过了，哈哈！
还有想成为全栈的话，还要学node，大家有机会可以了解下！！！