Vue.js 3 Essential Training
5h 8mIntermediate2021-01-22
Authors

Ray Villalobos
Senior Staff Instructor at LinkedIn Learning
Course details
Vue.js offers developers a framework for building applications that lets them choose how deeply they want to apply the framework. In this course, instructor Ray Villalobos explores the fundamentals of Vue.js 3, then covers options for rendering, computing values, and creating components. Ray shows you how to install Vue.js 3 and set it up. He walks you through using templates, then goes into properties that enhance the way the library works. He discusses arrays and objects, as well as how to create dynamic classes with expressions. He goes into transitions, then steps you through creating components and component events. He demonstrates what you get when you install a project with the Vue CLI, including how to install the Vue Router. He shows you how to set up and build a real project, then goes into enhancing your app so you can feel more comfortable with the application API. In conclusion, Ray explains how to add new features to your application.
Skills covered
Vue.jsJavaScript FrameworksJavaScriptOracleEssential TrainingWeb DevelopmentOpen Source
Concepts
0. Introduction
- 01 - What you should learn about Vue.js
- 02 - Using the exercises for this course
1. Getting Started
- 03 - Installation options
- 04 - Basic setup
- 05 - Binding with directives
- 06 - Rendering lists
- 07 - Conditional data
2. Managing Reactivity
- 08 - Input fields
- 09 - Computed content
- 10 - Event handling
- 11 - Lifecycle hooks
3. Styles and Animation
- 12 - Inline styles
- 13 - Classes
- 14 - Transitions
- 15 - Options and animating lists
4. Using Components
- 16 - Basic components
- 17 - Component events
- 18 - Slots
5. Understanding the CLI
- 19 - Application API
- 20 - Installing with the Vue CLI
- 21 - Overview of installation
- 22 - Vue project files
6. Creating a Real Project
- 23 - Setting up a realistic app
- 24 - Modules and routing
- 25 - CodePen to app
- 26 - Emitting updates
7. Refactoring CodePen
- 27 - Reorganizing hierarchy
- 28 - Refactoring navigation
- 29 - Moving components
- 30 - Moving the drop-down
8. Adding Features
- 31 - Modifying the cart
- 32 - Deleting items
- 33 - Programming a checkout page
Conclusion
- 34 - Next steps