Mô tả

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 . We'll first start by creating a simple animation with plain JavaScript and then we'll dive into learning Anime.js. We'll cover all Anime's animation APIs and at the end we'll work on two practical animations. The first will be a loading spinner and the other will be a micro-interaction animation for a login form.

Bạn sẽ học được gì

You'll learn the fundamentals of JavaScript animation

You'll be able to use Animejs to create awesome animations

You'll learn what micro-interactions are and how you can implement a simple one using JavaScript and Animejs

Yêu cầu

  • Computer and a code editor like Submit Text.
  • Familiar with the fundamentals of web design
  • Familiar with CSS and JavaScript basics.

Nội dung khoá học

5 sections

Intro to JavaScript Animation

4 lectures
Course Outline
01:11
Using the Project Files
00:25
Plain JavaScript Animation
01:08
JavaScript Animation with RAF
02:01

Anime.js Fundamentals

14 lectures
Introducing Anime.js
03:55
Targets
04:42
Units and Values
04:18
Objects as Value
02:16
Functions as Value
04:34
Easing Curves
07:26
Animating CSS Transforms
04:16
Animating Other CSS Properties
01:56
Animating Color Values
02:32
Animating SVG Properties
06:26
Animating DOM Attributes
01:56
Animation Parameters
03:52
Animation Callbacks
05:00
Animation Playback Controls
03:01

Keyframes and Timelines

2 lectures
Anime Keyframes
02:55
Anime Timelines
06:17

Practical Animation Examples

2 lectures
Create a nice loading spinner
02:51
Create a Login Form Micro-interaction
13:33

Conclusion

1 lectures
Great Job!
00:26

Đánh giá của học viên

Chưa có đánh giá
Course Rating
5
0%
4
0%
3
0%
2
0%
1
0%

Bình luận khách hàng

Viết Bình Luận

Bạn đánh giá khoá học này thế nào?

image

Đăng ký get khoá học Udemy - Unica - Gitiho giá chỉ 50k!

Get khoá học giá rẻ ngay trước khi bị fix.