炫意html5
最早CSS3和HTML5移动技术网站之一

学习JavaScript的最佳方式

在真正开始JavaScript的学习前,先花上一分钟了解什么是JavaScript以及它可以做什么。

JavaScript不是JQuery,Flash或Java。它是一种独立的编程语言。

JavaScript是一种浏览器语言。其主要目的是为静态网页带来互动性。在浏览器中,它不能替代PHP或Ruby的作用,甚至连HTML或CSS都不能代替。

jQuery或许是使用最广泛的JavaScript库。或许你也了解过其他比较流行的JavaScript框架,如Mootools,YUI,Dojo等。可以将它们统一看做JavaScript辅助工具集。

1. Codecademy.com站点的学习课程

Codecademy是一个较新的网站,它标榜自己是学习代码最容易的方式。目前该站点提供两个课程“初级编程”和“JavaScript快速上手指南”。课程短小精悍,要学习在浏览器中编写代码并查看结果。


如果你以及熟悉另一种编程语言,或许可以直接选择“JavaScript快速上手指南”。如果是第一笔编程,则可以选择“初级编程”。Codecademy需注册,资源免费。

2. Screencasts

appendTo有一个适合新手的screencasts集。如果你想学习JavaScript,可以学习这些课程。

3. 阅读一下有关JavaScript的介绍

在学习完Codecademy的课程后,你可能需要更进一步了解JavaScript——要了解所有的类型,运算符,控件架构等。

这里提供一些好的建议:

1) 再说JavaScript(https://developer.mozilla.org/en/A_re-introduction_to_JavaScript)——此介绍位于Mozilla开发者网络,有丰富的代码实例和文段介绍。

2) Marijn Haverbeke撰写的Eloquent JavaScript (http://amzn.to/pzuDRD)可在线免费阅读。当然你也可以通过Amazon购买此介绍。它比MDN好,因为该书不仅涵盖了JavaScript语言,还涉及编码风格以及在浏览器中使用JavaScript。


3) Andrew Burgess(本文原作者)撰写的Getting Good with JavaScript。与上面介绍的两份资料不同,本书只涵盖了编程人员快速掌握编程技巧所需要的部分。

4. 安装与学习Firebug


一旦你在浏览器中开始使用JavaScript,就需要安装Firebug并熟悉其性能。Firebug是一款用于Firefox的插件,可以帮助程序员创建和修复网页:可以将其看做程序员的“手术刀”。如果你没有使用Firefox,而是更喜欢Safari或Chrome怎么办?没问题,可以查找类似Firebug的内置开发员工具。

5.读一本有关JavaScript的书籍

在了解一些基础理论后,要学的还很多。可以找些相关书籍进行深入了解。下面推荐一部分书籍。这些书份两类,一类是较深的JavaScript资源:

1) Professional JavaScript for Web Developers (http://amzn.to/nl98lV) ——作者是Nicolas C.Zakas。这本书除了涉及JavaScript语言外,还会教你如何在浏览器中JavaScript。

2) JavaScript 24-hour Trainer (http://amzn.to/r5G9ji)——由Jeremy McPeak编撰,该作者也写过Nettuts+。它不仅仅是一本书,还附带了一张长达四小时的教学光碟。全书共43节课,涉及编码句法指导和代码优化。

虽然这些书非常适合编程人员学习JavaScript语言以及如何在浏览器中使用这些语言,但是学无止境。再推荐两本关于模式和案例的书。

1) JavaScript Patterns——Stoyan Stefanov著。在读过上面的资源之后你可以学到如何编写JavaScript,但是这本书会你如何对资源进行重组。

2) JavaScript:The Good Parts——Douglas Crockford著。该书介绍了JavaScript的优缺点。

6. 做些事情

在学习完上述资源后,你应该已经尝试了一些代码样本:可以尝试对代码进行修改,自己做些东西出来。比如:

1) 图片库:显示一套图片缩略图和主图。当用户点击缩略图的时候,要用较大的缩略图替代当前的主图。覆盖缩略图alt标题的说明或是在用户还没点击的时候进行图片循环。

2) 待办列表:不推荐你制作完整的待办列表。只需要做一个文本框并在其旁放上按钮;点击按钮的时候,已经输入的文字会出现在下方列表下方中。点击列表项目便可移除。

3) 动画框:动画其实是小把戏而已,并不需要弄得太复杂。做一个包含了少许文本的div,其上要有若干按钮。一个按钮用来调整宽度,一个调整高度,还有一个用来调整背景颜色。关键是不要让更改发生得太快。

7. 学习如何使用JavaScript库


如果你学到了这个地步就会意识到有些JavaScript编写任务很难通过跨浏览器的方式实现。最可能违规便是过量的DOM操作,Ajax和动画。这也就是为什么我们需要JavaScript库的原因。不论是jQuery,Mootools,YUI还是Dojo,其相关站点都可以起到帮助作用。

最流行的库是jQuery,Dojo,YUI,MooTools和Prototype。


     原文链接:http://net.tutsplus.com/tutorials/javascript-ajax/the-best-way-to-learn-javascript/

炫意HTML5 » 学习JavaScript的最佳方式

CSS3教程HTML5教程