前端要学习三个部分:HTML,CSS,JavaScript(简称JS),因此首先明确三个概念:
HTML是内容层,它的目的是表示一个HTML标签在页面里是个什么角色。
CSS是样式层,它的目的是表示一块内容以什么样的样式(字体、大小、颜色、宽高等)显示。
JS是行为层,它要做的是当用户触发某些行为时,会给内容和样式带来什么样的改变。
在我详细说明前~先给大家上一个上一个丧心病狂的路线图:
1,HTML,CSS部分。
HTML/CSS初学,就照着http://edu.51cto.com/course/course_id-799.html和http://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方面的编程思想。
写到这里~再次感谢豆瓣白乌鸦的思路~
- 浏览: 1803 次
相关推荐
web前端学习路线图
前端学习线路VISIO图,最全前端学习路线,可以下载完资源私聊我,讲解相关学习路线,适合新手小白,欢迎大家踊跃交流
针对web前端开发,整理的一份学习路线图,可以作为入门参考资料。 包含html、css、javascript基础路线,以及jQuery、MySQL; 进阶的包含Nodejs、vue、react、微信小程序等路线。
Web前端的学习路线思维导图 学习web前端开发该怎么学,按照什么顺序学习,这是很多新手朋友会遇到的问题。 想做好一件事,必须要花费一些功夫,然后是多学、多思、多练、多交流、多总结,发现自己的问题,然后一定要...
入门前端?前端学习路线图汇总
Web前端的学习路线思维导图学习web前端开发该怎么学,按照什么顺序学习,这是很多新手朋友会遇到的问题。想做好一件事,必须要花费一些功夫,然后是多学、多思、多练、多交流、多总结,发现自己的问题,然后一定要...
2020最新前端学习路线, 从0开始完整覆盖整个前端学习阶段,按此学习路线性学习,学完第一份公众可以拿到15K以上的高薪。
图灵前端图书学习路线图HTML5与CSS3基础教程(第8版)HTML5权威指南精通CSS:级Web标准解决案(第3版)深解析CSS到实践JavaScript级程
前端学习路线.md
适合前端初学者的入门前端学习路线,挺详细
由于前端越来越火,想自学前端的人也很多。很多小伙伴学习的时候很迷茫,不知道如何规划,这是我自己整理的一份系统专业的学习指导。
前端学习路线-初级01
对web开发进行总结 以上资源属于个人见解及查找资料所总结。 HTML5 + CSS3 • CSS3基本语法规范 •CSS常见布局技巧大全 • 网页开发规范以及流程 • CSS3基本变换特效 • 了解常用...
全新前端学习路线图
自己web前端的学习笔记,超详细,对于初学者用处很大,对于专业的前端开发来说,不建议下载,适用于后端开发参阅
前端技术学习路线
前端详细学习路线,根据鹅厂大佬老鱼皮总结的前端路线进行了修改整理。 在线查看请点我:https://blog.csdn.net/qq_45882139/article/details/119866469
这是2020版最全的web学习框架,博主自己绘图,希望对你有帮助,助你在前端学习路上一臂之力,欢迎大家下载收藏,觉着有帮助的欢迎留言哦
2020年小白学习Web前端的最新学习路线指南.docx