写给同事的前端学习路线

很多Web前端初学者都会问，如果要学习web前端开发，需要学习什么？难不难？多久能入门？WEB前端学习很重要,除了技术的更新之快,我们也应该正确认识前端,给大家分享一个经验和心得希望对你有帮助。

前端要学习三个部分：HTML，CSS，JavaScript（简称JS），因此首先明确三个概念：

HTML是内容层，它的目的是表示一个HTML标签在页面里是个什么角色。
CSS是样式层，它的目的是表示一块内容以什么样的样式（字体、大小、颜色、宽高等）显示。
JS是行为层，它要做的是当用户触发某些行为时，会给内容和样式带来什么样的改变。

1，HTML，CSS部分。
HTML/CSS初学，就照着 http://edu.51cto.com/course/course_id-5094.html 和http://edu.51cto.com/course/course_id-5073.html学习，把 http://t.51cto.com/exam/id-515.html 和http://t.51cto.com/exam/id-519.html 两套做完了就入门了，

入门之后，学习CSS的精华，即布局，推荐李炎恢的教学视频，布局这一章： http://edu.51cto.com/lesson/id-14895.html 第27章，如果觉得不够，需要实战，则再学习接下来的28，29章。注意，这时候一定要老师讲一块代码，自己就要照着实现一次，切勿只看不做。

CSS还有一个精华部分就是命名规范，找几个著名网站（比如豆瓣、网易新闻）这类，研究它们的命名规范。参考：http://edu.51cto.com/course/course_id-134.html

学习完成后就是一个较为熟练的HTML/CSS使用者了.这时候如果想继续深入学习，推荐两篇两个视频： http://edu.51cto.com/course/course_id-799.html
和http://edu.51cto.com/course/course_id-4136.html

2，JavaScript部分。

初学者推荐看视频： http://edu.51cto.com/course/course_id-166-page-1.html ，特别注意JavaScript的OOP写法（重点，可多看几遍），以及闭包、原型链，异步编程部分（次重点），前者写项目都在用，后者涉及JS这个语言本质特点。

然后需要学习JS和HTML/CSS在浏览器下的调试方法，推荐用Google Chrome下的chrome developer tools调试，可以看这个视频学习： http://edu.51cto.com/course/course_id-1408.html

看完视频并经过实践后，提升JS方面的编程思想。在此感谢网友白乌鸦的经验，希望对大家有所帮助。