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