Vue JS Logo

Goals


- Build front-end applications with Vue.js

Program

Vue.js: presentation, principles
Comparison with other JS frameworks: Angular, React, …
Initialization of a project and command line interface
Architecture of a Vue.js application; Vue object Debug
interface
Upgrade: Ecmascript5, NodeJS
Notions of components, life cycle

Workshop: Installation of the environment, creation of an application

Structure and implementation of a component
Event management
Nesting of components
Slots
Custom events

Workshop: Organization of the application into components

Writing methods for templates: render methods, jsx
Functional components
Management of animations and transitions

Workshop: Using different methods to enrich views

Route configuration
Application security (interception filters)
Transitions management

Lab: Using Vue router to navigate between pages.

Vuex: presentation, basic concepts.
Plugin management
Data storage

Workshop: Using Vuex in the application

Asynchronously loading and sending data
Querying a REST web service and processing a JSON flow
Managing forms and validating inputs
Introduction of data binding

Workshop: Interrogation of web services and exploitation of the result.

Mixins and plugins
Using Single File Components .vue.
Custom Guidelines
Optimizing
Server Side Rendering Performance
Implementing Unit Tests

Workshop: optimization of application code and unit tests.

Duration

5 days

Price

£ 2394

Audience

JavaScript developers

Prerequisites

Good knowledge of the JavaScript environment

Reference

SIT100844-F

Sessions

Contact us for more informations about session date