Vue.js 3 Essential Training

This course explores the fundamentals of Vue.js 3, then moves into options for rendering, computing values, and creating components.

Introduction

• What you should learn about Vue.js
• Using the exercises for this course

1. Getting Started

• Installation options
• Basic setup
• Binding with directives
• Rendering lists
• Conditional data

2. Managing Reactivity

• Input fields
• Computed content
• Event handling
• Lifecycle hooks

3. Styles and Animation

• Inline styles
• Classes
• Transitions
• Options and animating lists

4. Using Components

• Basic components
• Component events
• Slots

5. Understanding the CLI

• Application API
• Installing with the Vue CLI
• Overview of installation
• Vue project files

6. Creating a Real Project

• Setting up a realistic app
• Modules and routing
• CodePen to app
• Emitting updates

7. Refactoring CodePen

• Reorganizing hierarchy
• Refactoring navigation
• Moving components
• Moving the drop-down

8. Adding Features

• Modifying the cart
• Deleting items
• Programming a checkout page

Conclusion

• Next steps