is one of a web designer's best friends. Learning how to use this powerful tool to its fullest potential can prove invaluable to our work and our clients. jQuery
helps make JS more accessible. jQuery
, and do a variety of user interface manipulations. So today we are going to look at getting started with jQuery
And know that if you ever get in over your head, you can always refer back to the official jQuery documentation
to help get your bearings and clear up anything you are having an issue getting a grip on.
Getting Started With jQuery: The Tutorials
jQuery for Absolute Beginners
is a wonderful series of 15 video tutorials that teach you exactly how to use the jQuery library starting with downloading the library and eventually working up to creating an AJAX style-switcher.
jQuery for Complete Beginners
is a series of text tutorials aimed at teaching the jQuery library from scratch. This is a currently ongoing series with 4 parts already complete.
Simple Guide: How to Get Started with jQuery
is a simple beginners guide that covers what jQuery is, some of the benefits of the library and takes you through writing your first simple script.
Introduction to jQuery
is one of Chris Coyier's outstanding screencasts providing a very basic introduction to including jQuery on your web page and getting started writing a few functions.
Marc Grabanski's jQuery Essentials Slideshow
is an extremely helpful, illustrated slideshow that will have you understanding the basics of jQuery in no time.
How jQuery Beginners can Test and Improve their Code
offers some tips for optimizing your code by making small changes to significantly improve its readability and/or performance .
The Official jQuery Blog
will keep you up to date on all things jQuery including details on new releases and how they improve the library.
The Learning jQuery
blog offers jQuery tips, techniques and tutorials divided up into beginner, intermediate, and advanced categories. Though not a blog that updates frequently, it's already a very large and useful resource.
jQuery for Designers
is another site that publishes jQuery tutorials in every experience level. Only this site focuses specifically on applying web interactions using jQuery.
is an interactive jQuery cheat sheet that provides a variety of sorting options with an in depth description for each element, many with examples.
is a blog with a collection of code snippets, tutorials, tips, and performance observations. This is another blog that doesn't update often but has a vast backlog and quality content.
The jQuery Quick API Reference
is a color coded and searchable jQuery cheat sheet that links directly to the official jQuery documentation for each element.
jQuery Tools : The Missing UI Library for the Web
is a collection of the most important user-interface components for modern websites.
is an open source library of interface components built according to jQuery's event-driven architecture (find something, manipulate it) and is themeable, making it easy for developers of any skill level to integrate and extend into their own code.
is a collection of just that, pretty much any kind of jQuery plugin you could hope to find. Complete with a forum for on the spot help when you need it.
jQuery: Novice to Ninja
is an easy to follow guide that will teach you to master all of the major tricks and techniques that jQuery offers. And while their claims that you can learn it all within hours may seem a bit ambitious, it's still a great read for beginners.
is a creative commons (ie free) online book that features an in depth lesson on jQuery as well as an extensive collection of examples.
jQuery in Action
is a highly lauded book where you will learn how to traverse HTML documents, handle events, perform animations, and add Ajax to your web pages. This comprehensive guide also teaches you how jQuery interacts with other tools and frameworks and how to build jQuery plugins.
is for web designers who want to create interactive elements for their designs, and for developers who want to create the best user interface for their web applications.
is a free ebook on design patterns which are reusable solutions to commonly occurring problems in software development and are a very useful tool to have at your disposal.
That's a Wrap!
Although the jQuery Documentation is enough to learn jQuery completely. But it’s always nice to have other learning sources to see how the community is developing.
That’s a pretty comprehensive list. Although not free, I do believe that Code School has a very useful lesson for jquery beginners, especially if your more of a visual learner. http://www.codeschool.com/courses/jquery-air-first-flight
Thanks for the post,
I like it,
Holy amazing collection! I can’t wait to dig into these, awesome post.
In my opinion there reading for an entire year!
Thanks for this list. So really useful. I hope in the future usa always this jquery! I need to make a good works! Thanks for sharing. Add to bookmark
Do we need to know any programming languages to understand jQuery easily?
great collection! I like
I’ll try jQuery:-)
Mind blowing resourse. Loved it :D
Really impressive list. So many good resources. How long did it take to compile this?
Thanks a lot for sharing this very useful information with us regarding J query beginners resource.I really appreciate it.