学习jQuery的免费资源：电子书、视频、教程和博客

最新推荐文章于 2021-08-06 10:56:12 发布

weixin_30800807

最新推荐文章于 2021-08-06 10:56:12 发布

阅读量83

点赞数

文章标签： javascript ui 设计模式 ViewUI

原文链接：http://www.cnblogs.com/wicub/p/3493644.html

版权

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