Introduction to Vue.js Training

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

SHARE
3 Months / 28 Course Hrs
Open Enrollment
Offered in partnership with your preferred school

University of Houston

Change School
Learning method

Introduction to Vue.js Training

Enroll Now

Course code: T9848

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

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

How you will benefit

  • Learning Vue will help you stand out as a web developer and build the skills you need to take on new responsibilities

How the course is taught

  • Self-Guided, online course
  • 3 Months access
  • 28 course hours
  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
Self-Study

Prerequisites:

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

Requirements:

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.

Other:

  • 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.

Your course begins immediately after you enroll.​

You have 3 months of access to the course. After enrolling, you can learn and complete the course at your own pace, within the allotted access period. You will have the opportunity to interact with other students in the online discussion area.

There is no time limit to complete each lesson, other than completing all lessons within the allotted access period. Discussion areas for each lesson are open for the entire duration of the course.

Because this course is self-guided, no extensions will be granted after the start of your enrollment.