Vue 3 Animations

Focused View

Eduardo Freitas

1:13:39

43 View

1. Course Overview

1. Course Overview.mp4

01:36

2. Introduction to Vue Animations

1. Introduction & Overview.mp4

01:18

2. Understanding Vue Transitions.mp4

05:52

3. Ways to Implement Transitions.mp4

02:24

4. Transition Component.mp4

07:26

5. Understanding Events.mp4

02:21

6. Demo - Adding Transitions to a Vue Project (Part 1).mp4

07:26

7. Demo - Adding Transitions to a Vue Project (Part 2).mp4

04:10

8. Demo - Adding Transitions to a Vue Project (Part 3).mp4

04:50

9. Summary.mp4

00:40

03. Implementing Vue Animations

01. Introduction & Overview.mp4

01:59

02. Demo - Animations with Custom Components.mp4

06:00

03. Demo - Transition Grouping.mp4

04:23

04. Demo - Transitioning Between Elements and Loading (Part 1).mp4

03:50

05. Demo - Transitioning Between Elements and Loading (Part 2).mp4

04:19

06. Demo - Hooks, Keyframes, and Other Transitions (Part 1).mp4

04:03

07. Demo - Hooks, Keyframes, and Other Transitions (Part 2).mp4

01:51

08. Demo - Route Transitions (Part 1).mp4

05:25

09. Demo - Route Transitions (Part 2).mp4

02:44

10. Summary & Final Thoughts.mp4

01:02

Description

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.

More details

User Reviews

Rating

average 0

Total votes0

Focused display

JavaScript

Vue JS

Eduardo Freitas

Instructor's Courses

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 for all types of organizations. He's designed and supported production systems for global names such as Coca Cola, Enel, Pirelli, Fiat-Chrysler, Xerox and many others. He's a well-known specialist in the Enterprise Content Management market segment, specifically focusing on data capture & extraction and document process automation. He designed a supplier invoice processing system for Agfa that achieved 50% straight-through processing (50% of invoices extracted from paper, validated and exported into SAP without any human validation). He's also loves to write about cutting-edge technologies. He loves helping customers succeed. In his free time, he enjoys spending time with his family and being outdoors. He loves running and sports.

Pluralsight

View courses Pluralsight

Pluralsight, LLC is an American privately held online education company that offers a variety of video training courses for software developers, IT administrators, and creative professionals through its website. Founded in 2004 by Aaron Skonnard, Keith Brown, Fritz Onion, and Bill Williams, the company has its headquarters in Farmington, Utah. As of July 2018, it uses more than 1,400 subject-matter experts as authors, and offers more than 7,000 courses in its catalog. Since first moving its courses online in 2007, the company has expanded, developing a full enterprise platform, and adding skills assessment modules.