写给同事的前端学习路线

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

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

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

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使用者了.这时候如果想继续深入学习相关类库和框架,推荐Sass和Compass,推荐两篇阮一峰的博客:http://www.ruanyifeng.com/blog/2012/06/sass.html http://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://happycasts.net/episodes/40

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

转自:http://www.douban.com/note/330647290/

写给同事的前端学习路线<转>

写给同事的前端学习路线  高等游民白乌鸦 2014-02-14 18:07:09 前端要学习三个部分:HTML,CSS,JavaScript(简称JS),因此首先明确三个概念: ...

写给同事的前端学习路线<转>

写给同事的前端学习路线  高等游民白乌鸦 2014-02-14 18:07:09 前端要学习三个部分:HTML,CSS,JavaScript(简称JS),因此首先明确三个概念: ...

写给同事的前端学习路线

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

写给iOS开发者的React Native学习路线

React Native概念介绍 名词解释 首先列举几个关键词: React Native React Native 这三个词其实没有太大关系,我们逐个来解释: ...

写给iOS开发者的React Native学习路线

React Native概念介绍 名词解释 首先列举几个关键词: React Native React Native 这三个词其实没有太大关系,我们逐个来解释: ...
  • mmp591
  • mmp591
  • 2017年12月06日 16:58
  • 48

嵌入式开发学习路线——写给初入门的同仁

一般的应用开发,例如桌面应用的开发,移动应用的开发,通常都是在一个IDE集成开发环境中完成。 开发者,熟悉了IDE的使用,熟悉了相关应用编程接口API,就能开发应用了。不需要关心系统本身的太多东西。...

前端学习路线-初级02

  • 2017年06月22日 11:40
  • 47B
  • 下载

前端学习路线-初级04 视频教程

  • 2017年11月03日 23:08
  • 75B
  • 下载

写给代码技术同事:被人信任才能有广阔未来

在汽车之家工作了10年,如今创业也有6个月了,身边流经了上百人的技术朋友,和他们一起战斗、一起创业、看着他们离职、看着他们不开心。 原因是啥? 最原始状态就是:不被...

Web前端的学习路线 20160909

  • 2016年09月09日 18:51
  • 9KB
  • 下载
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:写给同事的前端学习路线
举报原因:
原因补充:

(最多只允许输入30个字)