码迷,mamicode.com
首页 > 其他好文 > 详细

前端开发学习路线(豆瓣)西祀胡同

时间:2017-04-16 17:08:44      阅读:200      评论:0      收藏:0      [点我收藏+]

标签:改变   异步编程   应该   com   调试   用户   page   des   css   

学前端需要掌握的第一个核心要点就是“玩命的学,玩命的练”,即韧性,不然很难学会,只有坚持下去才能学会。
前端学习与前端教程有很多,如果你能“坚持”那么就开始从简单的前端模块学习吧

 

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

1HTMLCSS部分。
HTML/CSS初学,就照着http://www.w3cschool.cn/的实验做,把http://www.w3cschool.cn/index-6.html  http://www.w3cschool.cn/index-7.html 两套做完了就入门了,

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

CSS还有一个精华部分就是命名规范,找几个著名网站(比如豆瓣、网易新闻)这类,研究它们的命名规范,我这里,有一个现成的命名规范可供学习(需要登录evernote查看):https://www.evernote.com/shard/s168/sh/7f89cc57-cab2-4712-b61b-9fde25e3ef51/d01c8e34ef05373ec06c3b2f7cfaba82/res/e0b9963b-ba7a-441a-8462-8f87c48e4cda.jpg?resizeSmall&width=832 

学习完成后就是一个较为熟练的HTML/CSS使用者了.这时候如果想继续深入学习相关类库和框架,推荐SassCompass,推荐两篇阮一峰的博客:http://www.ruanyifeng.com/blog/2012/06/sass.html http://www.ruanyifeng.com/blog/2012/11/compass.html
和这本书:《Sass and Compass in Actionhttp://book.douban.com/subject/6732187/

2JavaScript部分。技术分享

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

然后需要学习JSHTML/CSS在浏览器下的调试方法,推荐用Google Chrome下的chrome developer tools调试,可以看这个视频学习: http://happycasts.net/episodes/40

看完视频并经过实践后,可以看《Javascript good parts》(http://book.douban.com/subject/2994925/)这本书,不必细看,看它的思想即可。用于巩固,提升JS方面的编程思想。

最好对自己有个规划,比如多长时间就应该学会什么或者是应该达到什么样的水平,然后按计划学习。

前端开发学习路线(豆瓣)西祀胡同

标签:改变   异步编程   应该   com   调试   用户   page   des   css   

原文地址:http://www.cnblogs.com/gq123456/p/6719110.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!