学习JavaScript的最佳方法

任务0： 了解什么是 JavaScript

      在你真正开始学习 JavaScript  之前，花一分钟了解一下什么是 JavaScript ，它有哪些功能。

        JavaScript 不是 jQuery 、 Flash 或 Java 。与它们不同，它是一种独立的编程语言。

        JavaScript  是浏览器语言（尽管现在不完全是）。主要目的是给静态页面增加交互性。在浏览器里，它不会为你更换 PHP 或 Ruby ，也不会更改你的 HTML 或 CSS ；你可以把它们串在一起使用。另外，它没有你想的那么难学。

       补充说明：你应该听过 jQuery ，它可能是被使用最广泛的 JavaScript  库。也许你还听说过其他比较流行的 JavaScript  框架，比如 Mootools ,， YUI ， Dojo  等等。可以将它们统一看做 JavaScript 辅助工具集；当你使用它们的时候，你还在写 JavaScript ，但都是些很抽象的 JavaScript 。它会让你事半功倍。

      “你甚至可能听到有人说，你应该先学 jQuery （或其他库）再学 JavaScript 。我很尊重他们但完全不同意这种说法。先把 JavaScript  学好再用其他库，你会发现你会做的更好；结果就是，你会编写更好的 JavaScript 。”

任务1： 通过 Codecademy . com 站点的课程来学习

         Codecademy 是一个相对较新的网站，其广告语是“最易学的编码方法”。目前，该网站仅有两个课程，“初级编程”和“ JavaScript 快速入门指南”。沉浸在 JavaScript  中是种不错的体验。跟  Try   Ruby  练习非常相似，你会学到简短的课程、在浏览器里编码，然后看结果。得到全部分数、打开成就徽章。

（ Ruby ，一种为简单快捷的面向对象编程（面向对象程序设计）而创的脚本语言。）

      如果你 已熟悉了 另一种编程语言，你也许可以先学“ JavaScript 快速入门指南”； 如果 这 是您第一次 编程（ HTML 和 CSS 除 外 ） ， 你会发现 “初级 编程 ”课程相当有用。 Codecademy 是一家免费网站，但需要注册。

———————————————————————————-

任务2： appendTo  截屏方法

        appendTo  视频有一套特别适合初学者的截屏方法。 如果你想用正确（容易）的方法学习 JavaScript ，学习这些课程绝对管用。视觉训练总是有效的！

     “用我们提供的点播内容、务实的训练解决方案来提升自己的技能。无需注册、无需绑定、绝不忽悠。”

———————————————————————————-

任务3： 阅读一本好的关于 JavaScript  的说明书

       一旦你通过 Codecademy 上的课程来学习，你就会想搞到一本关于 JavaScript 的详细说明书–介绍所有的类型、运算符、控件架构等等。

       如果可以的话，我来介绍几个好的说明书：

       《再说 JavaScript 》 – 这本说明书可在 Mozilla 开发者网络上找到，语言公正。这本书内容很丰富，有很多代码实例和文段介绍。

       《 Eloquent   JavaScript 》 – 该书由 Marijn   Haverbeke  编写，可免费在线阅读，如果你想弄个硬拷贝可以上亚马逊网站购买。它比 MDN 说明更详细，因为它不仅涵盖了 JavaScript  语言，而且包括编码风格以及在浏览器里使用 JavaScript 。当然，“ eloquent ”并非言过其实。（ eloquent  - 雄辩的、口若悬河的）

       《 Getting   Good   with   JavaScript 》 – 没错，这本书是我写的，但是我介绍这本书是另有原因的。它跟我在前面介绍的两本说明不同；在这本书里我只介绍了编程人员快速掌握编程技巧所需要的部分。此外，它还附带超过6个小时的截屏视频，因此，想要就去看看吧。（当然，这本不是免费的。）

———————————————————————————-

任务4： 安装、学习 Firebug （或开发人员工具）

       一旦你开始在浏览器里使用 JavaScript ，就需要安装 Firebug 并熟悉它的性能。 Firebug 是一款用于 Firefox 的插件，它能帮你创建和调试网页：对网页开发者来说，它就像外科医生的‘手术刀’。如果你不用 Firefox ？喜欢 Safari  或者 Chrome 怎么办？没问题：可以查找类似 Firebug 的内置开发人员工具。

      “你可以在 Mac 地址栏里按选项+命令+ I  或者按快捷键 Control  +  Shift  +  I  ，来打开设计工具面板。”

       通过打开你选的工具，只需在你喜欢的其中一个网站上点击点击，你就会学到很多东西。这里有一些能加速你学习的资源：

Firebug

Firebug 网站和维基百科

Firebug 的 CSS -技巧说明

你应该在 Nettuts +上使用 Firebug 的10大理由。

Firebug ：从白带到黑带， Tuts +  Marketplace  网站 （ http :// marketplace . tutsplus . com / item / firebug-white-to-black-belt /118795 ）

设计工具

设计工具网站

Google   I / O  2011 ：由 Paul   Irish 重组的浏览器设计工具

Google  浏览器设计工具 ： Paul   Irish  的快速开发12技巧

———————————————————————————-

任务5： 读一本有关 JavaScript 的书籍

       现在你已经熟悉了些基础知识，但是还有很多东西要学。尽管我推荐的一些书可能会让你‘破产’，但你会发现任何时候我都会推荐4本高质量的书：                                                            

       前两本是一般的、较深入的 JavaScript  资源，它们会让你从简介到较深层次逐步理解；当然，简介里会有一些重叠的说明，但不多：刚好让你看起来很舒服。

（注：虽然这些书在亚马逊网站能买到，我已经链接了出版商的网站，因此，你能看看范例章节。）

   《 JavaScript 高级程序设计》-  Nicolas   C .  Zakas  编写，这本书涵盖了它能涵盖的所有内容。如果你以前看过 Zakas 的任何作品，你会发现他是个不折不扣的天才。 除了 涵盖了 JavaScript 语言 ，这本书还能让 您在 浏览器里很好的使用 JavaScript 。

       《 JavaScript  24 -hour   Trainer  》由 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 ，其上要有若干按钮。一个按钮用来调整宽度，一个用来调整高度；还有一个用来调整背景颜色。关键是不要让更改发生得太快，但在一秒钟之内。记住， Google  是你的朋友，特别是如果迄今为止你还未用 JavaScript 做任何动画的话。

       我相信你能想到其他的很好的练习的计划。当然，学习的唯一方法是把自己从安乐窝里拽出来。

“此外，在所有的技能水平上，确保 JavaScript  类别在 Nettuts +上有大量教程列表。”

（ Nettuts 是一个专注于提供网络开发教程的网站。）

———————————————————————————-

任务7： 开始学习如何使用 JavaScript 库

        如果你学到了这个地步，就会意识到有些 JavaScript  编写任务很难（或根本不能）通过跨浏览器的方式实现。最可能违规的便是过量的 DOM 操作， AJAX 和动画。这也就是为什么我们需要 JavaScript  库的原因。

        正如我前面提到的，一个 JavaScript  库的详细内容犹如减轻痛苦的蜜糖。因此，现在有必要来看一下。这里有大量库供你选择，我会让你自己决定从哪个开始。无论是 jQuery  还是 Mootools ， YUI  还是 Dojo ，它们各自的网站会为你提供开始学习时你所需要的一切信息。如果你觉得用得着就来试试吧。

      最流行的库：

      虽然很容易得到大量的库，你还是应该选一个受欢迎的– 至少排名第一。

       jQuery

       Dojo

       YUI

       MooTools

       Prototype

———————————————————————————

任务8： 紧随大师的步伐

       有很多令人难以置信的 JavaScript   天才，他们一直在做些很酷的东西，你一定不想错过。值得庆幸的是，我们的工作狂 Siddharth  副主编已经搞到一份33名设计人员列表，要想成为一名 JavaScript  发烧友你就必须订阅它。扔下手头的工作，订阅/跟随这些设计人员。这是必须要做的。

       但是，你还能做更多事情。这个公平网站经常发布关于 JavaScript  的信息，所以不要走开。此外，关注 JavaScript   Show  ，一档全世界关于 JavaScript 最新最大的播客。你可能还想注册 JavaScript 电子周刊简讯。

       还想要更多吗？关注 Tuts + Marketplace  的 JavaScript  类。

———————————————————————————

      最后

undefined

       感谢阅读此文！真诚的希望它能帮你成为一名 JavaScript  爱好者。如果你已对 JavaScript  很熟悉，你可以在评论中推荐其他任何相关资源。

转自：译言网