Udemy – Creative Web Animation with GSAP 3 [ JavaScript SVG CSS ] 2024-7

Published on: 2024-09-25 15:56:37

Categories: 28

Descriptions

Creative Web Animation with GSAP 3 [ JavaScript SVG CSS ], In this course, you will learn a very powerful tool for creating web animations: the GreenSock Animation Platform (GSAP). You will get acquainted with the latest version of the web animation tool: GSAP 3. Today it is the most robust, high-performance JavaScript animation library on the planet. This tutorial uses the classic academic teaching model. At the beginning of the lessons, theoretical information is presented, followed by practical web animation examples that consolidate new knowledge. The aim of this course is to show the completeness and variety of animation techniques using GSAP. This course is structured sequentially: from simple to complex. At the very beginning, the basic concepts are studied and the simplest animations are built, then a dive into the available properties and methods of the GSAP library follows, and more complex animations are built. And finally, towards the end of the course, there is an acquaintance with built into the core plugins as well as external plugins. In the final part, the most interesting and complex web animations will be built. of the lessons, theoretical information is presented, followed by practical web animation examples that consolidate new knowledge. The aim of this course is to show the completeness and variety of animation techniques using GSAP.

What you’ll learn

Basic concepts [Gsap object, Tween, common methods for it creating, Timeline tool, Position parameters, Basic animation control methods, Easing]
Animation methods and properties of the GSAP core [purpose, syntax, application features, examples of using]
GSAP core plugins [AttrPlugin, CSSPlugin, ModifiersPlugin, EndArrayPlugin, SnapPlugin]
This course contains unique animation projects which illustrate the features of the properties and methods included in the core of the GSAP library

Who this course is for

everyone who is interested in web animation
JavaScript developers
CSS developers
Html developers
website designer
frontend developers
UX/UI designers
for people who collect a unique library of knowledge in order to have access to it from anywhere in the world
creative people interested in learning new things

Specificatoin of Creative Web Animation with GSAP 3 [ JavaScript SVG CSS ]

Publisher : Udemy
Teacher : Alexandr Tyurin
Language : English
Level : All Levels
Number of Course : 83
Duration : 6 hours and 46 minutes

Content on 2024-8

Creative Web Animation with GSAP 3 [ JavaScript SVG CSS ]

Requirements

Basic knowledge of CSS, SVG and JavaScript
Web browser – Google Chrome (all animations have been tested in this browser)
A text editor or you can work in the online CodePen editor (links to examples with code are prepared and attached to the corresponding lessons)
There are lessons where the preparation of images in a graphics editor is required for animations (images are already prepared and attached to the corresponding lessons)
Archiver for unpacking “.rar” archive with animation sources [If you choose the option of working with the code in the online editor CodePen, you will not need an archiver]