学习新事物是一件可怕的事情。对我来说，掌握一项新技能最大的问题就是不知道自己懂什么。有鉴于此，制定一个计划，学习自己感兴趣的东西，应该是有用的。本文的主要目的是：你学习JavaScript的蓝图、路线和行动计划！你不用担心找不到最好的资源。在决定下一步学习什么之前，先整理一些不好的资源。跟着它，一步一步来。

0:了解什么是JavaScript在真正开始学习JavaScript之前，先花一分钟了解一下JavaScript是什么，它有哪些功能。JavaScript不是jQuery，不是Flash，也不是Java。与它们不同，它是一种独立的编程语言。JavaScript是一种浏览器语言(尽管现在还不完全是)。主要目的是为静态页面增加交互性。在浏览器中，它不会为你改变PHP或Ruby，也不会改变你的HTML或CSS。你可以把它们串在一起使用。此外，它并不像你想象的那么难学。注意：您应该听说过jQuery，它可能是使用最广泛的JavaScript库。也许你听说过其他流行的JavaScript框架，比如Mootools、YUI、Dojo等等。它们可以看作是JavaScript助手工具集。当您使用它们时，您仍然在编写JavaScript，但是它们都是非常抽象的JavaScript。它会让你事半功倍。“你甚至可能听到有人说，在学习JavaScript之前，应该先学习jQuery(或其他库)。我非常尊重他们，但我完全不同意这种说法。在使用其他库之前先学好JavaScript，你会发现你会做得更好。因此，您将编写更好的JavaScript。”任务1:通过Codecademy站点的课程学习代码教程。CodeCademy是一个比较新的网站，它的广告语言是“最简单的编码方法”。目前网站只有“初级编程”和“JavaScript快速入门指南”两门课程。沉浸在JavaScript中是一种很好的体验。这和Try Ruby练习非常相似，你会学到一个简短的教训，在浏览器中编码，然后看结果。获取所有分数并打开成就徽章。Ruby，一种为简单快速的面向对象编程(面向对象编程)而创建的脚本语言。)如果您已经熟悉另一种编程语言，您可以先学习《JavaScript快速入门指南》。如果这是你第一次编程(除了HTML和CSS)，你会发现“初级编程”课程相当有用。Codecademy是一个免费网站，但是需要注册。任务2: appendTo截屏方法append to video有一套特别适合初学者的截屏方法。如果你想以正确(简单)的方式学习JavaScript，参加这些课程肯定会有所帮助。视觉训练总是有效的！“使用我们的按需内容和务实的培训解决方案来提高我们的技能。没有注册，没有绑定，没有闪烁。”任务3:阅读一本关于JavaScript的好手册。学习完Codecademy课程后，您会想要获得一份关于JavaScript的详细手册——介绍所有类型、操作符、控件架构等等。如果可能的话，我来介绍一些好的说明：《再说JavaScript》这个说明可以在Mozilla开发者网上找到，语言还算公道。这本书内容丰富，有很多代码示例和段落。003010本书由Marijn Haverbeke撰写，可在线免费阅读。如果你想得到一份硬拷贝，你可以在亚马逊上购买。它比MDN更详细，因为它不仅涵盖了JavaScript语言，还涵盖了编码风格和JavaScript在浏览器中的使用。当然，“口若悬河”并不夸张。(口若悬河——口若悬河，口若悬河)《Eloquent JavaScript》是的，我写了这本书，但我介绍它还有另一个原因。它不同于我前面介绍的两种解释；在这本书里，我只介绍了程序员快速掌握编程技能需要具备的条件。此外，它还配有6个多小时的屏幕截图，如果你愿意，可以去看看。(当然，这不是免费的。)任务4:安装并学习Firebug(或开发人员工具)一旦开始在浏览器中使用JavaScript，就需要安装Firebug并熟悉其性能。Firebug是Firefox的一个插件，可以帮助你创建和调试网页：对于web开发人员来说，它就像是外科医生的手术刀。如果不用火狐？如果我喜欢Safari或者Chrome呢？没问题：你可以寻找像Firebug这样的内置开发工具。"您可以按下Mac地址栏中的选项命令I或快捷键Control Shift I来打开设计器面板。

“打开你选择的工具，只需点击你最喜欢的网站之一，你就会学到很多东西。这里有一些资源可以加快你的学习速度：Firebug网站和CSS- of Wikipedia Firebug-tips显示了为什么你应该在Nettuts上使用FirebugFirebug的10个原因。Firebug:从白带到黑带，Tuts Marketplace网站(http://market . tutplus.com/item/firebug-白带到黑带/118795)设计工具设计工具网站Google I/O 2011:由Paul Irish重组的浏览器设计工具Google浏览器设计工具：Paul Irish的快速开发12技巧任务5:阅读一本关于JavaScript的书现在你已经熟悉了一些基础知识，但还有很多需要学习的地方。虽然我推荐的一些书可能会让你‘倾家荡产’，但你会发现我随时推荐四本高质量的书：前两本是一般深入的JavaScript资源，会让你从入门到更深层次逐渐理解；当然，介绍中会有一些重叠的说明，但不会很多：只是让你看起来舒服一些。(注：虽然这些书在亚马逊上有售。com，我已经链接到了出版商的网站，所以你可以看看示例章节。)《Getting Good with JavaScript》-由Nicolas C. zakas撰写，这本书涵盖了它所能涵盖的一切。如果你以前看过扎卡斯的任何作品，你会发现他是一个彻头彻尾的天才。除了涵盖JavaScript语言，这本书还可以让你在浏览器中很好地使用JavaScript。003010是杰里米麦克皮克编辑的，他也写了Nettuts。它不仅仅是一本书，还附带了一张四小时的教学光盘。全书共43课，涉及编码语法指导和代码优化。虽然这些书非常适合程序员学习JavaScript语言，以及如何在浏览器中使用这些语言，但是学无止境。虽然这些书确实进入了一些模式和实践，但我想再推荐两本我认为有用的书。1)《JavaScript高级程序设计》-斯托扬斯特凡诺夫。我也刚刚读完这本书。我真的希望尽快完成它。看完上面的资源，可以学习如何编写JavaScript，但是这本书会教你如何重组资源。这个技能很重要，没有你想的那么简单。2)《JavaScript 24-hour Trainer》-道格拉斯克洛克福特。这本书介绍了JavaScript的优缺点。任务6:做点什么！在学习了以上资源之后，您应该已经尝试了一些代码示例：修改代码并集成代码，看看会发生什么。但是是时候休息一下，做点什么了。你能做什么？你可以做很多事情。以下是一些看法。1)图片库：显示一组图片缩略图和主图片。当用户点击缩略图时，他应该用更大的缩略图(而不是原始缩略图)替换当前的主图片。如果你能盖住缩略图alt标记的标题，你将获得积分奖励，或者当用户一分钟没有点击时，你将循环播放图片。2)待办事项：听起来有点难，我不打算推荐你做一个完整的待办事项。只要做一个文本框，旁边放一个按钮；单击按钮时，输入的文本将成为无序列表下的一个项目。单击列表项将其删除。这听起来很容易，但也有一些陷阱，对初学者来说仔细思考是有好处的。3)动画盒子：动画只是一个小把戏，不需要太复杂。制作一个包含少量文本的div，上面有许多按钮。一个按钮用于调整宽度，另一个用于调整高度。还有一个用于调整背景颜色。关键是不要让变化发生得太快，而是要在一秒钟之内。记住，谷歌是你的朋友，尤其是如果你到目前为止还没有用JavaScript做过任何动画的话。我相信你能想到其他好的练习计划。当然，学习的唯一方法是把自己从舒适区拉出来。”此外，在所有技能级别，确保JavaScript类别在Nettuts上有大量教程列表。”(Nettuts是一个专门提供web开发教程的网站。

)任务7:开始学习如何使用JavaScript库。如果你了解了这一点，你会意识到一些JavaScript编写任务很难(或者不可能)通过跨浏览器实现。最有可能的违规是过多的DOM操作、AJAX和动画。这就是为什么我们需要JavaScript库。正如我前面提到的，JavaScript库的细节就像蜂蜜一样可以减轻痛苦。因此，现在有必要看一看。有很多图书馆供你选择。我让你决定从哪一个开始。无论是jQuery还是Mootools、YUI还是Dojo，它们各自的网站都会为你提供开始学习所需的所有信息。如果你认为你需要它，试试看。最受欢迎的图书馆：虽然很容易获得大量的图书馆，但你应该选择一个受欢迎的——至少排名第一。JQuery Dojo YUI MooTools原型任务8:有许多不可思议的JavaScript天才跟随大师的脚步。他们一直在做一些很酷的事情。你一定不能错过他们。幸运的是，我们的工作狂副总编辑西达尔特有一份33名设计师的名单，如果你想成为一名JavaScript爱好者，你必须订阅它。放下手头的工作，订阅/关注这些设计师。这是必须的。但是你可以做得更多。这个博览会网站经常发布关于JavaScript的信息，所以不要走开。另外，关注JavaScript Show，这是世界上最新最大的关于JavaScript的播客。你可能还想注册JavaScript电子周报。想要更多吗？关注Tuts Marketplace中的JavaScript类。最后，未定义感谢阅读本文！真心希望它能帮助你成为一个JavaScript爱好者。如果您已经熟悉JavaScript，可以在评论中推荐任何其他相关资源。原文：http://article.yeeyan.org/view/188878/225166