很多同学想学习web前端开发，虽然互联网有很多的教程、网站、书籍，可是却又不知从何开始如何选取。看完网友高等游民白乌鸦无私分享的原标题为《写给同事的前端学习路线》这篇文章，相信你会有所收获。
前端开发入门学习有：html、css、javascript（简称js）这三个部分。所以在学习之前我们需要先明确三个概念：
html——内容层，它的作用是表示一个html标签在页面里是个什么角色。
css——样式层，它的作用是表示一块内容以什么样的样式（字体、大小、颜色、宽高等）显示。
js——行为层，它的作用是当用户触发某些行为时，会给内容和样式带来什么样的改变。
一、html，css部分
html/css初学，就照着和两套做完了就入门了，
入门之后，学习css的精华，即布局，推荐李炎恢的教学视频，布局这一章：第27章，如果觉得不够，需要实战，则再学习接下来的28，29章。注意，这时候一定要老师讲一块代码，自己就要照着实现一次，切勿只看不做。
css还有一个精华部分就是命名规范，找几个著名网站（比如豆瓣、网易新闻）这类，研究它们的命名规范，我这里，有一个现成的命名规范可供学习（需要登录evernote查看）：
和这本书：《sass and compass in action》，特别注意javascript的oop写法（重点，可多看几遍），以及闭包、原型链，异步编程部分（次重点），前者写项目都在用，后者涉及js这个语言本质特点。
然后需要学习js和html/css在浏览器下的调试方法，推荐用google chrome下的chrome developer tools调试，可以看这个视频学习：http://happycasts/episodes/40
看完视频并经过实践后，可以看《javascript good parts》（http://book.douban/subject/2994925/）这本书，不必细看，看它的思想即可。用于巩固，提升js方面的编程思想。（web前端学习交流群：328058344 禁止闲聊，非喜勿进！）
三、web前端学习路线思维导图
web前端学习路线思维导图
图太大不好展示，看不清楚可以进入以下链接查看——web前端学习路线思维导图在线版：https://processon/view/link/57d28d0ee4b0942d7a89c9dd