Introduction to Anime.js Video Course

by AJ Meyghani

Introduction and Course Overview
View More Previews or Buy Course

This course includes:

  • 20 videos
  • 1 hour and 25 minutes of content.
  • Source code for every project

The goal of this course is to teach you the fundamentals of JavaScript animation with Anime.js. And I'm hoping that by the end of the course you'll have all the necessary knowledge to create beautiful and engaging animations. If you are new to JavaScript and CSS, I would recommend learning the basics first, because this course only focuses on the topics related to Anime.js and animation design.

Table of Contents

Animation with Plain JavaScript

  • Animation with setInterval

  • Animation with requestAnimationFrame

Anime.js Fundamentals

  • Anime.js Demo
  • Using Targets
  • Units and Values
  • Objects as Value
  • Functions as Value
  • Easing Functions
  • Animating CSS Transforms
  • Animation CSS Properties
  • Animating Color Values
  • Animating SVG Attributes
  • Animating DOM Attributes
  • Animation Parameters
  • Animation Callbacks
  • Playback Controls

Keyframes

  • Using Anime.js Keyframes

Timelines

  • Using Anime.js Timelines

Practical Examples

  • Creating a loading spinner
  • Creating a micro-interaction for a login form
Buy Now!