[譯注: 可能你會(huì)說(shuō)不翻譯里面推薦的參考資料一切都是枉然，但是重要的是文章作者提供的學(xué)習(xí)思路。具體的參考內(nèi)容你可以去Google相應(yīng)知識(shí)的中文版。]

翻譯不當(dāng)?shù)牡胤竭€請(qǐng)留言指正！

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

June 5th, 2007, 作者 Michelle

為了幫助所有對(duì)Mootool有興趣卻碰上很多麻煩的人，我整理了這些能夠教給你開(kāi)始從事客戶(hù)端應(yīng)用開(kāi)發(fā)所需的所有知識(shí)的網(wǎng)上資源。

職業(yè)必備工具

這些是從事Web開(kāi)發(fā)的前提條件。

Firefox: 從事開(kāi)發(fā)工作一定少不了Firefox。但你還需要在你的電腦（以及其他測(cè)試計(jì)算機(jī)）上安裝好你打算兼容的所有瀏覽器，以方便進(jìn)行跨瀏覽器支持測(cè)試。

必不可少的擴(kuò)展

• Firebug: 有史以來(lái)最優(yōu)秀的插件。Firebug讓面對(duì)一大堆代碼抓狂的你清楚地了解處理你的頁(yè)面時(shí)瀏覽器內(nèi)部都發(fā)生了些什么。
• Web Developer Toolbar: 賦予你全面掌控站點(diǎn)的偉大力量。禁用JavaScript，查看網(wǎng)頁(yè)不帶CSS時(shí)的樣子，禁用訪(fǎng)問(wèn)來(lái)源，啟用嚴(yán)格警告，以及更多。所有你能想到的Web Developer Toolbar都能給予。

學(xué)習(xí)基礎(chǔ)知識(shí)

別因?yàn)椴欢瓾TML就在學(xué)習(xí)Web開(kāi)發(fā)的道路上止步!

How to Create

這地方非常棒，不僅詳細(xì)介紹各種麻煩的細(xì)節(jié)，而且對(duì)語(yǔ)義化和實(shí)踐優(yōu)化方面的課題也有所涉及。 總的來(lái)說(shuō)，是非常不錯(cuò)的人性化設(shè)計(jì)的基礎(chǔ)知識(shí)概覽。

• HTML
• CSS
• JavaScript

Mozilla開(kāi)發(fā)者中心[MDC]

大概是網(wǎng)上最全面的Web開(kāi)發(fā)信息中心了, 特別是關(guān)于Firefox或Mozilla的信息。她應(yīng)該會(huì)成為您主要的參考資源。

• HTML
• CSS
• JavaScript
• 特別收錄: DOM

W3 Schools

基本上W3 Schools 可以提供給您所有Web技術(shù)的快速參考，而且比W3C提供的原始參考文檔要易讀得多。 MDC雖然更好，但手邊有一些快速參考資料總歸要好得多。

• HTML
• CSS
• JavaScript

微軟開(kāi)發(fā)人員網(wǎng)絡(luò) [MSDN]

不要被他們的名字唬住了——JScript是和JavaScript一樣的東西。如果沒(méi)記錯(cuò)微軟應(yīng)該因?yàn)檫@一站點(diǎn)獲得了一兩個(gè)可用性方面的獎(jiǎng)項(xiàng)。當(dāng)你和IE的不規(guī)范做斗爭(zhēng)時(shí)應(yīng)該常來(lái)這里看看。

• HTML & CSS
• JavaScript

[譯注：最近發(fā)現(xiàn)夢(mèng)都網(wǎng)（中文）的HTML和CSS基礎(chǔ)教程和參考文檔很不錯(cuò)，建議看看]

其他資源

如果你有點(diǎn)好奇心，可以經(jīng)?？匆豢?A List Apart ，了解一些巧思妙技。
另外，請(qǐng)注意，Mootool在 strict doctype [嚴(yán)格文檔類(lèi)型]中使用最佳。
譯注：Doctype即XHTML文檔頭部聲明指定的文檔類(lèi)型。一般是如下形式：

JavaScript詳細(xì)

JavaScript，世上最酷的編程語(yǔ)言。 要想掌握J(rèn)avaScript，首先您需要明白，它和 <此處用你最喜歡的編程語(yǔ)言代替>完全不同。當(dāng)你明白了這一事實(shí)后，你可能會(huì)想要看看下面這些指導(dǎo)文章：

了解基礎(chǔ)

現(xiàn)在來(lái)點(diǎn)輕松的。Yahoo的一些大好人為世人上傳了很多普及性的視頻教程。這真的是件大好事，因?yàn)槲覀儗?duì)JavaScript的學(xué)習(xí)簡(jiǎn)單到了只需要花幾個(gè)小時(shí)看這些聰明的伙計(jì)們講話(huà)。

激動(dòng)人心的 JavaScript三部曲

• JavaScript編程語(yǔ)言
  • 第一部分
  • 第二部分
  • 第三部分
  • 第四部分
• DOM的理論研究
  • 第一部分
  • 第二部分
  • 第三部分
• 高階JavaScript
  • 第一部分
  • 第二部分
  • 第三部分

特別收錄

• Nicholas Zakas談可維護(hù)代碼
• Joe Hewitt介紹Firebug

自食其力地進(jìn)階

一旦你已完成上面的學(xué)習(xí)，試著利用Google找尋您想知道的問(wèn)題的答案，直到您能用原始的JavaScript代碼編寫(xiě)出幾個(gè)有趣的跨瀏覽器Ajax應(yīng)用。沒(méi)什么不可能的，用不了多久你就可以?huà)侀_(kāi)Google自己動(dòng)手了。我認(rèn)為靠你自己的力量做點(diǎn)這些可以幫助你理解一個(gè)框架是如何實(shí)現(xiàn)應(yīng)用的，以及這些豐富的應(yīng)用背后的過(guò)程。

你可能也會(huì)覺(jué)得 JavaScript的知識(shí)鴻溝 是篇有意思的文章。

通過(guò)實(shí)例進(jìn)行學(xué)習(xí)

如果你真的很想成為一個(gè)好的JavaScript代碼編寫(xiě)者，最好的方式就是閱讀已洞悉個(gè)中奧妙的人編寫(xiě)的代碼。也就是說(shuō)，你可能需要 瀏覽MooTools的源碼 獲得一些啟迪。你不僅可以吸收很多好點(diǎn)子，通過(guò)這一過(guò)程，你還能更深層次的理解這一框架。

進(jìn)階到更高水平

現(xiàn)在是時(shí)候下載Mootools啦！如果你確實(shí)完成了我上面列舉的大部分內(nèi)容的學(xué)習(xí)，我們歡迎你到論壇上提問(wèn)，在IRC聊天室里潛水，為Mootools社區(qū)做出您的貢獻(xiàn)。 試試下載完整的，未經(jīng)壓縮的源碼并將其應(yīng)用于你的開(kāi)發(fā)工作?？纯串?dāng)你對(duì)其做出修改時(shí)都會(huì)發(fā)生什么事。試著找出一些bug，提出相應(yīng)的解決辦法。做幾個(gè)插件。但是請(qǐng)保證在為你的插件命名時(shí)讓其看起來(lái)和Moo有關(guān)。