Introduction to Vue.js Training

This Vue.js training class is a hands-on, practical course for learning Vue.js. You should know HTML and JavaScript well, and you should be comfortable with CSS, meaning that you know what CSS rules are and how to apply them with classes and styles.

The course begins with a simple "Hello, Vue!" app and then takes you through the process of creating a small, but featureful math app like the one at https://www.mathificent.com. Through learning to build this application, you will gain the skills you need to build many different types of Vue.js applications.

Location

Public Classes: Delivered live online via WebEx and guaranteed to run . Join from anywhere!

Private Classes: Delivered at your offices , or any other location of your choice.

Course Topics
  1. Starting a new Vue project.
  2. Structuring a Vue project.
  3. Vue templates.
  4. Breaking a Vue app into components.
  5. Passing data between components.
  6. Dynamic data.
  7. Vue.js directives.
  8. Conditional rendering with v-if, v-else-if, and v-else.
  9. Binding HTML elements to fields with v-model and v-bind.
  10. Creating event listeners with v-on.
  11. Looping with v-for.
  12. Emitting events from child components.
  13. Listening for events in parent components.
  14. Passing data in event emitters.
  15. Working with your new Vue skills.
  16. The transition Component.
  17. Adding a timer.
Outline
  1. Getting Started with Vue.js
    1. Unpacking Vue.js
    2. Exercise: Vue.js Hello, World!
    3. Introducing Our Project: Mathificent
    4. Exercise: Get Started with vue-cli
    5. Exercise: Learning the Structure of a Vue App
  2. Basic Vue Features
    1. The Vue Instance
    2. Writing Vue Templates
    3. Exercise: Writing Templates
    4. Using Components Inside Components
    5. Exercise: Breaking an App into Components
    6. Passing Data to Child Components
    7. Dynamic Data in Templates
    8. Computed Properties
    9. The data and method Objects
  3. Directives
    1. Directives
    2. Conditionals with v-if / v-else-if / v-else
    3. Two-way Binding with v-model
    4. One-way Data Binding, Repeating, and Event Handling
    5. Emitting Custom Events
  4. Implementing Game Logic
    1. Exercise: Passing Data Between Components
    2. Exercise: Vue Data Binding
    3. Exercise: Implementing Conditional Rendering
    4. Exercise: Improving the Form Layout
    5. Exercise: Making the Game UI
    6. Exercise: Capturing Form Events
    7. Exercise: Setting the Equation
  5. Transitions and Animations
    1. Using the transition Component
    2. Exercise: Adding the Timer
    3. Exercise: Adding Transitions
    4. Exercise: Catching Keyboard Events
Class Materials

Each student in our Live Online and our Onsite classes receives a comprehensive set of materials, including course notes and all the class examples.

Class Prerequisites

Experience in the following is required for this JavaScript class:

  • HTML
  • JavaScript
  • Basic CSS
Prerequisite Courses

Courses that can help you meet these prerequisites:

Training for Yourself

$1,150.00 or 2 vouchers

Upcoming Live Online Classes

  • See More Classes

Please select a class.

Training for your Team

Length: 2 Days
  • Private Class for your Team
  • Online or On-location
  • Customizable
  • Expert Instructors

What people say about our training

The instructor is very knowledgeable. I would definitely take any class with this instructor.
Linda Moon
U.S. Bank
The experience was excellent and I would highly recommend it to others. Looking forward to taking another course in the near future.
Scott Braun
Tangible Solutions, Inc.
Best Class Ever. Comprehensive material and great instructor.
Kathleen Webber
National Fuel Gas
I was thrilled with the personalized teaching and very attentive care I was given by the instructor. It was a great experience!
Max Gries
Capella University

No cancelation for low enrollment

Certified Microsoft Partner

Registered Education Provider (R.E.P.)

GSA schedule pricing

65,332

Students who have taken Instructor-led Training

12,014

Organizations who trust Webucator for their Instructor-led training needs

100%

Satisfaction guarantee and retake option

9.30

Students rated our trainers 9.30 out of 10 based on 30,148 reviews

Contact Us or call 1-877-932-8228