DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> JavaScript基礎知識 >> 不懂JavaScript應該怎樣學
不懂JavaScript應該怎樣學
編輯:JavaScript基礎知識     

[譯注: 可能你會說不翻譯裡面推薦的參考資料一切都是枉然,但是重要的是文章作者提供的學習思路。具體的參考內容你可以去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. <!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有關。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved