22 JavaScript/jQuery Tutorials for New Web Developers

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

About the author:

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