JavaScript编程循序渐进

‘壹’ 如何循序渐进有效学习 javaScript

S有很多种风格，任何从0开始的学习都是从模仿开始的。你可以关注某一类风格的写法。长期学习一个人的风格，如 
阮一峰。这个过程主要是让你集中精力学习用法之外的基础知识。不用拘泥和纠结于怎么写。在掌握了基本的用法后，就可以动手写一点东西了。可以是网站，也可
以是一些JS库。此时就要脱离模仿，在写的过程当中不断的思考，并且提出质疑。主建建立自己的风格。
1.先买一本javascript DOM编程艺术通透的看一遍并把所有的原实例都敲一遍。
2.再看javascript高级程序设计第2版
3.看完接着看javascript权威指南，最好买第5版的，第6版翻译确实很一般。
这些书你都看完javascript就差不多了。

‘贰’ 如何循序渐进有效学习 JavaScript

说几点忠告
1，不要着急看一些复杂网页效果的代码，这样除了打击你自信心，什么也学不到。没达到一定的武功水平，割了小JJ也学不会葵花宝典的
2，别急着加技术交流QQ群，加牛人QQ。如果你找张三丰交流武功，你上去第一句问“丰哥，where is 丹田？”，你会被他一掌劈死的
3，看网上什么多少天精通JS，啥啥啥从入门到精通，这种教程直接跳过吧，太多的事实证明，以一种浮躁的心态去做任何事都会以失败而告终
4，千万别去弄啥电脑培训，花了钱和时间不说，关键是学不到东西。本来你买两本好书自学3个月能学会的，他们硬是能折腾你两年

推荐几本好书
“超毛，你丫吹了半天牛B，还是没说怎么学啊”
呵呵，我也没啥特别的办法，只是推荐几本好书。推荐的书，得按先后顺序看。别第一本没看完，就急着上第二本，并不是每次“穿越”都能成功的

第一阶段：《JavaScript DOM编程艺术》
看这本书之前，请先确认您对Javascript有个基本的了解，应该知道if else之类的语法，如果不懂，先去看看我第二阶段推荐的Javascript高级程序设计的前三章，记住看三章就别往下看了，回到《JavaScript DOM编程艺术》这本书上来。
学习Javascript用《JavaScript DOM编程艺术》来入门最好不过了，老老实实看两遍，看完了你就会对JS有一个大概的了解，整本书都围绕着一个网页效果例子展开，你跟着老老实实敲一篇，敲完之后，你会发现这个效果不是常在网页中看到么，发现自己也能做出来网上的效果了，嘿嘿，小有成就感吧
《JavaScript DOM编程艺术》

第二阶段：《JavaScript高级程序设计》
有的书是用来成为经典的，比如犀牛书；还有些书是用来超越经典的，显然这本书就是这种。书中章章经典，由浅入深，其中第6章，关于JS面向对象的解说，没有教程出其右
如果有一场满分100分的JS考试，看了《JavaScript DOM编程艺术》能让你拿到20分，那么看完这本书，你就能拿到60分以上了，学完后，你会成就感倍增的，相信我（至少看两遍，推荐三篇，跟着书上的代码一行行的敲）
这本书强烈推荐购买，写的太TMD牛逼了，给你带来的价值超过百倍千倍
这本书最新的是第三版，貌似就是前些日子出来的，我看的是第二版，第三版相对第二版变动不大，添加了几章内容，价格目前相差10元左右
接下来，恭喜你可以下山了，这个时候可以自己做一些事情了
你可以去Ferris这个教程看看他写的这些效果，看看源代码，怎么样，是不是觉得有一部分很简单了，尝试着跟着他写一写这些效果吧，点这里
学技术闭门造车是行不通的，适当的加一两个QQ群交流（注重质量），常去论坛（蓝色理想，CSDN）逛逛，你会经常有些小收获的
再有就是看看前辈这些牛人前辈们分享的文章，它会让你的学习事半功倍的，这里是热心人收集的国内一些牛人的博客，个人网站，点这里

第三阶段：《JavaScript语言精粹》和《高性能JavaScript》
接下来两本书《JavaScript语言精粹》和《高性能JavaScript》算是JS高级教程的补充，里面有一些内容和JS高级教程重复了，两本书可以同时看，都不厚，可以对前面所学的有一个很好的加强和巩固
《JavaScript语言精粹》
《高性能JavaScript》

第四阶段：《JavaScript DOM高级程序设计》和《JavaScript设计模式》
在吃透了前面所说的书之后，接下来两本书的顺序已经无关紧要了，《JavaScript DOM高级程序设计》（注意和《JavaScript
高级程序设计》相区别）和《JavaScript设计模式》，这两本都是重量级的书，能让你的JS技术上一个新的台阶；这两本书前者主修炼外功，后者主修
炼内功，有点想干坤大挪移和九阳神功的关系；
《JavaScript DOM高级程序设计》 首先教你搭建一个类似JQuery的额工具函数库，然后通过讲解几个实际中经常遇到的几个应用例子，会让初学者受益匪浅
《JavaScript设计模式》主要讲Javascript的设计模式，说实话，翻译的质量很一般，有些生硬，但已经基本不影响你的学习，看代码完全可以理解出自己的意思
这两本书出来一段时间了，可能买不着了，提供下载地址
《JavaScript DOM高级程序设计》
《JavaScript设计模式》

最后想说的
不安逸，不浮躁。任何学习都不是一蹴而就的，牛B就是一个学习积累的过程，别指望两三个月，你的水平就多么厉害。倚天屠龙记里面的武功最牛B的是张三丰，而不是张无忌。
任何工作都需要多种技能，别忽略了html,css等其他知识的学习。

‘叁’ 如何循序渐进有效学习 JavaScript

先从最基础的开始学，学习javascript的基础知识；然后可以试着写一些javascript效果；之后可以看看一些比较高效的javascript效果，学习一下人家的用法，改正自己的错误或性能不好的写法；再之后就可以看一些比较高级的，像javascript面向对象之类的，最重要的是要常写

‘肆’ HTML、CSS、JavaScript的学习顺序应该是什么

最先需要学习的是 HTML，HTML 是开发设计网页页面最基础的语言表达，CSS 和JavaScript 的使用是根据 HTML 的，因此务必先学习培训 HTML，将网页页面的基本上框架搭建下去，在使用 CSS 开展装饰。学习培训 HTML 以后，在开展 CSS 的学习培训，或是二者同时进行学习培训。如果将 HTML 构建的网址比成是毛胚房，那样 CSS 便是对它开展室内装修。

入掌握JavaScript：因为你是想倾向于前端工程师，因此务必深入了解JavaScript，对JavaScript原型链、功效域链、程序设计模式都深入分析。多参照顺利的OOP程序设计模式，多研究框架源代码：如jQuery、prototyp、Ext等，都会有非常好的研究价值。

‘伍’ 如何循序渐进、有效地学习JavaScript

• 过早追求“系统”学习，好高骛远，眼高很容易手低，人的精力是有限的，要尊重学习规律，承认自己是普通人，告诫自己不要取巧，不要贪婪，慢慢来

• 觉得读源码是最“本质”的学习，结果是掉进细节的深坑不能自拔

• 过早埋头进“最新”技术，比如框架，在没有良好的语言基础之前学，事倍功半，”最新“技术和核心技术很多时候不是一回事，有了基础和核心，学新技术才是最有效率的，反过来却不成立

• 把编程学习等同于看书积累“知识”，但编程最终是一种技能，不动手什么也学不会，“知道”什么和“会”什么是两回事

• 具体的东西不学，却一开始就试图找到“最佳”学习路径，可能是最大的浪费了，有意义的目标是告诉自己明天干什么，而不是假设自己明天“应该”学会什么

• 过分堆砌学习资料，以为找到的资料越多，罗列越完整，自己学得越快越好，事实恰恰相反，越是罗列，噪声越大，心理压力和挫败感越强，越容易放弃，在一个阶段，一本书，配合少量网络资料足够了，”收藏“是一个不怎么好的习惯，学习的人应该追求知识的消化，而不是堆砌，找有优质JS前端课程。

‘陆’ javascript真的可以零基础自学吗

当然可以。

只要自己努力，用心学习，肯定能学好。JavaScript是脚本语言，主要用来编写动态网页。我建议你先从基本的HTML和CSS学起，学学静态页面布局。然后在网上找一些javascript入门级的视频教程，按照教程一步步由浅入深按部就班的学习就OK。
编程一方面靠的是逻辑思维，另一方面也是一个孰能生巧的过程，只要多敲几遍代码，将基础知识融会贯通，肯定能够学好的。
自学要耐得住寂寞。最大的障碍是没有学习氛围，如果有条件的话，我还是建议你报个培训班。

‘柒’ 如何循序渐进有效学习 JavaScript

现在浏览器端以 JavaScript 为核心，基于各种 Web
标准（即：早已完成标准化的XHTML/CSS/DOM/xml(标准化越来越近了)/XSLT
和正在进行标准化的xml(标准化越来越近了)HTTP）的技术正在加速整合，ajax(动态网站静态化) 就是这一系列技术的一个统称。


虽然网络上已经有大量的相关资源，但是为了打好基础，认真读上几本书还是很有必要的。好在 ajax(动态网站静态化)
并不是什么全新的技术，它仅仅是传统技术的发展和增值，是对于这些基于 Web
标准的传统技术的重新包装，使其更加适合于企业应用，并且和服务器端结合地更加紧密。因此学习
ajax(动态网站静态化)，首先就要从深入学习这些传统的技术开始。我由浅入深地列出一些我读过的书籍，提供给大家做参考：

1、XHTML 教程（XHTML）

作者：Chelsea Valentine, Chris Minnick

New Riders 原版，人民邮电出版社中文版

是的，今天你最应该学习的是 XHTML，而不是 HTML。HTML 4.x 已经是一个被废弃了的标准，今天的标准是 XHTML 1.0。XHTML 1.0 也不是 XHTML 最新的版本，但是它是目前唯一得到浏览器广泛支持和唯一实用的 XHTML 版本。

2、JavaScript 权威指南第四版（JavaScript: The Definitive Guide）

作者：David Flanagan

O'Reilly 原版，中国电力出版社中文版

JavaScript
爱好者亲切地称之为“犀牛书”，因为 O'Reilly 以犀牛作为这本书的封面。这是目前 JavaScript
领域最深入和最权威的入门书。与其它 JavaScript 相关书籍的区别是这本书一半以上的篇幅着重于深入介绍 JavaScript
语言本身的基础知识，而不是象其它的书一样把基础知识和与 HTML 相结合做 Web 开发的内容（这些内容往往偏重于细节，使得其篇幅很容易就超出了
1000 页，例如《JavaScript Bible》）混杂在一起。对于刚刚开始学习 JavaScript
的初学者，这本书毫无疑问是最佳的入门书。

3、xml(标准化越来越近了) 高级编程（Professional xml(标准化越来越近了)）

Didier Martin等着

Wrox 原版，机械工业出版社中文版

这本书是关于 xml(标准化越来越近了) 开发技术非常详尽的着作。虽然因为作者众多（第一版 12 个人，第二版好像又多了几个），无法摆脱 Wrox 红皮书系列大杂烩的印记，但是这本书可以说是红皮书系列中少有的精品。

这本书可以作为 xml(标准化越来越近了) 技术参考书，虽然很厚，但是没有必要从头到尾全部读完。其中与 ajax(动态网站静态化) 相关的内容包括 xml(标准化越来越近了) DOM、XSLT 等等。

4、网站重构（Designing with Web Standards）

作者：Jeffrey Zeldman

New Riders 原版，电子工业出版社中文版

这
本书详细地介绍了如何摒弃远古时代（按照我的理解，3 年以前吧）不符合标准，专门针对某种浏览器（90%以上的情况下是
IE）做开发的恶习，真正采用符合标准的方式来做开发，最终走上向后兼容（注意：不是与浏览器以前不能完整支持 Web
标准的版本相兼容，而是与浏览器以后的版本相兼容）的平坦大路上来。这本书虽然不是 CSS 的专着，但是其中充分展示了使用 CSS
的一些高级技巧。尤其是最后一章展示了完全基于 CSS 做布局，摒弃使用 table 做布局的老方法的具体做法。

非常遗憾的是这本书的中文版翻译的非常烂，如果不对照原文，很容易误入歧途。读这本书有任何疑问的朋友都可以直接和我联系。

上面列出的是与 ajax(动态网站静态化) 涉及到的技术相关的书籍。我没有列出 CSS 的书，是因为我并没有专门读过一本 CSS 方面的专着。附件是网上流传很广的 CSS 2.0 中文手册，可以作为这方面的参考。

读了以上这些书，你已经在技术方面打下了极为坚实的基础，你还需要有一个经常的讨论场所，JavaEye 毫无疑问是你最值得来的地方。

下面我再列出几本与技术没有直接关系的书籍。

5、面向使用的软件设计（Software for Use）

作者：Larry Contantine, Lucy Lockwood

ACM Press 原版，机械工业出版社中文版

大
部分的软件都是给人使用的。我在 BEA User Group上的演讲中说到，ajax(动态网站静态化)
为什么会越来越流行，主要的原因就是它能比传统的基于 HTML FORM 的交互模式带给用户更好的交互体验，也就是 ajax(动态网站静态化)
可以实现更好的 Web 可用性（Web Usability，这是目前国外的一个专门的研究领域），这才是 ajax(动态网站静态化)
最大的价值。软件的可用性永远都是一个大的话题，《面向使用的软件设计》正是这方面最权威的专着。我们只要在做最终用户直接使用（有一个可视的界面）的软
件开发，提高可用性就是我们需要孜孜不倦追求的目标。

6、软件创新之路（Inmates Are Running the Asylum）

作者：Alan Cooper

Sams Publishing 原版，电子工业出版社中文版

7、About Face 2.0

作者：Alan Cooper

John Wiley & Sons 原版，中文版即将出版

上面两本书都是交互设计大师 Alan Cooper 的名着，相信很多朋友都知道 Alan Cooper 的大名，这两本书是交互设计爱好者必读的着作。

‘捌’ 如何循序渐进有效学习 javascript

首先，要先学习javascript的基础，比如什么是变量，如何定义变量，如何使用变量，如何定义函数等等；
然后，模仿一些javascript例子，看懂别人的javascript代码；
最后根据自己需要慢慢的自己写代码，在实践中才能遇到很多问题，才能学到更多。

‘玖’ 如何循序渐进，有效地学习JavaScript

JS有很多种风格，任何从0开始的学习都是从模仿开始的。你可以关注某一类风格的写法。长期学习一个人的风格，如 阮一峰。这个过程主要是让你集中精力学习用法之外的基础知识。不用拘泥和纠结于怎么写

‘拾’ 如何循序渐进有效学习 JavaScript

JS有很多种风格，任何从0开始的学习都是从模仿开始的。你可以关注某一类风格的写法。长期学习一个人的风格，如
阮一峰。这个过程主要是让你集中精力学习用法之外的基础知识。不用拘泥和纠结于怎么写。在掌握了基本的用法后，就可以动手写一点东西了。可以是网站，也可
以是一些JS库。此时就要脱离模仿，在写的过程当中不断的思考，并且提出质疑。主建建立自己的风格。
1.先买一本javascript DOM编程艺术通透的看一遍并把所有的原实例都敲一遍。
2.再看javascript高级程序设计第2版
3.看完接着看javascript权威指南，最好买第5版的，第6版翻译确实很一般。
这些书你都看完javascript就差不多了。