（转）web前端开发分享-css,js入门篇

关注前端这么多年，没有大的成就，就入门期间积累了不少技巧与心得，跟大家分享一下，不一定都适合每个人，毕竟人与人的教育背景与成长环境心理活动都有差别，但就别人的心得再结合自己的特点，然后探索适合自己的学习之路是比较好的。学习没有捷径，但学习是有技巧与方法。

 

       1.  css入门篇：推荐书籍：css哪些事儿，精通css。

 

css那些事儿，他是一本介绍css基础类的书，是入门的经典读物。

系统的介绍了css的选择符，伪类，工作环境，盒模型，两列，三列自适应布局。文字样式，图片处理，列表，表单，还有选项卡，相册，导航，新闻列表等其它大部分的实践。

 

精通css，这书已经出到第二版了，相比第一版，第二版的大部分目录结构保持不变，内容变得更丰满了。此书从一另一个视角介绍了css的博大精深。

 

        2.  js入门篇：

 

建议阅读“javascript高级程序设计”第三版电子版。经过前辈们的总结或本人的实践经历，自学的同学建议是这样，找本js入门的书和妙味视频结合看。一个主攻面试，一个主攻实践。

 

建议欣赏，妙味及智能社视频资料。学习主要技巧是动手及主动思考，视频在欣赏的同时记得跟敲代码不低于三遍，直到隔一天隔一周能重复敲出代码或回忆起思路为止。而且边敲边做笔记，以做复习时快速的查阅之用。学习的技巧是动手，学习的灵魂是坚持，学习的快乐就是分享。只要坚持，其实每天都在成长，只是感觉不明显而已。但这个月与前几月相比，已经有量的变化，量变引起质变。敲出来的代码，思路不清晰时，可以在firebug,chrome里边打个断点跟一下。

 

       3.  阅读其它js书籍建议：js dom编程艺术(2 version)->js高级程序设计 (3 version)-> js dom高级程序设计 -> js 语言精粹 -> 精通js -> 编写可维护的js -> 高性能js -> js面向对象编程指南  -> js模式 -> js权威指南(6 version) -> js语言精髓与编程实践

 

js dom编程艺术 : 他只是截取了js中的部分概念进行了介绍，并不完整或深入。

 

js高级程序设计 : 经典的js基础书，之所为经典是因为系统完善的介绍了js的历史，基础及预测了当下的流行趋势。与犀牛比更测重于实践结合

 

js dom高级程序设计 : 主要讲如何去写一个框架或库。

 

js 语言精粹：json作者，道格拉斯写的，主要解析js语言本质或内涵。

 

精通js：jquery作者写的，浅浅的解析了jquery一些方法的实现，注意是很浅。

 

编写可维护的js，高性能js：这两本是高程作者尼古拉斯的，出版日期在高程后，深度可想而知。

 

js面向对象编程指南：主要讲面向对象的一些东西。

 

js模式： -> js权威指南(6 version)

 

js模式，这两本是淘宝团队翻译的，模式主要一半讲模式一半讲基础。

 

js权威指南(6 version)，经典犀牛，一半讲基础，一讲是参考。

 

       4.   编辑器推荐：

 

a.新手： sublime-text, http://github.io/jikeytang/sublime-text，sublime text 是所有编辑器里边支持emmet比较好的的唯一一款。

 

b.熟手： webstorm: http://note.youdao.com/share/?id=2d7ff03aeca64808fdc0f394ffb520bf&type=notebook

webstorm(jetbrains系列产品，intellij idea, phpstorm, pycharm)是所有编辑器里边唯一内置emmet的一款，并且把emmet精神在往前推了一步的一款。

 

c. 其它：editplus, notepad++,vim.准备多款的原因在于，没有最好的编辑器，只有最合适的，每个下面都有一款特色功能终究会吸引你。