Vue.js algkursus (e-õpe, inglise keeles)

Koolituse maht: 16 akadeemilist tundi ehk 2 õppepäeva, mille saad endale sobivale ajale jaotada.

Sihtgrupp: This course is for students new to Vue.js.

Koolitusel osalemise eeldused: Experience in the following is required for this React class: HTML, JavaScript, basic CSS.

To complete the training and get a certification you need to pass the quiz 100%.

Koolituse teemad:

This Vue.js training class is a hands-on, practical course for learning Vue.js. You should know HTML and JavaScript well, and you should be comfortable with CSS, meaning that you know what CSS rules are and how to apply them with classes and styles.

The course begins with a simple “Hello, Vue!” app and then takes you through the process of creating a small, but featureful math app like the one at Mathificent. Through learning to build this application, you will gain the skills you need to build many different types of Vue.js applications.

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

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

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

4. Implementing Game Logic

• Exercise: 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
• Test

5. Transitions and Animations

• Using the transition Component
• Exercise: Adding the Timer
• Exercise: Adding Transitions
• Exercise: Catching Keyboard Events
• Test

Koolituse eesmärk

The main purpose of this e-course is to give students a good understanding of the basics of Vue.js.

Koolituse õpiväljundid

After completing this course, students will:

• Learn how to start on new Vue.js project.
• Learn how to structure a Vue project.
• Learn about Vue templates.
• Break a Vue app into components.
• Learn about dynamic data.
• Learn Vue.js directives.
• Learn conditional rendering with v-if, v-else-if, and v-else.
• Learn binding HTML elements to fields with v-model and v-bind.
• Create event listeners with v-on.
• Loop with v-for.
• Emit events from child components.
• Listen for events in parent components.
• Pass data in event emitters.
• Learn about the transition Component.
• Learn how to add a timer.

Koolitus toimub e-õppe keskkonnas, kuhu saab siseneda isikliku kasutajanime ja parooliga. Need saadetakse Teile pärast koolitusarve tasumist või erikokkuleppel.