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

标签: 工具与资源 程序员 Javascript jQuery | 发表时间:2013-12-18 01:43 | 作者:梧桐
出处:http://blog.jobbole.com

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/ )

TryjQuery

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

 

免费电子书:

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

说实话如果你不懂JavaScript,就别想学好jQuery,下面就为大家推荐一些书籍:

 

下面是一些免费的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教程的资源。

  • 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的免费资源:电子书、视频、教程和博客,首发于 博客 - 伯乐在线

相关 [学习 jquery 免费] 推荐:

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

- - 博客 - 伯乐在线
jQuery毫无疑问是目前最流行的JavasScript库. 排名最前的网站中70%使用了jQuery,并且jQuery也成为了Web开发的标准. 如果你想找Web开发方面的工作,了解jQuery会大大的给你加分. 到目前为止教学资源无论从质量还是获取途径上都获得了进步. 换句话说,现在就是学习web开发的最佳时机.

jQuery学习笔记

- - ITeye博客
什么是jQuery,它能为我们做什么. jQuery是一个javascript类库或称之为javascript框架. 无需刷新页面从服务器获取信息. 简化常见的javascript任务. 为什么会如此流行或说得到大量用户群的支持:. 多重操作集于一行(避免使用临时变量或不必要的重复代码). jQuery利用了CSS选择符的能力,在DOM中快捷而轻松地获取元素或元素集合.

免费的 jQuery UI 主题集合

- - 博客园_iTech's Blog
转自: http://www.iteye.com/news/26308. jQuery UI是jQuery用户界面组件库,提供了大量广泛使用的部件和功能,包含常用的日期选择器、滑块、手风琴效果、进度条、拖拉支持等,而且它是主题化的,可以利用ThemeRoller自定义自己的主题. 本文整理了一些高度自定义、免费并且质量高的 jQuery UI主题(如Bootstrap或Windows-Metro),希望对你有所帮助.

2013 年最好的 20 款免费 jQuery 插件

- - 开源中国社区最新新闻
互联网上面有很多 jQuery 插件,这里我们收集的是 2013 年最好的 20 款免费 jQuery 插件,这些插件对设计者和开发者都有很大的帮助,希望大家能够喜欢:). 现今互联网市场上提供很多 jQuery 插件,都给出了很显著和壮观的结果,并且都承诺能给开发者提供很大的帮助. 多年来 jQuery 的混合通用性和可扩展性让人们目睹了多种多样的编写形式.

从零开始学习 jQuery(十)jQueryUI常用功能实战

- zhai - 第三极 | 移动开发者
本系列文章将带您进入jQuery的精彩世界, 其中有很多作者具体的使用经验和解决方案,  即使你会使用jQuery也能在阅读中发现些许秘籍.. 使用jQueryUI完成制作网站的大部分常用功能.. 经过公司内部收集, 整理了一些经常使用javascript实现的功能.  实现这些功能的主角不是让人眼花缭乱的jQuery插件,  而是jQuery UI..

前端学习——选择结果为JQuery对象还是DOM对象?

- - CSDN博客Web前端推荐文章
0.前言     在学习和使用javascript过程中经常使用JQuery的选择器,但是在获取到选择结果之后经常“犯迷糊”,需要一个DOM对象时或者一个JQuery对象,这样的尴尬经常遇到. 为了让自己不再迷糊通过博文总结经验教训,希望自己在总结过程中缓慢提高.     【 前端学习——如何修改url name 使用javascript和JQuery】.

免费的晚餐--Google技术学习

- - 企业架构 - ITeye博客
作者: 江南白衣,原文出处:  http://blog.csdn.net/calvinxiu/archive/2007/01/31/1498597.aspx. 如果说Google的搜索引擎是免费的早餐,Gmail们是免费的午餐的话,.      http://labs.google.com/papers/ 就是Google给开发人员们的一份免费的晚餐.

JQuery 选择器

- - CSDN博客Web前端推荐文章
}

点击我

.    像上面这样把JavaSript代码和HTML代码混杂在一起的做法同样也非常不妥,因为它并没有将网页内容和行为分离,所以才有JQuery选择器的学习.

点击我

. //给class为demo的元素添加行为.

jquery操作xml

- - CSDN博客Web前端推荐文章
jquery真的很强大,虽然一直在用jquery,不用一直都没有深入,这几天重新学习了一下,不得不感叹她的强大,已经让我深深入迷. 这里记录一下,她是怎么快速地操作xml的.. 这里我们有一个xml文件:. jquery如何操作呢,总的思想,就是和操作dom差不多的方法. 首先我们获取这个文件的内容:(我先引入jquery库哈).

jQuery JSONP跨域

- - Web前端 - ITeye博客
基于Jquery的Ajax跨域访问. 单点登录服务器(sso服务器). 登录网页项目的时候,由于使用了单点登录,所以页面会跳转到sso服务器,进行统一登录,. 现在需要在该界面增加令牌的认证,但是SSO服务器和令牌服务器部署在不同的服务器,且暂时没有要合并的可能,所以在SSO登录的时候必须要对令牌进行验证,就必须涉及到了跨域访问的问题.