YoVDO

Vue.js 3 Essential Training

Offered By: LinkedIn Learning

Tags

Web Development Courses Javascript Courses Front-end Development Courses Single-Page Applications Courses Reactive Programming Courses Component-Based Architecture Courses

Course Description

Overview

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

Syllabus

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

Taught by

Ray Villalobos

Related Courses

Intro to AJAX
Udacity
Web Design for Everybody Capstone
University of Michigan via Coursera
Web Design for Everybody Capstone
University of Michigan via Coursera
Developing Dynamic Web Applications Using Angular
Microsoft via edX
Project Management: Mastering Complexity
Delft University of Technology via edX