JavaScript >> Javascript 文檔 >  >> jQuery

用於學習 jQuery 的最佳免費書籍、視頻、教程等

jQuery 無疑是當今網絡上最流行的 JavaScript 庫。它被 70% 的頂級網站使用,並且正在成為 Web 開發中的事實標準。如果你正在尋找一份編程工作,了解這個庫是一大優勢。

在教材的質量和可用性方面,事情也取得了進展。換句話說,現在是學習 Web 開發的最佳時機!在本文中,您將找到一個資源列表,我希望在我開始使用 jQuery 時就在身邊,我會向每個初學者推薦這些資源。

首先,認識一下 jQuery 家族

jQuery 是一個庫,可以輕鬆使用 DOM、監聽事件、動畫元素和發出 AJAX 請求等。但是,您知道 jQuery 項目實際上支持三個名稱為 jQuery 的庫嗎?它們是:

  1. jQuery 庫。這是人們在說 jQuery 時通常提到的庫。這也是本文中資源的內容。其他兩個庫建立在它之上,並考慮了特定的用例。在撰寫本文時,jQuery 有兩個版本:1.9.1 和 2.0。 2.0 版不再支持 IE 6、7 和 8 等舊版瀏覽器,因此我強烈建議您下載並使用適用於任何地方的 1.9.1 版。
  2. jQuery Mobile 是一個輕量級框架,用於使用 HTML5 構建移動 Web 應用程序。它允許您使用工具欄、按鈕、列表視圖等構建 ajax 驅動和触摸友好的界面,這些界面將在移動設備上保持一致的外觀和工作。這是一個庫,我建議您在了解 jQuery 的基礎知識後學習它,因為它建立在它之上。這是我們的教程之一,可幫助您入門。
  3. jQuery 用戶界面。這是一個小部件的集合,如日期選擇器、對話框、進度條、效果等,旨在用於交互式 Web 應用程序。我覺得隨著開發人員湧向更現代的框架,這個庫正在失去人們的注意力,這就是為什麼我建議改為學習 Twitter Bootstrap。

那麼既然您對 jQuery 家族有了更多的了解,那麼您從哪裡開始呢?

第一步

近年來,可供 Web 開發人員使用的免費資源的數量和質量顯著增加。對於 jQuery 來說尤其如此。這是你應該開始的:

  • JavaScript 101 是 jQuery 網站上一篇很好的 JavaScript 介紹性文章。如果您不熟悉該語言,則應該從這裡開始。然後,您可以繼續閱讀下一章中包含的一些免費 JS 書籍。
  • jQuery 入門指南對於初學者來說是一個很好的第一步。它解釋了一些基礎知識,例如您應該如何在頁面中包含 jQuery,以及如何編寫您的第一個腳本。
  • Try jQuery 是一門非常棒的互動課程,包含視頻和代碼挑戰,您可以免費參加。

胃口大開後,可以看下一章的一些書。

免費電子書

教程和博客文章非常適合學習特定技術,但如果您對某事完全陌生,它們並沒有多大用處。這是書籍最擅長的 - 它們為您提供了技術的完整和系統的概述,包括示例和大量細節。

Franky 如果不先了解 JavaScript,你就無法學習 jQuery,所以這裡有幾本書可以幫助你入門:

  • Eloquent JavaScript 這本書不僅教你 JavaScript,還教你編程的基礎知識。對於那些沒有太多編寫代碼經驗的人來說,這是一本很好的讀物。
  • Mozilla 開發者網絡的 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 Fundamentals 書之後的完美下一步。
  • jQuery 有一個非常好的 API 文檔,充滿了示例代碼,這本身就是一本書。

[嘿,查看我們全新的 jQuery Trickshots 書籍,您可以在其中學習 100 個使用 jQuery 的史詩般的技巧和竅門!]

課程和培訓

課程還有助於解釋新概念。它們可能包括帶有練習和示例代碼的專業編輯視頻。以下是一些免費提供的最好的:

  • 試試 jQuery。我已經提到過它,但為了完整起見,它再次包含在此處。本課程包括視頻、示例代碼和練習。
  • appendTo() 的課程包含有關 JavaScript、jQuery、事件、方法和選擇器的免費視頻課程。
  • Learn jQuery 是該庫的官方學習門戶。在這裡您可以找到適合初學者的教程和文章。
  • JavaScript 交互是一個基於控制台的速成課程,涉及在瀏覽器中編寫代碼和傳遞挑戰。
  • Learn jQuery in 30 Days 是 tutsplus 提供的免費時事通訊課程。訂閱後,您將在 30 天內每天通過電子郵件收到視頻課程。
  • Learning Advanced JavaScript 是 jQuery 的創建者 John Resig 的一系列技巧。

視頻

視頻是學習新編程主題的好方法。當您舒適地坐在沙發上時,主持人會為您提供美味的 Web 開發知識。有什麼不喜歡的!

以下是一些您現在可以免費觀看的最佳 jQuery 視頻:

  • Nettuts 為絕對初學者提供的 jQuery 已經相當老了,但您仍然可以學習該庫的一些基礎知識
  • Learning jQuery 是一個巨大的 YouTube 播放列表,其中包含一系列截屏視頻,涵蓋從就緒事件到使用 ajax 提交表單的所有內容。
  • Ontwik 的 jQuery 視頻是一個不斷增長的高質量視頻和講座合集,內容涉及世界各地會議上的許多主題(目前似乎已關閉)。
  • JSConf 託管了來自流行 JavaScript 會議的一系列視頻。
  • Fronteers 視頻這是 Fronteers 前端會議的視頻合集。他們的一些視頻是荷蘭語的,但也有很多有趣的英語講座。

演示文稿

演示文稿就像視頻,但更簡潔,沒有人擋路。以下是一些最流行的 jQuery 演示文稿:

  • 30 分鐘 jQuery 有點老,但對初學者來說仍然很有趣。
  • 經過 jQuery 驗證的性能提示和技巧是優化 jQuery 代碼的大量提示。
  • jQuery Anti-Patterns 是一個演示文稿,它解釋瞭如何正確組織您的代碼並遠離反模式,這些反模式會使您的應用程序從長遠來看無法維護。
  • 使用對象來組織代碼是另一個側重於代碼可維護性的演示。
  • jQuery:它是一個庫,而不是一個框架
  • 你可能不知道的關於 jQuery 的事情是為 jQuery 1.4 編寫的,但也適用於該庫的最新版本。

教程和博客

當然,教程有它們的位置,一旦你掌握了基礎知識,它就是一個不錯的選擇。以下是查找 jQuery 教程的最佳位置:

  • 我們自己的教程集涵蓋了許多 jQuery 優點。我們用圖書館做各種有趣的事情並展示先進的技術。 (我們所有的 PSD 都可以從我們的免費加入會員區下載)。
  • Nettuts 擁有大量的 jQuery 教程。他們幾乎已經因為他們的新東西而離開了 jQuery,這是不幸的。
  • jQuery Howto 是最古老的 jQuery 博客之一。他們幾乎涵蓋了圖書館的所有內容。
  • jQuery For Designers 曾經是一個非常流行的教程網站,很遺憾它已經有幾年沒有更新了。無論如何,即使在今天,那裡的腳本也很有用(偶爾會修復 jQuery 1.9)。
  • Badass JS 是一個展示 JavaScript 世界中令人敬畏的發展的博客。雖然不是教程網站,但那裡的帖子通常會引出深入的技術文章和有趣的庫。
  • DailyJS 是另一個 JavaScript/jQuery 博客。您可以在這裡找到很多新插件,並且會經常更新。

雜項

以下是一些不適合任何地方的項目和網站,但我認為它們值得一看:

  • 通過投票對 stackoverflow 上的 jQuery 問題進行排序會發現許多有趣的主題,這些主題將幫助您成為更好的開發人員。自己看看。
  • JavaScript Garden 是關於 JavaScript 最古怪部分的不斷增長的文檔集合。
  • jQAPI 是另一種 jQuery 文檔瀏覽器。它有一個漂亮的界面,我認為它比官方 api 網站更容易瀏覽。
  • jQuery Cheatsheet 是整個 jQuery API 的快速且組織良好的參考。高度可收藏。
  • jQuery Deconstructed 是一個非常有趣的實驗,它直觀地分析並呈現了整個庫的源代碼。不幸的是,它還沒有針對較新版本的 jQuery 進行更新。
  • JavaScript 周刊是每週的時事通訊。每週五,您都會在電子郵件中收到有趣的 JavaScript 鏈接。
  • Unheap 是一個漂亮整潔的 jQuery 插件集合。所有內容都按類別整齊地組織,並帶有演示和預覽鏈接。
  • jQuery Plugins 是官方的 jQuery 插件網站,在這裡您可以找到許多按類別組織的插件。
  • Microjs 是功能齊全且輕量級的最小 JavaScript 庫(這裡沒有 jQuery 插件)的集合。此處僅包含文件大小較小的文件。
  • JSDB 是另一個有用的庫和插件的集合,但它不受文件大小的限制。按受歡迎程度對列表進行排序可以發現許多可以挽救生命的庫。
  • CDNJS 是一個速度非常快的 CDN,可託管大量庫。您可以從他們的服務器中包含 jQuery 和插件,這可以加快您的網站速度(並為您節省一些流量)。

學習愉快!

知道此列表中未包含的良好學習資源嗎?在評論部分分享它們!


Tutorial JavaScript 教程
  1. 全棧開發人員

  2. Javascript 截斷 HTML 文本

  3. 紗線工作區中的共享庫

  4. 用 js 在 Tinder 上公開誰喜歡你

  5. HTML5 畫布中的計算陰影

  6. 什麼是 WebRTC?

  7. 在 HTML5 中使用內聯 SVG

  1. 模板構建器網站如何保存用戶編輯,然後將其顯示給其他用戶? [關閉]

  2. 進入 TypeScript:什麼是動態類型語言?

  3. 如何使用 Vanilla JS 實現無限滾動

  4. 在 React 中創建簡單的網頁

  5. JavaScript 獲取數組的最後 n 個元素 |切片示例代碼

  6. JavaScript 總積分

  7. webpack 5 (2020) 的基本完整指南

  1. 常見的 API 錯誤以及如何避免它們

  2. 每個 Web 開發人員都應該知道的 21 個流行的 JavaScript 庫

  3. Gumby2 骨幹引導程序

  4. 使用 Nestjs 創建 CRUD Rest API