The best way to learn JavaScript_Basic knowledge

学习新的东西是件可怕的事。对我来说，掌握一项新技能最大的问题是，我不知道自己懂什么。鉴于此，定个计划，学习你感兴趣的东西应该会有用。这篇文章的主旨就是：你为学习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 ，来打开设计工具面板。” 通过打开你选的工具，只需在你喜欢的其中一个网站上点击点击，你就会学到很多东西。这里有一些能加速你学习的资源：FirebugFirebug网站和维基百科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库

If you've gotten this far, you'll realize that some JavaScript writing tasks are difficult (or impossible) to achieve in a cross-browser way. The most likely violations are excessive DOM operations, AJAX and animations. This is why we need JavaScript libraries. As I mentioned earlier, the details of a JavaScript library are like honey that eases the pain. Therefore, it is necessary to take a look now. There are tons of libraries for you to choose from, I'll let you decide which one to start with. Whether it's jQuery or Mootools, YUI or Dojo, their respective websites will provide you with all the information you need to get started. If you think it is useful, give it a try. Most popular libraries: Although it's easy to get a ton of libraries, you should still pick one that's popular - at least ranked number one. jQuery Dojo YUI MooTools Prototype

Mission 8: Follow in the footsteps of the master

There are a lot of incredible JavaScript geniuses out there making cool stuff all the time that you don’t want to miss. Thankfully, our workaholic associate editor Siddharth has come up with a list of 33 designers you must subscribe to if you want to become a JavaScript enthusiast. Drop what you are doing and subscribe/follow these designers. This has to be done. But there's more you can do. This fair site frequently posts information about JavaScript, so don't go away. Also, follow The JavaScript Show , the world’s newest and largest podcast about JavaScript. You may also want to sign up for the JavaScript Weekly newsletter. Want more? Follow Tuts Marketplace's JavaScript class.

Finally undefined Thanks for reading this article! I sincerely hope it will help you become a JavaScript lover. If you're already familiar with JavaScript, you can recommend any other relevant resources in the comments.

Original text: http://article.yeeyan.org/view/188878/225166