Creating Animations with Vue 2

Focused View

Eduardo Freitas

50:36

10 View

01. Course Overview

01. Course Overview.mp4

02:00

02. Introduction to Vue Animations

02. Introduction Overview.mp4

01:48

03. Understanding Vue Transitions.mp4

02:11

04. Ways to Implement Transitions.mp4

02:30

05. Transition Component.mp4

04:01

06. Transition Structure.mp4

02:53

07. Demo-Project Overview.mp4

04:22

08. Demo-Transitions.mp4

04:54

09. Custom Class Names.mp4

02:25

10. Summary.mp4

01:07

03. Building Vue Animations

11. Introduction Overview.mp4

01:28

12. Transition Duration.mp4

00:54

13. Demo-Custom Component Animation.mp4

03:06

14. Demo-Switching between Elements.mp4

03:26

15. Demo-Transitioned Notification.mp4

02:25

16. Demo-Keyframes.mp4

02:52

17. Demo-Wave Animations.mp4

01:52

18. Understanding Events.mp4

02:37

19. Demo-JavaScript Hooks.mp4

02:16

20. Summary Final Thoughts.mp4

01:29

Description

Vue is one of the world's most popular JavaScript frameworks. This course will teach you how to use Vue's transition and animation 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, Creating Animations with Vue 2, 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

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.