Vue 3 Animations
Vue is one of the world’s most popular JavaScript frameworks. This course, Vue 3 Animations, will teach you how to use Vue’s transitions and animations features to build more engaging websites and web apps.
What you'll learn
Vue transitions and animations can be used to create more engaging websites and web apps.
In this course, Vue 3 Animations, you’ll gain the ability to add transitions and animations to websites and web apps created with the Vue JavaScript framework.
First, you’ll explore how to bootstrap the Vue project that will be used for adding transitions and animations, by delving into the Vue transition component.
Next, you’ll discover how to work with key animation features such as animated notifications, keyframes, list transitions, transitioning between elements, and how to create, enter and leave transitions.
Finally, you’ll learn how to combine all these techniques to build your own reusable animated Vue components.
When you’re finished with this course, you’ll have the skills and knowledge of working with element transitions and animations needed to create and add animations to websites and web apps created with the Vue framework.
Table of contents
- Introduction & Overview 1m
- Understanding Vue Transitions 6m
- Ways to Implement Transitions 2m
- Transition Component 7m
- Understanding Events 2m
- Demo - Adding Transitions to a Vue Project (Part 1) 7m
- Demo - Adding Transitions to a Vue Project (Part 2) 4m
- Demo - Adding Transitions to a Vue Project (Part 3) 5m
- Summary 1m
- Introduction & Overview 2m
- Demo - Animations with Custom Components 6m
- Demo - Transition Grouping 4m
- Demo - Transitioning Between Elements and Loading (Part 1) 4m
- Demo - Transitioning Between Elements and Loading (Part 2) 4m
- Demo - Hooks, Keyframes, and Other Transitions (Part 1) 4m
- Demo - Hooks, Keyframes, and Other Transitions (Part 2) 2m
- Demo - Route Transitions (Part 1) 5m
- Demo - Route Transitions (Part 2) 3m
- Summary & Final Thoughts 1m