Contenuti dettagliati del Corso
Modulo 1: Fondamenti di Vue.js e Sviluppo di Base
1. Introduzione a Vue.js e Architettura delle Applicazioni
- Struttura del corso e presentazione dell'applicazione di supporto
- Architettura basata su componenti
- Progettazione atomica e separazione delle responsabilità
2. Fondamenti di Vue.js
- Concetti base della reattività in Vue.js
- Ciclo di vita dei componenti e hooks
- Struttura dei componenti Vue.js
- Single File Components (SFC)
- Differenze tra Options API e Composition API
Modulo 2: Funzionalità Core di Vue.js
3. Dinamizzazione dell'HTML con Vue.js
- Creazione del primo progetto Vue.js
- Componenti e proprietà
- Dati reattivi con Refs e Reactive
4. Utilizzo delle Direttive di Vue.js
- v-text e v-html
- Gestione della visibilità con v-if e v-show
- Iterazioni con v-for
5. Proprietà Computate e Metodi in Vue.js
- Differenze tra metodi e proprietà computate
- Applicazioni pratiche
6. Gestione di Eventi e Dati nei Componenti
- Passaggio di dati tra componenti con Props
- Eventi personalizzati e argomenti
- Modificatori di eventi
7. Chiamate API e Componenti Asincroni
- Recupero dati da API
- Osservatori (watch)
- Componenti asincroni
Modulo 3: Tecniche Avanzate e Best Practices
8. Testing dell'Applicazione con Vitest e Cypress
- Test unitari con Vitest
- Test end-to-end con Cypress
- Tecniche avanzate di testing (Mocking, Spying)
9. Approfondimento su Vue.js
- Slot e Template Refs
- Stato locale e gestione del ciclo di vita
- Memorizzazione delle preferenze utente con localStorage
10. Gestione delle Rotte con Vue Router
- Configurazione e navigazione tra pagine
- Rotte dinamiche e nidificate
- Alias e reindirizzamenti
11. Gestione dello Stato con Pinia
- Quando usare uno store centralizzato
- Creazione di store con Pinia
- Gestione dello stato globale
12. Validazione dei Form con VeeValidate
- Implementazione della validazione client-side
- Uso delle regole di VeeValidate
13. Debugging e Ottimizzazione con Vue Devtools
- Utilizzo di Vue Devtools per il debug
- Analisi della timeline e dei plugin Vue Devtools