YoVDO

Vue 3 Animations & Transitions Tutorial

Offered By: Net Ninja via YouTube

Tags

Vue JS Courses Animation Courses GSAP (GreenSock Animation Platform) Courses

Course Description

Overview

In this course, you will learn Vue 3 Animations and Transitions. You will learn about setup, starter project walkthrough, transition component, animated toast notification, adding CSS keyframes, group transitions, initial and move transitions, transitioning between elements, transition JavaScript hooks, using GSAP, staggered animations using GSAP, and route transitions!


Syllabus

Vue 3 Animations Tutorial #1 - Intro & Setup.
Vue 3 Animations Tutorial #2 - Starter Project Walkthrough.
Vue 3 Animations Tutorial #3 - Transition Component.
Vue 3 Animations Tutorial #4 - Animated Toast Notification.
Vue 3 Animations Tutorial #5 - Adding CSS Keyframes.
Vue 3 Animations Tutorial #6 - Group Transitions.
Vue 3 Animations Tutorial #7 - Initial & Move Transitions.
Vue 3 Animations Tutorial #8 - Transitioning Between Elements.
Vue 3 Animations Tutorial #9 - Transition JavaScript Hooks.
Vue 3 Animations Tutorial #10 - Using GSAP.
Vue 3 Animations Tutorial #11 - Staggered Animations (using GSAP).
Vue 3 Animations Tutorial #12 - Route Transitions.


Taught by

The Net Ninja

Related Courses

React JS, Angular & Vue JS - Quickstart & Comparison
Udemy
Create Amazing Vue Apps with Javascript
Udemy
Learn Vue 1 JS introduction to simple reactive JavaScript
Udemy
VueJS V1 Introduction to VueJS JavaScript Framework
Udemy
Build Web Apps with Vue JS 3 & Firebase
Udemy