Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

YouTube

Simplified Web Animations Using View Transitions

JavaScript Conferences by GitNation via YouTube

Overview

FLASH SALE: Ends May 22!
Udemy online courses up to 85% off.
Get Deal
Learn how to create compelling web animations using View Transitions in this 21-minute conference talk from JSNation US 2024. Explore the evolution of web animations from Flash to modern techniques, and discover how to implement sophisticated animations without complex JavaScript. Master the fundamentals of View Transitions, a new web feature that simplifies animation development by letting browsers handle the heavy lifting. Dive into practical examples of animating elements, revealing information, and integrating animations with frameworks like Astro and Angular. Gain insights into the technical aspects behind View Transitions and additional animation techniques that can enhance your web development projects. Perfect for developers seeking to add polished, performant animations to their websites with minimal effort.

Syllabus

00:00 Flash and Web Animations
02:58 Evolution of Web Animations
05:30 Introduction to View Transitions
07:56 Advanced View Transitions
09:59 Animating Elements and Practical Examples
12:46 Revealing Information in Web Animations
15:16 Working with Frameworks and Astro
16:08 Astro API and Angular Ecosystem
17:20 Behind the Scenes of View Transitions
19:51 Additional Animation Techniques

Taught by

JavaScript Conferences by GitNation

Reviews

Start your review of Simplified Web Animations Using View Transitions

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.