jQuery Learning sites- Top Ten

Advertise on Top Site List Planet

 Want to learn jQuery?

Learning jQuery does not have to be difficult as long as you amass the right tools to explain the process in a way that makes it easy for you to understand. Below are ten sites related to teaching jQuery. The reason for ten is because we all learn different ways so one might work better for you than another. Additionally, if you go through each of them you might pick up something from each making for a full-rounded experience. They are listed in the order of their Alexa traffic rating which indicates how popular each is with the public at large. Most are free online lessons and tools which might be the way to start out and then get into a premium, paid course for refinement of your skills later.



1. W3schools.com: http://www.w3schools.com/jquery/ 

Global Alexa Rating: 160


This site is not only a nice place to learn jQuery by going through their various tutorials but it also has an online editor so you can test out some code. There are examples in each chapter and you can play around with editing the code given to see exactly what happens. This is a great tool for learning just what each part of a code does and incorporating it into future projects. The site is organized into categories: Tutorial, Effects, HTML, Traversing, AJAX, Misc, Examples and References. They also have other tutorials that might be of interest such as PHP, SQL and more. Check out the references and the forum for more help. Students should already have basic knowledge of HTML, CSS and JavaScript but they have tutorials on them as well.



2. CodeSchool Try jQuery: http://try.jquery.com/

Global Alexa Rating: 577


TryjQuery was created by Code School. It has 14 videos, 71 code challenges and 6 badges all designed to teach the basic building blocks of jQuery. It is currently using jQuery 1.9.1. They also have a JavaScript course for those that need it. It will take about 2 hours to go through the full course so it is a great place to get started to get the basics down. If you sign in with your Code School account your progress can be saved and you can earn badges. A Code School account is free as is this course and the first part of the JavaScript course 3-part series. A monthly enrollment fee is required for other courses.



Tuts+: https://tutsplus.com/course/30-days-to-learn-jquery/

Global Alexa Rating: 630

This course is designed to make you a jQuery pro in 30 days with just 15 to 30 minutes a day committed to the task. That’s not to say that students can’t go along quicker and even do all 9 to 10 hours at one sitting. All the lessons are shown both in video form and written out so a student can grasp the content in whichever format they prefer. Most students will benefit from both since the video offers a visual example of what is being learned. The course is laid out with the following categories: Introduction, Basics, Effects, Utilities, Custom Events, AJAX, Plugin Development and Exit.  The course is taught by Jeffrey Way, a web developer.



4. Team Treehouse: http://teamtreehouse.com/library/build-an-interactive-website

Global Alexa Rating: 3,523


This site is a project that walks students through the basics of jQuery and JavaScript and add interactivity to the Smells Like Bakin’ website. The instructor is Andrew Chakley. It begins with 8 components of the Introduction to jQuery section – 4 videos, 1 quiz and 3 code challenges. The next step is Form Validation and Manipulation with 4 videos and 4 code challenges. This is followed by jQuery Plugins which is 5 videos and 4 code challenges. Google Maps Integration is next with 4 videos, 1 quiz and 5 code challenges. The final step is Customizing Google Maps which includes 3 videos and 3 code challenges. Those that are working towards points as a Treehouse member will earn 450 points for this course. There is a quick 40-second trailer students can watch to get an idea of how the course works. Anyone can watch this course but you need to sign up for Treehouse to download the course videos.



5. jQuery4u: http://www.jquery4u.com/   

Global Alexa Rating: 6,681


This site is all about jQuery and goes into some things that others do not. The Learn tab includes popular articles, video tutorials and jQuery function demos. People can also contribute – submit a plugin, submit a video tutorial or become an author for the site. The Demos tab includes both showcase demos and function demos. There are lots of plugins to be found on the site as well as plenty of other resources. The mobile tab has development tips, exciting mobile websites, iPhone style plugins, Android style plugins, themes, cheat sheets and more. Check out the resources tab for the top javascript books for beginners and ten top free ebooks. Users can also subscribe to get updates emailed to them.



6. jQuery for Designers: http://jqueryfordesigners.com/

Global Alexa Rating: 37,752


This site is set up with a number of tutorials which can be quickly located through a search or filtered by Easy, Medium and Hard. This makes this website an essential tool for those wanting to know a specific task such as fixed floating elements, event delegation, using Ajax to validate forms or image cross fade transition. Probably not the most helpful for the beginner but will become quite a favorite down the road. Each lesson includes a tutorial, demo and view code as well as comments by past students. If you don’t see what you are looking for you can select “Request a tutorial” at the bottom to let them know what you would like to see in the future.



7. jQuery Fundamentals: http://jqfundamentals.com/

Global Alexa Rating: 140,950


This site is designed to help students work through common problems that can be solved using jQuery. Students are encouraged to read the content and try the various interactive examples given. Many of the pages include a built-in editor where students can try out code. The site is categorized as follows: JavaScript Basics, jQuery Basics, Traversing & Manipulating, Events & Event Delegation, Effects and AJAZ & Deferreds. There are also additional resources given for each section including cheat sheets and documentation. There is only one video so it might not be ideal for students that like to learn that way. There are plenty of screen shots though.



8. jQuery Howto Blog: http://jquery-howto.blogspot.com/

Global Alexa Rating: 231,713


This is a blog with articles going back to 2008 discussing various things to do with jQuery. Though this is not a course per se it can be a great tool. Various keywords are listed along the right side so one can get to blogs they desire whether that is beginner, DOM, CSS, firebug or more. There are tutorials sprinkled through the site. This site currently has over 18,000 twitter followers, over 9,000 Facebook fans and over 4,000 RSS subscribers. They don’t add blogs all that often – just 22 in 2013 for example so once someone has read all the blogs present they can just check back every couple months for new content or follow on google+ Though not the place to learn jQuery from beginning to end, it can be a great resource just the same.



9. AppendTo: http://learn.appendto.com/

Global Alexa Rating: 258,791


This site was founded based on the growing need for quality jQuery training and support. They have various course videos ranging from 23 minutes to 43 minutes in duration. The eight classes currently offered are Javascript 101, Javascript 102, Selectors 101, Javascript 103, jQuery Methods 101, DOM Manipulation 101, jQuery Methods 102 and jQuery events 101. Each course has multiple videos with exercises at the end of each course. The exercises have a solution walk-through video. There is a handy course map so students can work their way through the courses in the most advantageous manner. The courses are entirely free with no signup required. Students can sign up for content alerts though. Very easy to navigate on this site.



10. 15 Days Of jQuery: http://15daysofjquery.com/

Global Alexa Rating: 512,982


This site is full of individual tutorials with some set up as a 15 day plan of action. The site could stand to be a bit more organized but students can easily use the search feature to locate a specific topic of interest. Best way to utilize the site is to go through the 15 days and then wander around the tutorials from the main page. A nice feature is that students can make comments on the lessons and those comments can often be quite helpful themselves. This site will probably serve more as a tool than a way to initially learn jQuery.

The best way to learn is to get building something so any of these sites can help a student get over that first few moments of intrepedation and pull up their sleeves and get to it. jQuery is rising in popularity so it is an important tool to add to your knowledge base. Use a couple of these sites or use them all – since most will only take a few hours of your time keep going until you feel you have it down.


Post navigation

Sign up to be notified of new articles on the Top Site List Blog