Web Design Courses

These online web design courses will help you learn everything from website usability to getting the most out of WordPress. If you want to take your web design skills to the next level, you're in the right place.

Each course takes you through a web design topic or concept in all the detail you need to master it, with expert video instruction to show you exactly what to do. Some, like this basic WordPress introduction, are aimed at beginners, while others, like this four-hour guide to web animation, are more advanced. Pick the right level for you, and start learning the web design skills you need!

All Web Design courses:

  1. Get a Landing Page Up and Running With Envato Elements

    Get a Landing Page Up and Running With Envato Elements

    Course Beginner

    Creating a fully functional landing page with Envato Elements couldn’t be simpler. Find one that you like, download it, and then customize it to fit your...

  2. Theme Developer’s Guide to WPBakery Page Builder for WordPress

    Theme Developer’s Guide to WPBakery Page Builder for WordPress

    Course Intermediate

    WPBakery Page Builder for WordPress (formerly known as Visual Composer) is probably the most popular page builder on Envato Market. Sitting at over 350,000...

  3. Creating Animated HTML5 Page Transitions

    Creating Animated HTML5 Page Transitions

    Course Intermediate

    Animation in modern websites is usually limited to hover effects, banner sliders, and the like. More rarely might we see websites that transition from one...

  4. Up and Running With Variable Fonts

    Up and Running With Variable Fonts

    Course Beginner

    Variable fonts are the next big thing in web typography. They allow for more creativity and design freedom than web designers have ever had with type before....

  5. How to Create an Email Newsletter in MailChimp

    How to Create an Email Newsletter in MailChimp

    Course Beginner

    In this course, you'll learn to create a great-looking email newsletter with MailChimp. Email is still one of the best ways to engage an audience. Whether...

  6. Breaking the Grid With CSS Grid Layout

    Breaking the Grid With CSS Grid Layout

    Course Intermediate

    Broken grid layouts (layouts that don’t fit within traditional grid-based layouts) are not only becoming more popular, but they are also easier to achieve...

  7. Practical CSS: Desktop to Mobile Navigation Patterns

    Practical CSS: Desktop to Mobile Navigation Patterns

    Course Beginner

    Creating a website navigation that looks the same on every screen is not really possible. Owing to the smaller screen size, mobile devices often require a...

  8. 6 Handy CSS3 Animation Projects

    6 Handy CSS3 Animation Projects

    Course Beginner

    Using motion in your web project and adding an extra degree of interactivity can really improve the user experience. In this short course you’ll build six...

  9. Build a Classic Five-Page Website

    Build a Classic Five-Page Website

    Course Beginner

    The "five-page static website” is the bread and butter of web design. Even though it doesn’t have the ubiquitous presence online it once did, only if you are...

  10. Four Bootstrap 4 Projects

    Four Bootstrap 4 Projects

    Course Intermediate

    In this project-based course, you will learn how to customize Bootstrap 4 as you create four practical web projects using the most recent version of the...

  11. 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...

  12. 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...