Corso Vue.js

Obiettivo del corso

apprendere le competenze per sviluppare applicazioni con il framework Vue.js

A chi è rivolto

solo per Aziende, preventivo dedicato. Corso rivolto a sviluppatori front-end.

Programma

Programma didattico Corso Vue.js (32 ore)

1. Introduzione a Vue.js
Pro e contro di Vue.js
Vue-cli
Anatomia dell’app ed Hello World Vue

2. Template e View Model
Template
Istanza viewmodel/vue
Sintassi template
Interpolazione
Direttiva
Filtri
Espressioni Javascript
Proprietà calcolate
Osservatori
Legami di classe e stile
Classi HTML
Stili in linea
Rendering condizionale ed iterativo

3. Istanza Vue rivisitata
Utilizzo di base dell’istanza Vue
Istanze Vue multiple
Ciclo di vita dell’istanza Vue
Accesso ai dati dall’istanza Vue esterna
Dati e metodi

4. Gestione degli eventi
introduzione
Ascolto di eventi
Metodo Gestori di eventi
Modificatori di eventi
Modificatori chiave

5. Forms e Two way binding
Two way binding via tramite v-model
Gestione dell’input dell’utente con controlli del modulo HTML
Data binding
Modificatori .lazy, .number, .trim
Invio di un form

6. Introduzione ai componenti
Anatomia di un componente
Registrazione dei componenti a livello locale e globale
Componente Root
Composizione dell’applicazione come componenti

7. Passaggio dei dati ai componenti
Props, comunicazione da genitore a figlio
Eventi personalizzati, da figlio a genitore

8. Distribuzione dei contenuti con slot
Compilation scope
Single Slot
Named Slot
Scoped Slot

9. Componenti dinamici
Switching di più componenti con componenti dinamici
Comportamento dei componenti dinamici
Lifecycle hooks

10. Custom Directives
Directive hook functions
Sviluppo di una custom directive
Passaggio di valori e arguments alle custom directive
Directive hook arguments

11. Mixin
Creazione e utilizzo di mixin
Option merging
Global mixin

12 Filtri rivisitati
Filtri locali
Filtri globali
Filtri concatenati

13. Comunicazione remota con Vue.js
Utilizzo di vue-resource per lavorare con HTTP
Fetch data
Pubblicare i dati sul server
Request response interception
Template Urls

14. Routing
Setting di vue-router
Caricamento routes
Routing modes
Navigazione con router links
Styling dei collegamenti attivi
Navigazione imperativa
Route parameters
Setting child o nested routes
Named routes
Query parameters
Named router views
Route guards

15. State management
Panoramica vuex
Centralized store
Getters
Mappatura dei getter alle proprietà

16. Mutations
Mutations
Actions
Mappatura delle actions sui methods

17. Unit testing
Setup e tooling
Test dei componenti

Dove si svolge

modalità online classe virtuale oppure frontale in sede

Testimonianze

potete visionare i nostri feedback completamente trasparenti su Google Business