Description
Course info
Level
Intermediate
Updated
Apr 27, 2021
Duration
50m
Your 10-day individual free trial includes:

Expert-led courses

Keep up with the pace of change with thousands of expert-led, in-depth courses.
Description

Vue transitions and animations can be used to create more engaging websites and web apps. In this course, Creating Animations with Vue, 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.

About the author
About the author

Eduardo is a technology enthusiast, software architect and customer success advocate. He's designed enterprise .NET solutions that extract, validate and automate critical business processes such as Accounts Payable and Mailroom solutions. He's a well-known specialist in the Enterprise Content Management market segment, specifically focusing on data capture & extraction and document process automation.

More from the author
More courses by Eduardo Freitas
Section Introduction Transcripts
Section Introduction Transcripts

Course Overview
Hi everyone. Welcome to my course, Creating Animations with Vue. I am a software developer, a data capturer, and business automation specialist. Vue is one of the world's most popular JavaScript frameworks. Vue transitions and animations can be used to create more engaging websites and web applications. First, we will explore how to bootstrap the Vue project that will be used for adding transitions and animations by delving into the Vue transition component. Next, we will discover how to work with key animation features such as animated notifications, keyframes, list transitions, and how to create enter and leave transitions. Transitions and animations are more than just visual gimmicks, but instead are a great way to improve the user experience of your applications. Finally, we will learn how to combine all these techniques to build your own reusable animated Vue components. Some of the major topics we will cover include ways to implement transitions, transition components, custom class names, transition groups, keyframes, notification events, and hooks, and finally, understanding how these technologies and principles get applied. By the end of this course, you will know how to use Vue transitions and animations to build more engaging websites and web applications. No prior experience on how to create animations is needed, but some basic knowledge and proficiency with Vue.js will come in handy. I hope you will join me on this journey to learn the ins and outs of the Creating Animations with Vue course, at Pluralsight.