Each year a new batch of young web developers are jumping into the field head-first. Often times frontend web development is the easiest barrier to jumpstart learning. HTML/CSS work is quite simple, but delving into JavaScript provides a deeper realization of general programming topics. These include functions, loops, variables, along with an understanding of how JavaScript code affects elements in the DOM.
In this post you’ll find a series of 40 powerful jQuery articles, tutorials, and free plugins. Each of these resources should provide a starting point for anyone interested to learn frontend scripting. It’s a long road with many hurdles, but well worth the effort. Take a look through some of these links and jump right into any subject matter that you find intriguing.
jQuery Basics & Selectors
Introduction to DOM Manipulation
The jQuery Object
Iterating
Master the .each() Loop
Event Delegation
Using jQuery Plugins
Writing Your Own jQuery Plugins
jQuery Animations
Building a Login Form
Quick Tips for jQuery Newbs
Animate Content with jQuery
JSON for Absolute Beginners
Reading XML with jQuery
Sticky Table Headers & Columns
Lateral On-Scroll Sliding
Multi-Item Slider
Swatch Book using CSS3 and jQuery
Vertical Showcase Slider
Sliding Letters with jQuery
Portfolio Image Navigation
Item Blur Effect
3D Thumbnail Hover Effects
Filterable Portfolio with jQuery Isotope
Ajax with jQuery
Animate Sliding Content with jQuery
SlickNav
A-Slider Plugin
Pick-A-Color Plugin
Viewport Crop Plugin
stickyMojo Plugin
scrollUp Plugin
Animated Drop-Down Menu
Animated Postcard with jQuery
Animated Alphabet with Keypress Events
Sliding Boxes and Captions
jQuery Sprite Animation
Cycle Through Images on Hover
Reddit API Webapp
jQuery Mobile for Beginners
