[jQuery]20++ jQuery Introduction Tutorials and Resources for Beginners

Introduction

jQuery is an amazing Javascript library that makes it easy to create wonderful and astonishing web effect in just a few lines of code. I used to hate javascript a lot because of its long syntax and they are hard to remember. And then I discovered jQuery last year and it got my attention because of its simplicity. It changes the way we code javascript and makes everything so simple to achieve. For example, those fading, sliding animation, one would spent hours to write a function for that, but with jQuery, you just have to call the method! It saves times, cross browsers support, and its robustness simply blow me away.

I have tasted the sweetness of jQuery, so I started this webblog so that I would be able to share what I have been learnt about jQuery.

• New to jQuery? Don’t be Scurred…
  
  I have been getting familiar with jQuery recently and the more I get into it, the more I’m impressed with it. When I first heard about jQuery I was definitely intimidated by it since I had no previous background with javascript, but I soon realized once you get the basics down its not very hard to pull of some neat effects.
• jQuery for Absolute Beginners Video Series
  
  So everywhere you look, you see “jQuery this” and “jQuery that”. For the last year or so, this library has been the darling of the Javascript world. But do you feel that you just can’t seem to learn the dang thing? Do you hate how the existing tutorials assume that you know WAY more than you actually do? If this rings true for you, I can help.
• jQuery in 15 minutes
  
  This is a jQuery Tutorial Slideshow with brief introduction. It presents the most commonly used features of jQuery for javascript developers who have never used it before.
• Tutorial: Live Examples of jQuery
  
  An interactive demonstration of the basics behind jQuery from Offical jQuery website.
• How jQuery Works
  
  basic introduction to jQuery and the concepts that you need to know to use it from Offical jQuery Website.
• jQuery From Scratch: A Beginner's Guide
  
  So what exactly is jQuery? jQuery is a concise JavaScript library. The developers state that jQuery aims to change the way we write JavaScript. I like to think of jQuery as a tool that allows us to simplify JavaScript code. This “Getting Started Guide” is intended as a quick introduction to jQuery - mainly for website designers.
• Simple Guide: How To Get Started With jQuery
  
  How can it make my life easier as a developer? How do I get started? Well, jQuery makes writing Javascript fun again and really allows you to take advantage of some of the more difficult aspects of Javascript with relative ease. Today, we will have a look at how to get started with jQuery, and writing your first script!
• jQuery for Beginners: Selectors, Hierarchies and Attributes, Oh My!
  
  This is the first part of a series of jQuery tutorials for designers and web developers.
• jQUery Tutorial for Designers
  
  This article contains 10 visual tutorials intended for web designers and newbies on how to apply Javascript effects with jQuery. In case you don’t know about jQuery, it is a "write less, do more" Javascript library. It has many Ajax and Javascript features that allow you to enhance user experience and semantic coding. Since these tutorials are focused on jQuery, I’m not going to get into the details of the CSS.

More resources

If you wish to discover more about jQuery, please check the following website, they have tutorials and articles about jQuery oftenly.

• Official jQuery Blog
• Learning jQuery
• jQuery for Designer
• Soh Tanaka Blog
• Nettuts
• Tutsvalley
• Build Internet
• David Walsh
• Marcofolio
• jQUery How-to
• Queness! :)

Tutorials from Queness

I started learning jQuery since I started this blog. It has been almost 9 months and it was really a great fun playing around with jQuery to make a website more attractive. I have written over 30 comprehensive jQuery tutorials. All of them are well explained and I hope they will able to help you.

• Create a Vertical Sliding Bar Thumbnail Effect with jQuery
• Easy to Style jQuery Drop Down Menu Tutorial
• jQuery Drop Down Menu for RSS Subscription Tutorial
• Create a Simple Infinite Carousel with jQuery
• Create a Thumbnail with Fading Caption Using jQuery
• Create a Good Looking Floating Menu with jQuery Easing
• A Simple and Beautiful jQuery Accordion Tutorial
• Clean and Attractive jQuery Vertical Menu Tutorial
• jQuery Flipping Menu Tutorial using backgroundPosition Plugin
• jQuery Moving Tab and Sliding Content Tutorial
• Create a Stunning Sliding Door Effect with jQuery
• jQuery Thumbnail with Zooming Image and Fading Caption Tutorial
• jQuery Horizontal Tooltips Menu Tutorials
• Simple Lava Lamp Menu Tutorial with jQuery
• Create a Thumbnail Gallery with Slick Heading and Caption Effect with jQuery
• jQuery Image Gallery/News Slider with Caption Tutorial
• Create an Attractive jQuery Menu with Fadein and Fadeout Effect
• Create a Vertical, Horizontal and Diagonal Sliding Content Website with jQuery
• A Simple AJAX Driven Website with jQuery + PHP
• Create a Digg-style post sharing tool with jQuery
• jQuery Dock Menu Tutorial Revisit - Dock at Bottom
• jQuery Sliding Tab Menu for Sidebar Tutorial
• Horizontal Scroll Menu with jQuery Tutorial
• Dock Content Tutorial with jQuery and jQuery Easing Plugin
• jQuery Tips and Tricks II
• Create a Ajax based Form Submission with jQuery
• Simple JQuery Image Slide Show with Semi-Transparent Caption
• Useful and Handy jQuery Tips and Tricks
• A Really Simple jQuery Plugin Tutorial
• jQuery Tabbed Interface / Tabbed Structure Menu Tutorial
• Create a Simple CSS + Javascript Tooltip with jQuery
• Simple jQuery Modal Window Tutorial
• Navigation List menu + jQuery Animate Effect Tutorial