2D Animations with Javascript and the Anime.js Library

2D Animations with Javascript and the Anime.js Library, available at $24.99, has an average rating of 3.8, with 29 lectures, based on 12 reviews, and has 141 subscribers.

You will learn about How to create beautiful animations. How to move, rotate, scale html elements. How to create scripts of animations. This course is ideal for individuals who are Web applications and sites developers who want to add custom touch to their app. or Javascript enthusiastic who want to widen their knowledge in useful libraries. or Web designers who want to add animations to their sites. It is particularly useful for Web applications and sites developers who want to add custom touch to their app. or Javascript enthusiastic who want to widen their knowledge in useful libraries. or Web designers who want to add animations to their sites.

Enroll now: 2D Animations with Javascript and the Anime.js Library

Summary

Title: 2D Animations with Javascript and the Anime.js Library

Price: $24.99

Average Rating: 3.8

Number of Lectures: 29

Number of Published Lectures: 29

Number of Curriculum Items: 29

Number of Published Curriculum Objects: 29

Original Price: $109.99

Quality Status: approved

Status: Live

What You Will Learn

How to create beautiful animations.
How to move, rotate, scale html elements.
How to create scripts of animations.

Who Should Attend

Web applications and sites developers who want to add custom touch to their app.
Javascript enthusiastic who want to widen their knowledge in useful libraries.
Web designers who want to add animations to their sites.

Target Audiences

Web applications and sites developers who want to add custom touch to their app.
Javascript enthusiastic who want to widen their knowledge in useful libraries.
Web designers who want to add animations to their sites.

Animations are welcome guests in our applications. They are fun, entertain and visually aesthetic to look at. They make applications more accessible and eye catching.

The traditional method of creating animation is using timers, clocks and frames, and projecting images in constant time intervals. However, if all you want to do is add some movement to your site, this method may be overkill.

This is where Anime.js steps in. Anime.js is a light-weight Javascript library that aims to do just that – to create beautiful animations with ease and minimum code.

With Anime.js you can animate anything on the screen – html elements, dom attributes, svg graphics, just about anything.

In this course you will learn about Anime.js library. I’ll show you this library’s essentials and a lot of code examples. There are six projects in this course, that will keep you busy and help you practice this library.

If you want to add animations to your site and didn’t know how to do it – welcome, this course is perfect for you!

Course Curriculum

Chapter 1: Introduction

Lecture 1: Introduction

Lecture 2: Install Anime.js

Lecture 3: Getting Started

Chapter 2: What to Animate

Lecture 1: The Targets Property

Lecture 2: CSS Selectors

Lecture 3: DOM Elements

Lecture 4: Arrays

Lecture 5: Exercise 1 – Menu Items

Lecture 6: Exercise 1 Solution

Chapter 3: Animate Properties

Lecture 1: Properties to Animate

Lecture 2: CSS Properties

Lecture 3: Properties Values

Lecture 4: CSS Transforms

Lecture 5: DOM Attributes

Lecture 6: Exercise 2 – Catch Me

Lecture 7: Exercise 2 Solution

Chapter 4: Animation Style

Lecture 1: Duration and Delay

Lecture 2: Direction and Loop

Lecture 3: Exercise 3 – Highlight

Lecture 4: Easing

Lecture 5: Specific Property Style

Lecture 6: Function Based Animation

Lecture 7: Exercise 4 – Moving Letters

Chapter 5: Timing

Lecture 1: Keyframes

Lecture 2: Timeline

Lecture 3: Exercise 5 – Complex Script

Lecture 4: Staggering

Lecture 5: Staggering Grid

Lecture 6: Exercise 6 – Break the Wall

Instructors

Shay Tavor
Software Engineer

Rating Distribution

1 stars: 1 votes
2 stars: 1 votes
3 stars: 1 votes
4 stars: 5 votes
5 stars: 4 votes

Frequently Asked Questions

How long do I have access to the course materials?

You can view and review the lecture materials indefinitely, like an on-demand channel.

Can I take my courses with me wherever I go?

Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don’t have an internet connection, some instructors also let their students download course lectures. That’s up to the instructor though, so make sure you get on their good side!

Menu