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 courses:

  1. JavaScript for Web Designers (Free Course)

    JavaScript for Web Designers (Free Course)

    Course Beginner

    If you’re looking to get started with JavaScript as a web designer, this is the course for you. We walk you through everything you need to know start...

  2. Up and Running With PixiJS

    Up and Running With PixiJS

    Course Beginner

    PixiJS is a 2D graphics rendering JavaScript library that lets you create stunning visual effects in a flexible and performant manner, giving you new ways to...

  3. Interactive JavaScript Maps With Leaflet

    Interactive JavaScript Maps With Leaflet

    Course Intermediate

    Leaflet is a robust JavaScript framework for creating interactive maps on the web. In this short course, I will teach you how to navigate this powerful...

  4. Three.js: Beyond the Basics

    Three.js: Beyond the Basics

    Course Intermediate

    In our introductory course, 3D on the Web With Three.js, you were introduced to the world of 3D web graphics using the Three.js framework. In this short...

  5. A Practical Approach to Working With Vue.js and APIs

    A Practical Approach to Working With Vue.js and APIs

    Course Intermediate

    In this course, you’ll make practical use of the Vue.js framework. In five lessons you’ll learn to use an API to pull in data that you will then display...

  6. A Designer’s Guide to Vue.js Components

    A Designer’s Guide to Vue.js Components

    Course Intermediate

    In this course we’re going to go beyond the basics of the Vue.js framework as we discuss Vue’s component system, allowing us to create modular, reusable...

  7. A Designer’s Introduction to Vue.js

    A Designer’s Introduction to Vue.js

    Course Intermediate

    Vue is a progressive framework for building user interfaces using HTML and JavaScript. In this short course aimed at designers, you will learn the basics of...

  8. Enhancing Animation With jQuery UI

    Enhancing Animation With jQuery UI

    Course Intermediate

    jQuery UI is an extension of jQuery that makes it easy to create clean user interface elements for your websites. It also provides functionality that extends...

  9. JavaScript for Web Designers

    JavaScript for Web Designers

    Course Beginner

    In this course you’re going to learn the basics of JavaScript from a web designer’s perspective. We’ll begin by going over the basics, such as JavaScript...

  10. Data Design With Chart.js

    Data Design With Chart.js

    Course Intermediate

    Data design (or “data visualization”) is the art of displaying information in a way that is easy to consume and easy to understand. In this course, I’m going...

  11. Essential JS Libraries for Web Typography

    Essential JS Libraries for Web Typography

    Course Intermediate

    In this course, you will learn how to gain fine control over your web typography using several different JavaScript libraries. You'll learn how to create...

  12. ASP.NET MVC for Designers

    ASP.NET MVC for Designers

    Course Intermediate

    Web designers don’t work in a vacuum. Many designers work closely together with a team of developers and often have to work within a development framework....