'; ?>

Course Details

Free Source Code - Codeintra
Course Image Modern Web Animations - Free Course Pro
Author Logo Ali Alaa

Modern Web Animations

Author: Ali Alaa

Course Info

Category

Development

Total Lectures

103

Total Duration

15 hours

Views

48

Requirements

Some basic HTML, CSS & JavaScript Knowledge is required.
FileFlix - Upload & Share Files Easily

Course Description

Welcome to Modern Web Animations, a deep dive into modern animation techniques with no libraries, only browser APIs.


CSS Animations & Transitions have been around for a long time now. But recently new APIs were introduced to modern browsers to further improve animating on the web and give developers more control.


Among these new additions is the Web Animations API (WAAPI). The Web Animations API unlocks the power of the browser's animation engine for developers. It allows us to construct animations and control their playback with JavaScript. It is one of the most performant ways to animate on the Web.


In addition to that, new features were added to CSS Animations that allow us to control animations as users scroll. By adding new properties likeanimation-timeline,scroll-timeline and view-timeline, we can now have animations that are not based on time but based on scrolling progress or based on the visibility of a certain element in the viewport. This opens the door to creating impressive scroll driven animations without having to load any external libraries.


Another recent addition to modern browsers is the introduction of the View Transitions API. This API allows us to easily create animated transitions between different DOM states. It can be especially useful in Single Page Applications (SPAs) when we need to have an animation when navigating between different routes. Before the View Transitions API these kinds of animations were extremely complicated to achieve.


In this course we are going to cover all of these topics in great detail. And not only that, but we are also going to have a section on old CSS Animations & Transitions and discuss every aspect of them in depth. We are also going to have practical examples and exercises for every topic discussed.


So join now if you want to bring your websites to life!

What you'll learn

Learn about CSS Animations & Transitions.Learn about the new JavaScript Web Animations API.Discover scroll driven animations in details.Create impressive page transitions with the View Transitions API.

Who this course is for

Web developers looking to learn everything about animating in the browser.Web developers looking to learn about new animation APIs like the Web Animations API, scroll driven animations & the View Transitions API.

Rate this course using proper Emoji expressions

  • 0

  • 0

  • 0

  • 0

  • 0

  • DISCLAIMER

    The courses provided on freecourse.pro are sourced from freely available resources and are not hosted on our platform. We disclaim any responsibility for the usage of these files. The files are intended solely for educational purposes and we strongly discourage any other use. Downloading copyrighted material is against the law. We respect the hard work and effort put in by the course creators, developers, and owners. We strongly urge you to support them by purchasing the genuine version from the official website here.

    Trending Courses

    More