Introduction to Vue.js

• We will teach you how to create your own simple applications in Vue.js
• You will learn how to use routing and get familiar with application lifecycle and state management
• Learn how to work with forms and other helper libraries

• This course is for developers who want to learn how to work with the latest javascript framework, Vue.js.

• The course assumes a basic knowledge of JavaScript versions ES5 and ES6 at the INTJS and JS_ES6 course level.

Introduction

• What is Vue.Js?
• History of the framework
• Comparison with other frameworks

Theoretical part

• Data presentation
• Variable interpolation and data display
• Built-in directives
• Rendering of more complex data types

Working with data

• Data binding
• Calling actions
• Events

Using lifecycle hooks

• BeforeCreate
• Created
• BeforeMount
• Mounted and more

Routing

• SPA routing basics
• Dynamic routing and history
• Global components

Vuex - state management

• What is vuex?
• What is state management pattern
• State && Getters
• Actions and mutations

Forms

• Form Validation
• Submitting a form
• Error handling

Auxiliary libraries

• Vue CLI
• Vue Router
• Vue DevTools
• Nuxt.js

Previous courses

DOM in JavaScript I: Basics [JS_DOM1]

JavaScript II: Advanced techniques [JS_PROG2]

JS_PROG1 - JavaScript I: Basics [JS_PROG1]

Next courses

Communication with server using AJAX and Fetch API [JS_AJAX]

Angular I: Basics [JS_ANGULAR1]

Redux and its implementation in Angular and React applications [JS_REDUXJS1]

React II: Advanced techniques [JS_REACT2]

React I: Basics [JS_REACT1]

Creating backend applications using Express.js [JS_EXPRESS1]

Asynchronous and reactive programming in JavaScript [JS_ASYNC]

Angular II: Advanced techniques [JS_ANGULAR2]

DOM in JavaScript II: Advanced Techniques [JS_DOM2]

DOM in JavaScript I: Basics [JS_DOM1]

Introduction to Solid.js framework [JS_SOLID1]

Introduction to the Svelte framework [JS_SVELTE1]

Automated testing of JS applications using the Jest library [JS_TEST_JEST]

Creating JS applications using the WebSocket protocol [JS_WEBSOCKET]

jQuery Framework [JS_JQUERY]