學習jQuery的免費資源：電子書、視頻、教程和博客

時間 2019-11-26

原文原文鏈接

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

到目前爲止教學資源不管從質量仍是獲取途徑上都得到了進步。換句話說，如今就是學習web開發的最佳時機。本文將爲你們提供一系列的資源。我多但願我學習jQuery的時候也有這些資源啊，可是已經晚了。因此要推薦給初學者。html

先認識jQuery家族

jQuery是一個庫，他可以簡化DOM操做，事件監聽，動畫實現，AJAX請求等等。但或許你還不知道jQuery項目還支持其餘三個以jQuery命名的庫：前端

1. jQuery庫這就是人們常提及的jQuery。也是本文提到的資源針對的內容。另外兩個庫構建於這個庫之上，但針對特定的應用場景進行了擴展。截止本文發佈之時，主要有兩個版本：1.9.1和2.0。其中2.0去掉了對舊版本瀏覽器的支持，例如IE6,7,8。因此爲了兼容性強烈建議你們採用1.9.1版本。java

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

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

3. jQuery UI 是一系列的工具集，包含日期選擇器、對話框、進度條、特效以及其餘一些針對web交互的應用。我感受這一塊jQuery UI正在失去優點，由於開發人員更傾向於更加現代化的框架。針對這一塊建議你們學習Twitter Bootstrap。github

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

第一步：

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

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

嚐到甜頭後，你能夠閱讀下一張列出的書籍。編程

免費電子書：

教程和博客通常針對特定的技巧，若是你徹底是新手可能對你沒什麼用。這就是書籍的好處 – 給你提供全面的系統的技術視角，並附帶例子和細節。

說實話若是你不懂JavaScript，就別想學好jQuery，下面就爲你們推薦一些書籍：

《Eloquent JavaScript》這本書不但教你JavaScript，也會教你一些編程的基礎。對那些在編程方面沒經驗的學習者來講這是很好的材料。
《Mozilla Developer Network’s JavaScript Guide》是另外一本介紹JavaScript語言的書。
《JavaScript Enlightenment》包含一些高級特性講解，好比閉包，原型，復值以及繼承等。這本書但願以簡單和易於理解的方式來闡述這門語言。
《Dom Enlightenment》做者就是上一本書的做者。這本書深刻講解JS和DOM的關係。其中的例子爲你展現jQuery的幕後機制。
《Single Page Web Apps in Depth》教你如何把應用作得跟桌面應用同樣。你會學習如何在JS中實現集合，模型和視圖，並與後臺同步，以及如何編寫易於維護的代碼。
《Learning JavaScript Design Patterns》講述如何在JavaScript應用中使用著名的設計模式。
《Patterns for Large-Scale JavaScript Applications》專一於組織大型代碼庫。適合有經驗的JS開發人員。

下面是一些免費的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 in 30 minutes 有點老了，但適合初學者。
jQuery proven performance tips and tricks 優化jQuery代碼的建議。
jQuery Anti-Patterns 介紹如何組織代碼並遠離「反-模式」，由於它會讓你的代碼在長遠看來沒法維護。
Using objects to organize your code 另外一個介紹代碼維護的演示。
jQuery: It’s a library, not a framework 提醒你儘管jQuery給你提供強大力量，但並不能讓你的代碼組織良好。
Things you might not know about jQuery 雖然是針對jQuery 1.4 的，但仍適用最新版。

教程和博客

固然了，教程也有它存在的價值，好比你已經掌握了基礎以後。下面就爲你們提供一些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博客。你能夠在這找到不少最新的插件，並常常保持更新。