写给同事的前端学习路线

前端要学习三个部分:HTML,CSS,JavaScript(简称JS),所以首先明确三个概念:
HTML是内容层,它的目的是表示一个HTML标签在页面里是个什么角色。
CSS是样式层,它的目的是表示一块内容以什么样的样式(字体、大小、颜色、宽高等)显示。
JS是行为层,它要作的是当用户触发某些行为时,会给内容和样式带来什么样的改变。

1,HTML,CSS部分。
HTML/CSS初学入门了篇
入门以后,学习CSS的精华,即布局,推荐李炎恢的教学视频,布局这一章:http://edu.51cto.com/lesson/id-14895.html 第27章,若是以为不够,须要实战,则再学习接下来的28,29章。注意,这时候必定要老师讲一块代码,本身就要照着实现一次,切勿只看不作。

CSS还有一个精华部分就是命名规范,找几个著名网站(好比豆瓣、网易新闻)这类,研究它们的命名规范,我这里,有一个现成的命名规范可供学习(须要登陆evernote查看)
学习完成后就是一个较为熟练的HTML/CSS使用者了.这时候若是想继续深刻学习相关类库和框架,推荐Sass和Compass。
和这本书:《Sass and Compass in Action》

2,JavaScript部分。

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

而后须要学习JS和HTML/CSS在浏览器下的调试方法,推荐用Google Chrome下的chrome developer tools调试。

看完视频并通过实践后,能够看《Javascript good parts》这本书,没必要细看,看它的思想便可。用于巩固,提高JS方面的编程思想。html

最新感谢网友白乌鸦的无私分享,你们一块儿来学习。前端

相关文章
相关标签/搜索