[譯註: 可能你會說不翻譯裡面推薦的參考資料一切都是枉然,但是重要的是文章作者提供的學習思路。具體的參考內容你可以去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
這地方非常棒,不僅詳細介紹各種麻煩的細節,而且對語義化和實踐最佳化方面的課題也有所涉及。 總的來說,是非常不錯的人性化設計的基礎知識概覽。
Mozilla開發人員中心[MDC]
大概是網上最全面的Web開發資訊中心了, 特別是關於Firefox或Mozilla的資訊。她應該會成為您主要的參考資源。
- HTML
- CSS
- JavaScript
- 特別收錄: DOM
W3 Schools
基本上W3 Schools 可以提供給您所有Web技術的快速參考,而且比W3C提供的原始參考文檔要易讀得多。 MDC雖然更好,但手邊有一些快速參考資料總歸要好得多。
微軟開發人員網路 [MSDN]
不要被他們的名字唬住了——JScript是和JavaScript一樣的東西。如果沒記錯微軟應該因為這一網站獲得了一兩個可用性方面的獎項。當你和IE的不規範做鬥爭時應該常來這裡看看。
[譯註:最近發現夢都網(中文)的HTML和CSS基礎教程和參考文檔很不錯,建議看看]
其他資源
如果你有點好奇心,可以經常看一看 A List Apart ,瞭解一些巧思妙技。
另外,請注意,Mootool在 strict doctype [嚴格文件類型]中使用最佳。
譯註:Doctype即XHTML文檔頭部聲明指定的文件類型。一般是如下形式:
view plaincopy to clipboardprint?
- <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd”>
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd”>
JavaScript詳細
JavaScript,世上最酷的程式設計語言。 要想掌握JavaScript,首先您需要明白,它和 <此處用你最喜歡的程式設計語言代替>完全不同。當你明白了這一事實後,你可能會想要看看下面這些指導文章:
瞭解基礎
現在來點輕鬆的。Yahoo的一些大好人為世人上傳了很多普及性的視頻教程。這真的是件大好事,因為我們對JavaScript的學習簡單到了只需要花幾個小時看這些聰明的夥計們講話。
激動人心的 JavaScript三部曲
- JavaScript程式設計語言
- DOM的理論研究
- 高階JavaScript
特別收錄
- Nicholas Zakas談可維護代碼
- Joe Hewitt介紹Firebug
自食其力地進階
一旦你已完成上面的學習,試著利用Google找尋您想知道的問題的答案,直到您能用原始的JavaScript代碼編寫出幾個有趣的跨瀏覽器Ajax應用。沒什麼不可能的,用不了多久你就可以拋開Google自己動手了。我認為靠你自己的力量做點這些可以協助你理解一個架構是如何?應用的,以及這些豐富的應用背後的過程。
你可能也會覺得 JavaScript的知識鴻溝 是篇有意思的文章。
通過執行個體進行學習
如果你真的很想成為一個好的JavaScript代碼編寫者,最好的方式就是閱讀已洞悉箇中奧妙的人編寫的代碼。也就是說,你可能需要 瀏覽MooTools的源碼 獲得一些啟迪。你不僅可以吸收很多好點子,通過這一過程,你還能更深層次的理解這一架構。
進階到更高水平
現在是時候下載Mootools啦!如果你確實完成了我上面列舉的大部分內容的學習,我們歡迎你到論壇上提問,在IRC聊天室裡潛水,為Mootools社區做出您的貢獻。 試試下載完整的,未經壓縮的源碼並將其應用於你的開發工作。看看當你對其做出修改時都會發生什麼事。試著找出一些bug,提出相應的解決辦法。做幾個外掛程式。但是請保證在為你的外掛程式命名時讓其看起來和Moo有關。