Frontend web development is the hottest area for modern user interactivity. You can build practically any type of user interaction when you understand the concepts behind JavaScript. DOM manipulation is a hugely popular technique which, coupled with Ajax requests, can build one incredible user experience.
In this showcase I have collected 22 exciting jQuery & JavaScript tutorials for newer web developers. These are perfect for somebody who has a very basic understand of what a “scripting language” does, but still has no real world applications. If you can spend even 1 or 2 hours practicing these tutorials you’ll be well on your way to mastering JavaScript development. And jQuery is the perfect library to start with based on its open source nature and huge pool of development resources.
Smooth Page Scroll
Area Charts with D3.js
Swatch Book with CSS3/jQuery
Fullscreen Slider with jQuery and CSS3
3D Flipping Circles
Slideshow with jmpress.js
Lateral On-Scroll Sliding
Thumbnail Proximity Effects
Item Blur with CSS3/jQuery
Portfolio Image Navigation
Scrollbar Visibility
jQuery Overlay
Thumbnails Preview Slider
Fullscreen Slideshow with HTML5 Audio
Animated Form Switching
Custom Banner Animations
Compact News Preview
Photo Stack Gallery
Image Highlighting
Parallax Website with Stellar.js
Sticky Navigation Header
Orman Clark’s Vertical Navigation
Author: Jake Rocheleau
Jake is a creative designer, illustrator, and web developer. He frequently writes articles involving new-age design concepts and freelance management skills. You can find him in Google or follow his tweets @jakerocheleau