學習jQuery的免費資源：電子書、視訊、教程和部落格

jobbole發表於2013-12-18
jQuery

　　jQuery毫無疑問是目前最流行的JavasScript庫。排名最前的網站中70%使用了jQuery，並且jQuery也成為了Web開發的標準。如果你想找Web開發方面的工作，瞭解jQuery會大大的給你加分。

　　到目前為止教學資源無論從質量還是獲取途徑上都獲得了進步。換句話說，現在就是學習web開發的最佳時機。本文將為大家提供一系列的資源。我多希望我學習jQuery的時候也有這些資源啊，但是已經晚了。所以要推薦給初學者。

　先認識jQuery家族

　　jQuery是一個庫，他能夠簡化DOM操作，事件監聽，動畫實現，AJAX請求等等。但或許你還不知道jQuery專案還支援其他三個以jQuery命名的庫：

　　1. jQuery庫 這就是人們常說起的jQuery。也是本文提到的資源針對的內容。另外兩個庫構建於這個庫之上，但針對特定的應用場景進行了擴充套件。截止本文釋出之時，主要有兩個版本：1.9.1和2.0。 其中2.0去掉了對舊版本瀏覽器的支援，例如IE6,7,8。所以為了相容性強烈建議大家採用1.9.1版本。

　　2. jQuery Mobile 是一個採用HTML5針對移動web應用開發的輕量級框架。它提供工具條，按鈕，列表檢視等控制元件來支援ajax-驅動和觸控操作。

　　在您掌握了jQuery基礎後建議你學習本框架。這裡也提供一個初級教程。

　　3. jQuery UI 是一系列的工具集，包含日期選擇器、對話方塊、進度條、特效以及其他一些針對web互動的應用。我感覺這一塊jQuery UI正在失去優勢，因為開發人員更傾向於更加現代化的框架。針對這一塊建議大家學習Twitter Bootstrap。

　　現在你應該對jQuery家族有了初步瞭解，接下來從哪兒開始呢？

　第一步：

　　近年來針對web開發人員的免費資源在質量上和數量上都顯著上升。下面是一些入門資源：

  • JavaScript 101 很好的介紹了JavaScript。如果你對於JavaScript還不是很熟，你可以從這篇文章開始。然後你可以繼續學習一些稍後會介紹的JS書籍。
  • The jQuery Getting Started Guide 對初學者來說是很好的入門教程。它講解了如何在頁面中引入jQuery,以及如何開始寫程式碼。
  • Try jQuery 提供很好的互動性視訊教程，同時也提供一些程式設計的題目。（補充：這個系列的視訊，已有熱心的網友漢化了全部視訊，連結是：http://blog.jobbole.com/37699/ ）

TryjQuery

　　嚐到甜頭後，你可以閱讀下一張列出的書籍。

　免費電子書：

　　教程和部落格一般針對特定的技巧，如果你完全是新手可能對你沒什麼用。這就是書籍的好處 – 給你提供全面的系統的技術視角，並附帶例子和細節。

　　說實話如果你不懂JavaScript，就別想學好jQuery，下面就為大家推薦一些書籍：

　　下面是一些免費的jQuery書籍：

  • jQuery Fundamentals 是jQuery初學者的必讀書。它深入講解了所有jQuery的主要特性。並提供易於理解的例子讓你直接在瀏覽器裡執行。
  • jQuery Succinctly 為中高階開發闡釋了jQuery開發需要了解的概念。學習了上面的jQuery基礎後，這本書是很好的進階資料。
  • jQuery本身也提供了很好的API文件，完整的示例程式碼。這也相當於一本優秀的學習書籍。

　課程和培訓

　　課程一般來說也會盡量解釋一些新概念。課程可能包含一些專業剪輯的視訊、練習以及示例程式碼。下面是一些的免費資源：

  • Try jQuery，上文已經提到過了。為了完整性這裡再重複一次。這個課程包含視訊、示例程式碼和練習。
  • Lessons by appendTo() 免費視訊課程，囊括了JavaScript、 jQuery、事件、方法和選擇器。
  • Learn jQuery是官方的學習門戶。這裡你可以找到適合初學者的教程和文章。
  • JavaScript interactive 基於控制檯的速成課，需要在瀏覽器編寫程式碼並通過測試。
  • Learn jQuery in 30 Days 是tutsplus提供的郵件課程。你訂閱後會在30天內每天收到視訊教程。
  • Learning Advanced JavaScript 是jQuery的創立者John Resig提供的一系列技巧和建議。

　視訊

　　對於懶人來說視訊是學習新語言的好方式。你就舒服的坐在沙發上，老師把web開發的知識一勺一勺的喂到你嘴邊，何樂而不為呢？

　　下面是一些你可以立即觀看的免費jQuery視訊：

  • jQuery for absolute beginners 由Nettuts提供，雖然有點過時了，但你還是能從中學到一些jQuery的基礎。
  • Learning jQuery 是一個龐大的YouTube視訊目錄，涵蓋範圍很廣，包括ready事件以及非同步提交表單等。
  • Ontwik’s jQuery Videos 包含一些列在世界範圍內釋出的高質量的視訊和講座。
  • JSConf 包含一些流行的JavaScript會議的視訊。
  • Fronteers videos 是一系列的Fronteers前端開發會議視訊。一部分視訊是說的德語，但也有大量的英語講座。

　演講稿

　　演講稿類似於視訊，但更簡潔，也沒有演講者擋住視線。下面就是一些非常受歡迎的jQuery演示：

　教程和部落格

　　當然了，教程也有它存在的價值，比如你已經掌握了基礎之後。下面就為大家提供一些jQuery教程的資源。

  • Our own tutorial collection 涵蓋很多jQuery精華。我們用jQuery庫完成各種有意思的事情並展示高階技術。（所有的PSD檔案都可以在使用者區下載）
  • Nettuts 擁有大量的jQuery教程。
  • jQuery Howto 是歷史最悠久的jQuery部落格之一。差不多覆蓋了jQuery的方方面面。
  • jQuery For Designers 曾經是非常受歡迎的教程網，但好幾年沒更新了。但上面的一些指令碼至今還很有用處。（可能需要針對1.9版本修復）
  • Badass JS 一個代表JavaScript世界的超酷展現。儘管不是教程，但它的部落格經常發表深入技術細節的文章。
  • DailyJS 另一個JavaScript/jQuery部落格。你可以在這找到很多最新的外掛，並經常保持更新。

　綜合

　　下面這些資源不能歸到上面任何一類，但我認為值得一看：

  • 在stackoverflow通過vote數量來篩選jQuery的問題你就能發現一些有意思的話題，這也能幫助你進步。自己看吧
  • JavaScript Garden 提供豐富的文件，介紹JavaScript最怪異的方面
  • jQAPI 另一個jQuery的文件瀏覽頁面。它的介面我感覺比官方的更好看。
  • jQuery Cheatsheet 提供完整的jQuery API介紹，組織良好。可以很好的加入書籤。
  • jQuery Deconstructed 提供完整的原始碼和一些圖形化的分析試驗。遺憾的是沒有針對最新的jQuery更新。
  • JavaScript weekly 每週郵件。每週五將收到有趣的JavaScript連結。
  • Unheap 提供jQuery外掛，整潔又漂亮。所有東西都被優雅的分類並提供Demo和預覽連結。
  • jQuery Plugins 是官方的外掛網站。你可以按分類找到很多外掛。
  • Microjs 集合了很多的小型JavaScript庫（不包含jQuery 外掛），都有特色並輕量。只包含一些小檔案。
  • JSDB 另一個有用的JS庫和外掛，但在檔案大小上沒有限制。可以按照關注程度排序以節省時間。
  • CDNJS 是一個龐大的CDN，上面維護了很多的庫。你可以從他們的伺服器上引用jQuery和外掛，這樣可以為你的網站加速並節省流量。

　祝學習愉快！

　　你還知道一些沒有列出的資源？那就在評論裡分享給大家吧。

　　原文連結： Martin Angelov   翻譯： 伯樂線上 - 梧桐

相關文章