VueJS 3
Vuejs is the most interesting front-end development framework at present. It is developed by Java Script and is
continuously growing. Currently, it has huge demand as a career track. So, starting to learn Vuejs could be a
wise decision for any person. That is why we are offering this course for our students.
VueJS Outline
Getting Started with Vue 3
- Unpacking Vue 3
- Vue 3 Hello, World! (Exercise)
- Introducing Our Project: Mathificent
- Get Started with vue-cli (Exercise)
- Learning the Structure of a Vue App (Exercise)
Basic Vue Features
- The Vue Instance
- Writing Vue Templates
- Writing Templates (Exercise)
- Using Components Inside Components
- Breaking an App into Components (Exercise)
- 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 (Exercise)
- Vue Data Binding (Exercise)
- Implementing Conditional Rendering (Exercise)
- Improving the Form Layout (Exercise)
- Making the Game UI (Exercise)
- Capturing Form Events (Exercise)
- Setting the Equation (Exercise)
Transitions and Animations
- Using the transition Component
- Adding the Timer (Exercise)
- Adding Transitions (Exercise)
- Catching Keyboard Events (Exercise)
Vue Routing
- Routing
- Routing with Vue Router
- Implementing Routes (Exercise)
Required Prerequisites
- HTML
- JavaScript
- Basic CSS