不懂JavaScript應該怎樣學
[譯注: 可能你會說不翻譯里面推薦的參考資料一切都是枉然,但是重要的是文章作者提供的學習思路。具體的參考內(nèi)容你可以去Google相應知識的中文版。]
翻譯不當?shù)牡胤竭€請留言指正!
幫幫我!我不懂JavaScript [Help! I Don't Know JavaScript!]
June 5th, 2007, 作者 Michelle
為了幫助所有對Mootool有興趣卻碰上很多麻煩的人,我整理了這些能夠教給你開始從事客戶端應用開發(fā)所需的所有知識的網(wǎng)上資源。
職業(yè)必備工具
這些是從事Web開發(fā)的前提條件。
Firefox: 從事開發(fā)工作一定少不了Firefox。但你還需要在你的電腦(以及其他測試計算機)上安裝好你打算兼容的所有瀏覽器,以方便進行跨瀏覽器支持測試。
必不可少的擴展
- Firebug: 有史以來最優(yōu)秀的插件。Firebug讓面對一大堆代碼抓狂的你清楚地了解處理你的頁面時瀏覽器內(nèi)部都發(fā)生了些什么。
- Web Developer Toolbar: 賦予你全面掌控站點的偉大力量。禁用JavaScript,查看網(wǎng)頁不帶CSS時的樣子,禁用訪問來源,啟用嚴格警告,以及更多。所有你能想到的Web Developer Toolbar都能給予。
學習基礎(chǔ)知識
別因為不懂HTML就在學習Web開發(fā)的道路上止步!
How to Create
這地方非常棒,不僅詳細介紹各種麻煩的細節(jié),而且對語義化和實踐優(yōu)化方面的課題也有所涉及。 總的來說,是非常不錯的人性化設(shè)計的基礎(chǔ)知識概覽。
Mozilla開發(fā)者中心[MDC]
大概是網(wǎng)上最全面的Web開發(fā)信息中心了, 特別是關(guān)于Firefox或Mozilla的信息。她應該會成為您主要的參考資源。
- HTML
- CSS
- JavaScript
- 特別收錄: DOM
W3 Schools
基本上W3 Schools 可以提供給您所有Web技術(shù)的快速參考,而且比W3C提供的原始參考文檔要易讀得多。 MDC雖然更好,但手邊有一些快速參考資料總歸要好得多。
微軟開發(fā)人員網(wǎng)絡(luò) [MSDN]
不要被他們的名字唬住了——JScript是和JavaScript一樣的東西。如果沒記錯微軟應該因為這一站點獲得了一兩個可用性方面的獎項。當你和IE的不規(guī)范做斗爭時應該常來這里看看。
[譯注:最近發(fā)現(xiàn)夢都網(wǎng)(中文)的HTML和CSS基礎(chǔ)教程和參考文檔很不錯,建議看看]
其他資源
如果你有點好奇心,可以經(jīng)??匆豢?A List Apart ,了解一些巧思妙技。
另外,請注意,Mootool在 strict doctype [嚴格文檔類型]中使用最佳。
譯注:Doctype即XHTML文檔頭部聲明指定的文檔類型。一般是如下形式:
- <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd”>
JavaScript詳細
JavaScript,世上最酷的編程語言。 要想掌握JavaScript,首先您需要明白,它和 <此處用你最喜歡的編程語言代替>完全不同。當你明白了這一事實后,你可能會想要看看下面這些指導文章:
了解基礎(chǔ)
現(xiàn)在來點輕松的。Yahoo的一些大好人為世人上傳了很多普及性的視頻教程。這真的是件大好事,因為我們對JavaScript的學習簡單到了只需要花幾個小時看這些聰明的伙計們講話。
激動人心的 JavaScript三部曲
特別收錄
自食其力地進階
一旦你已完成上面的學習,試著利用Google找尋您想知道的問題的答案,直到您能用原始的JavaScript代碼編寫出幾個有趣的跨瀏覽器Ajax應用。沒什么不可能的,用不了多久你就可以拋開Google自己動手了。我認為靠你自己的力量做點這些可以幫助你理解一個框架是如何實現(xiàn)應用的,以及這些豐富的應用背后的過程。
你可能也會覺得 JavaScript的知識鴻溝 是篇有意思的文章。
通過實例進行學習
如果你真的很想成為一個好的JavaScript代碼編寫者,最好的方式就是閱讀已洞悉個中奧妙的人編寫的代碼。也就是說,你可能需要 瀏覽MooTools的源碼 獲得一些啟迪。你不僅可以吸收很多好點子,通過這一過程,你還能更深層次的理解這一框架。
進階到更高水平
現(xiàn)在是時候下載Mootools啦!如果你確實完成了我上面列舉的大部分內(nèi)容的學習,我們歡迎你到論壇上提問,在IRC聊天室里潛水,為Mootools社區(qū)做出您的貢獻。 試試下載完整的,未經(jīng)壓縮的源碼并將其應用于你的開發(fā)工作??纯串斈銓ζ渥龀鲂薷臅r都會發(fā)生什么事。試著找出一些bug,提出相應的解決辦法。做幾個插件。但是請保證在為你的插件命名時讓其看起來和Moo有關(guān)。
相關(guān)文章
淺析javascript的間隔調(diào)用和延時調(diào)用
文章主要通過小實例談?wù)刯avascript的間隔調(diào)用和延時調(diào)用,非常的簡單實用,有需要的小伙伴可以參考下2014-11-11基于JavaScript實現(xiàn)繼承機制之調(diào)用call()與apply()的方法詳解
本文將介紹兩種很類似于對象冒充的繼承方式,即使用call()和apply()方法2013-05-05JavaScript DOM 學習第三章 內(nèi)容表格
在這一章我會解釋我的網(wǎng)站上的所有頁面都在運行的內(nèi)容表格的代碼。他會生產(chǎn)這個頁面的所有h3和h4的列表,然后給他們添加一個鏈接。2010-02-02JavaScript實現(xiàn)關(guān)鍵字高亮功能
關(guān)鍵詞高亮技術(shù)各大CMS基本上都有,但基本都是后端代碼來實現(xiàn)的,今天我們探討下如何使用javascript來實現(xiàn)代碼高亮技術(shù)。2014-11-11