Interactive Web Animations [JavaScript, SVG, CSS & HTML]

The Complete Guide to Web Animation in Web Development [CSS Animations -- > SVG Animations -- > JavaScript Animations].

Expected learning & outcomes

  • Create Web Animations using JavaScript, SVG & CSS
  • Study techniques and methods of creating web animations
  • Make web animations interactive

Course details

Topic: Animation

Duration: 3 hours

Level: Any Level

Certification: Available

Created by: Alexandr Tyurin

Language: English

Provider: Udemy

About this course

Interactive Web Animations [JavaScript, SVG, CSS & HTML]

CURRICULUM:

1. History of Web Animations


2. CSS Animations

- CSS Animation properties

- CSS Key frame rule

- CSS Transitions


3. SVG Animations

- SVG Animation elements

- Attribute to identify the target element for an animation

- Attributes to control the timing of the animation

- Attributes that define animation values ​​over time

- Attributes that control whether animations are additive

- SVG elements, attributes and properties that can be animated, and we will also learn Interface Time Event

- Interactivity features in SVG


4. JavaScript Animations

- getElementById() method

- Call planning method setinterval()

- addEventListener() method

- getAttribute & setAttribute methods

- How to penetrate the complex SVG attributes of elements using regular expressions

- 3d positioning

- The functions of constructors

- Creation of SVG primitives

- Сreating arrays of objects, managing their properties

- Capabilities of Web Animation using masks & clip path

- Web Animations API

- Combination of animation techniques

Who this course is for:
  • This course for those who want to master Interactive Web Animation.
2020-08-31 15:19:58+00:00
5.0 (2 ratings)