学习jQuery的免费资源：电子书、视频、教程和博客_最新动态_新闻资讯_程序员俱乐部

　　英文原文：The Best Free Books, Videos, Tutorials and More for Learning 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/ ）

　　尝到甜头后，你可以阅读下一张列出的书籍。

　　免费电子书：

　　教程和博客一般针对特定的技巧，如果你完全是新手可能对你没什么用。这就是书籍的好处 – 给你提供全面的系统的技术视角，并附带例子和细节。

　　说实话如果你不懂 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 博客。你可以在这找到很多最新的插件，并经常保持更新。

　　综合

　　下面这些资源不能归到上面任何一类，但我认为值得一看：

• 在 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 和插件，这样可以为你的网站加速并节省流量。

　　祝学习愉快！

　　你还知道一些没有列出的资源？那就在评论里分享给大家吧。

　　翻译： 伯乐在线 - 梧桐

　　译文链接： http://blog.jobbole.com/53544/