Introduction to Vue.js Training

Introduction to Vue.js Training

This self-paced course will teach you how to build user interfaces with the Vue JavaScript framework.

3 Months Access / 28 Course Hrs
  • Details
  • Syllabus
  • Requirements



Vue is one of the most popular JavaScript framework for developers today. The Vue.js Training course will teach you to use Vue.js, so you can build out your developer tool kit and increase your employability. This practical, hands-on course begins with a simple "Hello, Vue!" app and then takes you through the process of creating a small, but featureful math app. By learning to build this application, you will gain the skills you need to build various Vue.js applications.

What you will learn

  • Starting a new Vue project
  • Structuring a Vue project
  • Working with Vue templates
  • Breaking a Vue app into components
  • Passing data between components
  • Working with dynamic data


  1. Getting Started with Vue.js
  2. Unpacking Vue.js
  3. Exercise: Vue.js Hello, World!
  4. Introducing Our Project: Mathificent
  5. Exercise: Get Started with vue-cli
  6. Exercise: Learning the Structure of a Vue App
  7. Basic Vue Features
  8. The Vue Instance
  9. Writing Vue Templates
  10. Exercise: Writing Templates
  11. Using Components Inside Components
  12. Exercise: Breaking an App into Components
  13. Passing Data to Child Components
  14. Dynamic Data in Templates
  15. Computed Properties
  16. The data and method Objects
  17. Directives
  18. Directives
  19. Conditionals with v-if / v-else-if / v-else
  20. Two-way Binding with v-model
  21. One-way Data Binding, Repeating, and Event Handling
  22. Emitting Custom Events
  23. Implementing Game Logic
  24. Passing Data Between Components
  25. Vue Data Binding
  26. Implementing Conditional Rendering
  27. Improving the Form Layout
  28. Making the Game UI
  29. Capturing Form Events
  30. Setting the Equation
  31. Transitions and Animations
  32. Using the transition Component
  33. Adding the Timer
  34. Adding Transitions
  35. Catching Keyboard Events



You must have previous experience with HTML, JavaScript, and Basic CSS.


Hardware Requirements:

  • This course can be taken on either a PC or Mac.

Software Requirements:

  • PC: Windows 10 or later.
  • Mac: macOS 11.0 or later.
  • Browser: The latest version of Google Chrome or Mozilla Firefox are preferred. Microsoft Edge and Safari are also compatible.
  • Adobe Animate (not included in enrollment).
  • Software must be installed and fully operational before the course begins.


  • Email capabilities and access to a personal email account.

Instructional Material Requirements:

The instructional materials required for this course are included in enrollment and will be available online.

Self-Guided Course Code: T9848