论坛首页 Web前端技术论坛

写给同事的前端学习路线(附web学习路线图)

浏览 12823 次
精华帖 (0) :: 良好帖 (0) :: 新手帖 (0) :: 隐藏帖 (0)
作者 正文
   发表时间:2016-01-05  

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


在我详细说明前~先给大家上一个上一个丧心病狂的路线图:




 


1,HTML,CSS部分。
HTML/CSS初学,就照着http://edu.51cto.com/course/course_id-799.htmlhttp://edu.51cto.com/course/course_id-1407.html 这2个课程按照讲解把实验做了!把http://t.51cto.com/exam/list/id-103.html这套测验做完,达到80分就算入门了,

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

CSS还有一个精华部分就是命名规范,找几个著名网站(比如豆瓣、网易新闻)这类,研究它们的命名规范,我这里,有一个现成的命名规范可供学习(直接百度文库下载即可~):http://wenku.baidu.com/view/b3af252558fb770bf78a55e7.html?re=view


学习完成后就是一个较为熟练的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/

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-55.html


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


写到这里~再次感谢豆瓣白乌鸦的思路~

  • 大小: 158.2 KB
   发表时间:2016-01-06  
挺好的,我现在正学到了DOM操作,编程思想那些,我想,也不是一天两天就能理解的吧,谢谢指引了。
1 请登录后投票
   发表时间:2016-01-07  
感谢楼主分享,我做web开发,Server+UI 虽然接触 UI 不多,不过 OOP 思想倒是根深蒂固呀!

毕竟是 Java 出生的,很多时候都觉得 JS 开发比 Java 开发来的自由。

但是自由的同时又带来很多风险!

先留个后门,等过段时间不忙了再仔细研究!

再次感谢!!!
1 请登录后投票
   发表时间:2016-01-08  
嗯,自学确实需要一定的过程消化,慢慢来!多练习多做肯定能做好的!
0 请登录后投票
   发表时间:2016-01-08  
涔语诗 写道
挺好的,我现在正学到了DOM操作,编程思想那些,我想,也不是一天两天就能理解的吧,谢谢指引了。



嗯,自学确实需要一定的过程消化,慢慢来!多练习多做肯定能做好的!
0 请登录后投票
   发表时间:2016-01-08  
Gozs_cs_dn 写道
感谢楼主分享,我做web开发,Server+UI 虽然接触 UI 不多,不过 OOP 思想倒是根深蒂固呀!

毕竟是 Java 出生的,很多时候都觉得 JS 开发比 Java 开发来的自由。

但是自由的同时又带来很多风险!

先留个后门,等过段时间不忙了再仔细研究!

再次感谢!!!



客气~大家一起进步~java和JS上还是有一定的相似的,你有一定基础,多练习实践应该会进步很大的额!
0 请登录后投票
   发表时间:2016-01-10  
前端觉得最麻烦的就是CSS部分,感觉布局和许多微调的东西好多
1 请登录后投票
   发表时间:2016-01-13  
jamsry 写道
前端觉得最麻烦的就是CSS部分,感觉布局和许多微调的东西好多


确实,css也是考量前端技术能力的一个指标呀~不过这个大家在写的时候注意规范,细心点,问题也是不大的~很多其实是通用的~
0 请登录后投票
论坛首页 Web前端技术版

跳转论坛:
Global site tag (gtag.js) - Google Analytics