Special offers now — see discounted courses.
day
:
hour
:
min
:
sec
See special offers
Vue.js 3 Essential Training

Vue.js 3 Essential Training

5h 8mIntermediate2021-01-22

Authors

Ray Villalobos

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

About us

LyndaKade is a leading learning platform that helps people learn business, software, technology, and creative skills to achieve personal and professional goals.

Phone numberAparat ChannelTelegram SupportTelegram ChannelInstagram Page

All rights to this site belong to LyndaKade.

Terms of Service|Privacy Policy

نماد الکترونیک enamad در صورت اتصال با آی‌پی داخل کشور، نمایش داده خواهد شد.
logo-samandehi - لوگو ساماندهی
Zarinpal
Zibal