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

Interactive 3D Graphics
Autodesk via Udacity
Creative Coding
Monash University via FutureLearn
Make Your Own 2048
Udacity
An Introduction to Interactive Programming in Python (Part 2)
Rice University via Coursera
HTML5 Coding Essentials and Best Practices
World Wide Web Consortium (W3C) via edX