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

Advanced Image Uploading with Vue and Laravel
Laracasts
Andrew's Larabits
Laracasts
Learn Vue.js
Codecademy
Introduction to VueJS Framework
Codio via Coursera
Crea una aplicaciĆ³n web con Vue.js
Coursera Project Network via Coursera