Line25

Learning jQuery – Tutorial Roundup for Beginners

Read the full post

jQuery is one of the most popular Javascript libraries, used by designers and developers to enhance a website design beyond the confines of CSS and to easily create complex Javascript effects with just a few lines of code. If you’re confident with your CSS, you’re ready to move onto the basics of jQuery to extend your skills toolbox. Here’s a roundup of the 10 best tutorials and series of articles online, that will be your very best resources for getting to grips with the awesome jQuery library.

How jQuery Works

View the article

The official jQuery website is one of the best places to get started with jQuery. In the Tutorials section, there’s a thorough index of tutorials from beginner right through to advanced level. Check out How jQuery Works for a great introduction to the library, with documentation on the basics.

View the tutorial

jQuery for Absolute Beginners Video Series

View the article

Video screencasts are a fantastic way to learn online. This video series from the ThemeForest blog covers plenty of useful jQuery knowledge, starting with a guide on how to download and implement the jQuery library on your website. Further along in the series, the videos take you through more and more advanced topics, until you reach Jedi level.

View the tutorial

jQuery Tutorials for Designers

View the article

This particular article from WebDesignerWall was especially useful when I was learning the basics of jQuery. The hands-on projects show you how to build fancy and usable visual effects that you can implement right into your next design. Learn how to create sliding panels, toggling messages and the ever popular accordion.

View the tutorial

jQuery for Designers: Easy

View the article

The website jQuery for Designers has a specific focus on jQuery tutorials, with articles conveniently split into easy, medium and hard categories. The easy category in particular is a great place to go once you’ve got the hand of the jQuery basics. Follow step by step guides on how to recreate popular effects and functionality.

View the tutorial

15 Days Of jQuery

View the article

Another series worth following is 15 Days of jQuery. Starting with a quick comparison between traditional Javascript approaches and the ‘write less, do more’ mentality of jQuery, the series then moves on to look at lightboxes, editing in place and creating accessible Javascript tabs.

View the tutorial

New to jQuery? Don’t be Scurred…

View the article

No matter how knowledgeable you are of a particular language, there’s always a bunch of little tricks that you never knew about. Soh Tanaka outlines some jQuery tips and tricks he’s picked up over the years. Keep these in mind and you’ll be set for writing clean and optimal code from the start.

View the tutorial

Beginner Level Tips, Techniques & Tutorials

View the article

Learning jQuery is another website built specifically for sharing tips, techniques and tutorials for those wanting to master the jQuery library. The beginner category contains some in-depth articles on individual functions and popular effects.

View the tutorial

jQuery Tutorial for Beginners: Nothing But the Goods

View the article

This fast paced article from Impressive Webs quickly runs through lots of nuggets of useful jQuery information, ranging from handy tips like linking to the remote jQuery source to quick overviews of basic operations and functions.

View the tutorial

Getting Started with jQuery

View the article

Six Revisions have a fantastic introductory article for jQuery that goes beyond the syntax and provides some useful overviews of what CSS and Javascript knowledge will help you become a wiser jQuery user.

View the tutorial

Introduction to jQuery

View the article

Chris Coyier has an excellent series of CSS and jQuery screencasts at CSS-Tricks. In this particular episode, Chris introduces us to the jQuery library, and writes some great examples of simple functions that you can put into practice immediately as a beginner.

View the tutorial

Free web shadows pack for every subscriber

Join the mailing list to have new content delivered straight to your email inbox. Every subscriber gets a free pack of realistic web shadows.

Written by Chris Spooner

Chris Spooner is a designer who loves experimenting with new web design techniques collating creative website designs. Check out Chris' design tutorials and articles at Blog.SpoonGraphics or follow his daily findings on Twitter.

  • http://www.creativereleasedesigns.com Kristel van den Akker

    Just what I was looking for! Thanks!!

  • nathan

    Once again. On the money. Cheers!

  • http://adorabledesigns.info Gagsy

    good one. great collection.

  • http://lrwebbdesign.wordpress.com/ Lee Webb

    Funny that, I was just looking into jQuery yesterday and I started with the first site on this list. These other links will help.

  • http://www.rachilli.co.uk Rachel

    Something I've been wanting to learn more of is jQuery and I've never known quite where to start – this is a perfect roundup, thanks very much!

  • http://www.alan-horne.com Alan

    More great stuff Chris, im still playing around and learning jQuery so this is great info for me.

  • http://www.remworks.fr Remus

    Du you have forget tutorialzine.com :) nice post thanks

  • VAiN

    This is fantastic! Thanks, Chris!

  • http://www.mojozoom.com Morten Jonassen

    Nice array of tutorials there. Thanks!

  • http://www.atomicrobotdesign.com/ Mike

    Awesome, I've been wanting to get into jQuery for a while now

  • http://www.impressivewebs.com Louis

    Chris,

    Thanks for including a couple of my articles on this list.

  • Meghan G.

    Everything in one place :-)
    Once again, Chris, you are the best!

    I've been trying mootools lately but jQuery seems to be more friendly :-)

  • http://lenatailor.designerteam.info Lena Tailor | DT

    These are very useful for those starting out with jQuery…Thanks

  • http://www.fallingsquirreldesign.com Jordan Wiedbusch

    Wow, this is great! I've been learning pure JS as of late and have wanted to start to learn how to use jQuery because it seems to be THE framework to use. This is going to eat up hours of my life.

  • Oscar Lemström

    I have seen some these already but most of the tutorials were new to me. Thanks <3 This is going to take all of my free time for next few days.

  • http://www.searchengineoptimization.co.uk Mike

    This is nice blog and bookmarked it for regular reading…i was actually came on post "How to build WP theme" and really liked that also…

    This is also nice post on jquery as it will clear many of question of sliding bars with news headlines in top of premium wp themes.

    I will to experiment with some code with these articles

  • http://roshanjoshi.com.np/ Roshan

    very useful resource on jQuery!

  • http://www.dsm-design.co.uk Craig

    Jquery has opened up so many possibilities we are using it a fair amount on our websites now to add that "extra something"

    Great article… very well written.

  • http://www.ozoneeleven.com/ natasha

    nice one…good post

  • http://www.dsdizajn.com Davor

    Nice article – a great jQuery roundup for beginners.

  • http://www.malaysiastreet.com Malaysia Web Design

    Once again.

  • http://zerocostoffers.com Free Offers

    awesome resources……thanks for sharing, i was looking for some videos

  • http://wpevolved.com WpEvolved

    Nice Roundup! I desperately need t learn some jQuery. I just haven't had much time, but summers almost here!

    I've bookmarked this post. Thanks!

  • http://twitter.com/Shaimifch Shaimifch

    Very useful Roundup, Thanks!

  • http://www.grafixmith.com Rich S.

    Great starting point for beginners. Thanks!