前端学习方法 & 前端书单 和 网址大全

一、Web前端学习方法碎碎念

速查要点概述：

1、准备一两本书，作为辅助教材，多维度辅助学习：

  （1）《Head First XXX》系列经典入门丛书，浅显易懂，图文并茂。《Head First HTML与CSS、XHTML》《Head First Javascript》等；（电子书下载地址：http://www1.w3cfuns.com/feres.php?do=picture&listtype=book）

  （2）《JavaScript Dom编程艺术》：入门好书。

  （3）《JavaScript权威指南》：Javascript圣经，前端必备；前端程序员学习核心JavaScript语言和由Web浏览器定义的JavaScript API的指南和综合参考手册；

  （4）《HTML5与CSS3权威指南》 ：学习html5和css3圣经；详尽讲解了HTML5与CSS 3的所有功能和特性；

2、另一个辅助维度学习-职业路径VIP视频(补缺零散的知识点): http://ke.jikexueyuan.com/zhiye/web/ 

3、经常去逛这三个网站，作为手册查找：www.w3cschool.cn、http://www.css88.com/book/css/、http://phpstudy.net/css3/

其它：菜鸟教程：http://www.runoob.com/html/html-tutorial.html等。

4、开发工具Sublime Text3及其插件安装和使用: http://jiuye.jikexueyuan.com/topic/483

5、勤“练习”、“练习”、“练习”，多“敲代码”、“敲代码”、“敲代码”！（重要的事情，说...）

6、学会百度&Google，如何百度&Google.

7、学会慢慢培养自我学习的能力和独立解决问题的能力！

Web前端如何学习在线课程：

1、对照视频，老师讲一个示例，你要边敲，学到一个知识点或者标签，你要暂停，停下来练习，去尝试这个标签或知识点的其它特性，多去尝试，然后再继续往下学习。听—>暂停—>敲代码(验证&尝试&练习)—>回放—>暂停—>敲代码—>听，反复重复这样一个过程。记住一定要“敲代码”“敲代码”“敲代码”（重要是事情说三遍）！！！对于IT学习，练习敲代码非常重要，不去敲代码，“光看不练”一点用处也没有，永远学不会。

2、模仿，先模仿再创造，学习初期，模仿学习的效率是最高的；

3、学习优秀的代码和实例，去研究它是怎么实现的；

4、初期多熟悉HTML的一些标签和属性，熟悉代码，初学者可以多结合Dreamweaver工具学习；

5、工欲善其事，必先利其器。平时把开发工具的一些特性，先全部熟悉下，有个概览。课程中有些地方没特别详细的讲工具怎么用，但是你要在看老师演示的过程中学习，触类旁通，学习它是怎么用的，然后自己去扩展熟悉其它的特性；

6、老师永远只是一个引导的作用，师傅领进门，修行靠大家！如何去学好，还是需要自己好好去理解，领会，去专研，多练习和敲代码。

7、chrome调试工具，熟悉怎么使用，调试，非常重要；

8、学会用百度和Google，关键词的提炼和关键词使用,百度的技巧（可以回看下开学典礼的介绍）；

9、HTML标签常用就是那么几十个，要全部记住，要能够“手写”代码，这是基本功（a.以后写代码出现低级错误的几率少;b.代码有问题能很快排错; c.面试笔试必备技能.）。

10、勤“练习”,“练习”，“练习”！多“敲代码”、“敲代码”、“敲代码”！多去尝试，学会举一反三，多探索，要有专研的精神。

11、www.w3cschool.cn 在线参考手册

12、买几本书辅助学习:

《Head First XXX》系列经典入门丛书，浅显易懂，图文并茂。《Head First HTML与CSS、XHTML》《Head First Javascript》等；（电子书下载地址：http://www1.w3cfuns.com/feres.php?do=picture&listtype=book）

《JavaScript Dom编程艺术》：入门好书。

《JavaScript权威指南》：号称javascript圣经，前端必备；前端程序员学习核心JavaScript语言和由Web浏览器定义的JavaScript API的指南和综合参考手册；

《JavaScript高级程序设计》 ：前端必备书，如果你想真正进入前端世界，这是一本不可多得的进阶书，没什么好说的，必须细细品读；

《JavaScript DOM编程艺术》：好书主要是dom操作和兼容方面的知识，值得一看；

《HTML5与CSS3权威指南 》：学习html5和css3的圣经；详尽讲解了HTML5与CSS 3的所有功能和特性；

《HTML5移动Web开发指南》 。

13、我们现在不是在小学、初中、高中，大家需要培养自己学习的能力和独立解决问题的能力；不管你大学有没有学会这种能力，从现在开始就需要培养。IT不同于其他行业，企业中面试中首先考察的就是你是否具备学习的能力，是否有独立解决问题的能力。

14、你从现在开始，就要给自己设定一个目标就是：学完之后，几年之后一定要比老师强！

15、大家可以丰富这个学习方法，也可以在这里讨论更好的学习的方式，这篇帖子将持续更新和完善！

PS. :看看别人怎么学的：《怎么学JavaScript？》：http://www.w3cfuns.com/notes/17398/d3f6dd40e2d3ff15b209810dfa98be0b.html

二、前端书单推荐：

必备：

1、《Head First XXX》系列经典入门丛书，浅显易懂，图文并茂。《Head First HTML与CSS、XHTML》《Head First Javascript》等；

 （下载地址：http://www1.w3cfuns.com/feres.php?do=picture&listtype=book）

2、《JavaScript Dom 编程艺术》：入门好书。

3、《JavaScript权威指南》：Javascript圣经，前端必备；前端程序员学习核心JavaScript语言和由Web浏览器定义的JavaScript API的指南和综合参考手册；

4、《HTML5与CSS3权威指南》 ：学习html5和css3的圣经；详尽讲解了HTML5与CSS 3的所有功能和特性；

其他&进阶：

1.《javascript高级程序设计》这是web开发的三大圣典之一，必读

2.《高性能javascript》

3.《javascript设计模式》

4.《DOM编程》

4.《高性能网站建设指南》

5.《css权威指南》

6.《css禅意花园》

http://www.xuanfengge.com/fe-books.html

http://bbs.qietu.cn/thread-15089-1-1.html