很多同学想学习WEB前端开发，虽然互联网有很多的教程、网站、书籍，可是却又不知从何开始如何选取。看完网友高等游民白乌鸦无私分享的原标题为《写给同事的前端学习路线》这篇文章，相信你会有所收获。
很多同学想学习WEB前端开发，虽然互联网有很多的教程、网站、书籍，可是却又不知从何开始如何选取。看完网友高等游民白乌鸦无私分享的原标题为《写给同事的前端学习路线》这篇文章，相信你会有所收获。
前端开发入门学习有：HTML、CSS、JavaScript（简称JS）这三个部分。所以在学习之前我们需要先明确三个概念：
1、HTML——内容层，它的作用是表示一个HTML标签在页面里是个什么角色。
2、CSS——样式层，它的作用是表示一块内容以什么样的样式（字体、大小、颜色、宽高等）显示。
3、JS——行为层，它的作用是当用户触发某些行为时，会给内容和样式带来什么样的改变。
一、HTML，CSS部分
HTML/CSS初学，就照着
?resizeSmall&width=832
学习完成后就是一个较为熟练的HTML/CSS使用者了.这时候如果想继续深入学习相关类库和框架，推荐Sass和Compass，推荐两篇阮一峰的博客：http://www.ruanyifeng.com/blog/2012/06/sass.htmlhttp://www.ruanyifeng.com/blog/2012/11/compass.html
和这本书：《Sass and Compass in Action》http://book.douban.com/subject/6732187/
二、JavaScript部分
初学者推荐看视频：http://edu.51cto.com/course/course_id-166-page-1.html，特别注意JavaScript的OOP写法（重点，可多看几遍），以及闭包、原型链，异步编程部分（次重点），前者写项目都在用，后者涉及JS这个语言本质特点。
然后需要学习JS和HTML/CSS在浏览器下的调试方法，推荐用Google Chrome下的chrome developer tools调试，可以看这个视频学习：http://happycasts.net/episodes/40
看完视频并经过实践后，可以看《Javascript good parts》（http://book.douban.com/subject/2994925/）这本书，不必细看，看它的思想即可。用于巩固，提升JS方面的编程思想。
三、web前端学习路线思维导图
图太大不好展示，看不清楚可以进入以下链接查看——web前端学习路线思维导图在线版：https://www.processon.com/view/link/57d28d0ee4b0942d7a89c9dd
很多同学想学习WEB前端开发，虽然互联网有很多的教程、网站、书籍，可是却又不知从何开始如何选取。看完网友高等游民白乌鸦无私分享的原标题为《写给同事的前端学习路线》这篇文章，相信你会有所收获。
前端开发入门学习有：HTML、CSS、JavaScript（简称JS）这三个部分。所以在学习之前我们需要先明确三个概念：
1、HTML——内容层，它的作用是表示一个HTML标签在页面里是个什么角色。
2、CSS——样式层，它的作用是表示一块内容以什么样的样式（字体、大小、颜色、宽高等）显示。
3、JS——行为层，它的作用是当用户触发某些行为时，会给内容和样式带来什么样的改变。
一、HTML，CSS部分
HTML/CSS初学，就照着
?resizeSmall&width=832
学习完成后就是一个较为熟练的HTML/CSS使用者了.这时候如果想继续深入学习相关类库和框架，推荐Sass和Compass，推荐两篇阮一峰的博客：http://www.ruanyifeng.com/blog/2012/06/sass.htmlhttp://www.ruanyifeng.com/blog/2012/11/compass.html
和这本书：《Sass and Compass in Action》http://book.douban.com/subject/6732187/
二、JavaScript部分
初学者推荐看视频：http://edu.51cto.com/course/course_id-166-page-1.html，特别注意JavaScript的OOP写法（重点，可多看几遍），以及闭包、原型链，异步编程部分（次重点），前者写项目都在用，后者涉及JS这个语言本质特点。
然后需要学习JS和HTML/CSS在浏览器下的调试方法，推荐用Google Chrome下的chrome developer tools调试，可以看这个视频学习：http://happycasts.net/episodes/40
看完视频并经过实践后，可以看《Javascript good parts》（http://book.douban.com/subject/2994925/）这本书，不必细看，看它的思想即可。用于巩固，提升JS方面的编程思想。
三、web前端学习路线思维导图
图太大不好展示，看不清楚可以进入以下链接查看——web前端学习路线思维导图在线版：https://www.processon.com/view/link/57d28d0ee4b0942d7a89c9dd
