0500 - Introduction to Vue.js Training (Self-Paced)
Description
Course DetailsVue 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
RequirementsHardware 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.
Lesson 1 - Getting Started with Vue.js. Unpacking Vue.js
Lesson 2 - Exercise: Vue.js Hello, World!. Introducing Our Project: Mathificent
Lesson 3 - Exercise: Get Started with vue-cli. Exercise: Learning the Structure of a Vue App
Lesson 4 - Basic Vue Features. The Vue Instance
Lesson 5 - Writing Vue Templates. Exercise: Writing Templates
Lesson 6 - Using Components Inside Components. Exercise: Breaking an App into Components
Lesson 7 - Passing Data to Child Components. Dynamic Data in Templates
Lesson 8 - Computed Properties. The data and method Objects
Lesson 9 - Directives. Directives
Lesson 10 - Conditionals with v-if / v-else-if / v-else. Two-way Binding with v-model
Lesson 11 - One-way Data Binding, Repeating, and Event Handling. Emitting Custom Events
Lesson 12 - Implementing Game Logic. Passing Data Between Components
Lesson 13 - Vue Data Binding. Implementing Conditional Rendering
Lesson 14 - Improving the Form Layout. Making the Game UI
Lesson 15 - Capturing Form Events. Setting the Equation
Lesson 16 - Transitions and Animations. Using the transition Component
Lesson 17 - Adding the Timer. Adding Transitions
Lesson 18 - Catching Keyboard Events.
Applies Towards the Following Certificates
- Essentials of Web Design : Mandatory