How to learn JavaScript if you don't know it_Basic knowledge

[译注: 可能你会说不翻译里面推荐的参考资料一切都是枉然，但是重要的是文章作者提供的学习思路。具体的参考内容你可以去Google相应知识的中文版。]

翻译不当的地方还请留言指正！

帮帮我！我不懂JavaScript [Help! I Don't Know JavaScript!]

June 5th, 2007, 作者 Michelle

为了帮助所有对Mootool有兴趣却碰上很多麻烦的人，我整理了这些能够教给你开始从事客户端应用开发所需的所有知识的网上资源。

职业必备工具

这些是从事Web开发的前提条件。

Firefox: 从事开发工作一定少不了Firefox。但你还需要在你的电脑（以及其他测试计算机）上安装好你打算兼容的所有浏览器，以方便进行跨浏览器支持测试。

必不可少的扩展

• Firebug: 有史以来最优秀的插件。Firebug让面对一大堆代码抓狂的你清楚地了解处理你的页面时浏览器内部都发生了些什么。
• Web Developer Toolbar: 赋予你全面掌控站点的伟大力量。禁用JavaScript，查看网页不带CSS时的样子，禁用访问来源，启用严格警告，以及更多。所有你能想到的Web Developer Toolbar都能给予。

学习基础知识

别因为不懂HTML就在学习Web开发的道路上止步!

How to Create

这地方非常棒，不仅详细介绍各种麻烦的细节，而且对语义化和实践优化方面的课题也有所涉及。 总的来说，是非常不错的人性化设计的基础知识概览。

• HTML
• CSS
• JavaScript

Mozilla开发者中心[MDC]

大概是网上最全面的Web开发信息中心了, 特别是关于Firefox或Mozilla的信息。她应该会成为您主要的参考资源。

• HTML
• CSS
• JavaScript
• 特别收录: DOM

W3 Schools

基本上W3 Schools 可以提供给您所有Web技术的快速参考，而且比W3C提供的原始参考文档要易读得多。 MDC虽然更好，但手边有一些快速参考资料总归要好得多。

• HTML
• CSS
• JavaScript

微软开发人员网络 [MSDN]

不要被他们的名字唬住了——JScript是和JavaScript一样的东西。如果没记错微软应该因为这一站点获得了一两个可用性方面的奖项。当你和IE的不规范做斗争时应该常来这里看看。

• HTML & CSS
• JavaScript

[译注：最近发现梦都网（中文）的HTML和CSS基础教程和参考文档很不错，建议看看]

其他资源

如果你有点好奇心，可以经常看一看 A List Apart ，了解一些巧思妙技。
另外，请注意，Mootool在 strict doctype [严格文档类型]中使用最佳。
译注：Doctype即XHTML文档头部声明指定的文档类型。一般是如下形式：

view plaincopy to clipboardprint?

1. nbsp;html PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd”>   

-//W3C//DTD XHTML 1.0 Strict//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd”>

JavaScript details

JavaScript, the coolest programming language in the world. To master JavaScript, you first need to understand that it is completely different from . Once you understand this fact, you may want to check out these guides:

Understand the basics

Now for something more relaxing. Some good people at Yahoo have uploaded many popular video tutorials for the world. This is a really good thing, because we can learn JavaScript so easily that we can just spend a few hours watching these smart people talk.

An exciting JavaScript trilogy

• JavaScript programming language
  • Part One
  • Part 2
  • Part 3
  • Part 4
• Theoretical research on DOM
  • Part One
  • Part 2
  • Part 3
• High-level JavaScript
  • Part One
  • Part 2
  • Part 3

Special Collection

• Nicholas Zakas talks about maintainable code
• Joe Hewitt introduces Firebug

Advanced on your own

Once you have completed the above, try using Google to find answers to the questions you want to know until you can write a few interesting cross-browser Ajax applications using raw JavaScript code. Nothing is impossible, and it won't be long before you can ditch Google and do it yourself. I think doing some of this on your own can help you understand how a framework implements applications and the processes behind these rich applications.

You may also find The Knowledge Gap of JavaScript an interesting article.

Learn through examples

If you really want to become a good JavaScript code writer, the best way is to read code written by people who have figured out the secrets. In other words, you may need to browse the source code of MooTools to get some inspiration. Not only do you absorb a lot of great ideas, but through the process, you also gain a deeper understanding of the framework.

Advanced to a higher level

Now it’s time to download Mootools! If you have indeed completed learning most of the content I listed above, you are welcome to ask questions on the forum , dive in the IRC chat room, and make your contribution to the Mootools community . Try downloading the complete, uncompressed source code and applying it to your development work. See what happens when you make changes to it. Try to find some bugs and propose corresponding solutions. Make a few plugins. But make sure you name your plugin so it looks relevant to Moo.