This self-paced course will teach you how to build user interfaces with the Vue JavaScript framework.
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
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.
This self-paced course will teach you how to build user interfaces with the Vue JavaScript framework.
- Getting Started with Vue.js
- Unpacking Vue.js
- Exercise: Vue.js Hello, World!
- Introducing Our Project: Mathificent
- Exercise: Get Started with vue-cli
- Exercise: Learning the Structure of a Vue App
- Basic Vue Features
- The Vue Instance
- Writing Vue Templates
- Exercise: Writing Templates
- Using Components Inside Components
- Exercise: Breaking an App into Components
- Passing Data to Child Components
- Dynamic Data in Templates
- Computed Properties
- The data and method Objects
- Directives
- Directives
- Conditionals with v-if / v-else-if / v-else
- Two-way Binding with v-model
- One-way Data Binding, Repeating, and Event Handling
- Emitting Custom Events
- Implementing Game Logic
- Passing Data Between Components
- Vue Data Binding
- Implementing Conditional Rendering
- Improving the Form Layout
- Making the Game UI
- Capturing Form Events
- Setting the Equation
- Transitions and Animations
- Using the transition Component
- Adding the Timer
- Adding Transitions
- Catching Keyboard Events
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
Self-Study
