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

jopen 10年前發布 | 52K 次閱讀 jQuery Ajax框架

        英文原文:The Best Free Books, Videos, Tutorials and More for Learning jQuery

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

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

學習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 正在失去優勢,因為開發人員更傾向于更加現代化的框架。針對這一塊建議大家學習 推ter Bootstrap

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

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

        第一步:

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

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

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

        嘗到甜頭后,你可以閱讀下一張列出的書籍。

        免費電子書:

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

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

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

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

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

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

        課程和培訓

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

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

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

        視頻

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

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

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

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

        演講稿

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

學習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 和插件,這樣可以為你的網站加速并節省流量。

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

        祝學習愉快!

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

        翻譯: 伯樂在線 - 梧桐

        譯文鏈接: http://blog.jobbole.com/53544/

 本文由用戶 jopen 自行上傳分享,僅供網友學習交流。所有權歸原作者,若您的權利被侵害,請聯系管理員。
 轉載本站原創文章,請注明出處,并保留原始鏈接、圖片水印。
 本站是一個以用戶分享為主的開源技術平臺,歡迎各類分享!