Learn JavaScript for Designers

Bring your websites to life with interactive elements using JavaScript. These tutorials are tailored to web designers and are full of practical examples and tips.

All JavaScript for Designers tutorials:

Filters

Performance

5 JavaScript Courses for Web Designers

Tutorial • Beginner

JavaScript is an essential language for any web designer to master. Here are five courses that will teach you the essentials of JavaScript from a web...

Andrew Blackman • 1 Oct 2018
HTML

How to Build a Full-Screen Responsive Carousel Slider With Owl.js

Tutorial • Intermediate

In this tutorial, we’ll learn how to build an animated, responsive, full-screen carousel slider with Owl.js.

George Martsoukos • 5 Sep 2018
JavaScript for Designers

Master the Three.js 3D Web Graphics Framework in Our New Course

Tutorial • Beginner

Learn how to use 3D graphics in your web design projects in our new short course, Three.js: Beyond the Basics.

Andrew Blackman • 17 Aug 2018
JavaScript for Designers

5 Essential Tips for Service Worker Development

Tutorial • Intermediate

This tutorial will furnish you with five essential tips for service worker development, and we hope they’ll help you avoid classic beginner hiccups and save...

Kezz Bracey • 24 Jul 2018
HTML

How to Build an Attractive Responsive Image Gallery With slick.js

Tutorial • Intermediate

In this tutorial we’ll use slick.js, a popular jQuery plugin, to build an attractive responsive image gallery.

George Martsoukos • 27 Jun 2018
Bootstrap

How to Add Deep Linking to the Bootstrap 4 Tabs Component

Tutorial • Intermediate

In this new tutorial we’ll learn how to add deep linking to the Bootstrap 4 tabs and make them shareable.

George Martsoukos • 6 Jun 2018
JavaScript for Designers

How to Build a Sticky Sidebar on Page Scroll With ScrollMagic.js

Tutorial • Intermediate

In this tutorial we’ll use ScrollMagic.js, a popular JavaScript library, to build a sidebar that becomes sticky on page scroll.

George Martsoukos • 14 May 2018
Bootstrap

Quick Tip: Beware When Using the Slim Version of jQuery

Tutorial • Beginner

In this quick tip I’m going to explain to you when you should and shouldn’t use the “slim version” of jQuery. For this tip I’ll assume you’re familiar with...

Adi Purdila • 23 Apr 2018
JavaScript for Designers

New Course: A Practical Approach to Working With Vue.js and APIs

Tutorial • Beginner

Vue.js is an increasingly popular open-source JavaScript framework for building user interfaces. Learn how to use Vue and integrate it with an API in our new...

Andrew Blackman • 13 Apr 2018
HTML

How to Build an Accordion Component With CSS and a Touch of JavaScript

Tutorial • Beginner

In today’s tutorial we’ll learn how to build a show/hide component with CSS and a little bit of JavaScript.

George Martsoukos • 2 Apr 2018
HTML

How to Make Multi-Preview Thumbnails With JavaScript Mouse Events

Tutorial • Intermediate

In this tutorial we’ll have some fun with JavaScript mouse events by building something useful and interesting: thumbnails which, when hovered over, display...

George Martsoukos • 26 Mar 2018
JavaScript for Designers

How to Externalize and Minify JavaScript

Tutorial • Beginner

In this video from my course The Designer’s Guide to JavaScript Optimization, you'll learn how to externalize and minify JavaScript.

Craig Campbell • 8 Mar 2018