Creare Web App con Svelte

Modulo 1: Svelte Cos'è Svelte e come si differenzia da altri framework JavaScript Storia e filosofia di Svelte Struttura di un'applicazione Svelte di base Modulo 2: Configurazione dell'Ambiente di Sviluppo Installazione di Node.js e npm Introduzione a deg per creare un progetto Svelte Configurazione di editor di codice (es. VSCode) con estensioni per Svelte Modulo 3: Sintassi di Svelte Struttura dei componenti in Svelte HTML, CSS e JavaScript all'interno di un componente Svelte Leggere e comprendere il codice Svelte Modulo 4: Concetti Base di Componenti Cos'è un componente e come creare un componente Svelte Props e dichiarazione di variabili all'interno dei componenti Creazione di componenti riutilizzabili Modulo 5: Gestione dello Stato in Svelte Variabili reattive in Svelte Utilizzo del $: per l'aggiornamento reattivo Scoping delle variabili e flussi di dati Modulo 6: Gestione degli Eventi Aggiungere eventi agli elementi HTML Gestire eventi di click, input, change, etc. Event handling in Svelte (bind, preventDefault) Modulo 7: Il Ciclo di Vita di un Componente Lifecycle methods in Svelte: onMount, beforeUpdate, afterUpdate, onDestroy Quando usare i metodi del ciclo di vita Comprendere il ciclo di vita in un'app Svelte Modulo 8: Lavorare con Form e Input Creare form in Svelte Binding tra input e variabili Gestione degli errori nei form Modulo 9: Routing in Svelte Cos'è il routing in una SPA (Single Page Application) Utilizzo di svelte-routing per il routing Creazione di una navigazione di base in un'app Svelte Modulo 10: Lavorare con Store in Svelte Cos'è uno store in Svelte Tipi di store: writable, readable, derived Utilizzo degli store per la gestione globale dello stato Modulo 11: Integrazione con API Come effettuare richieste HTTP con fetch Gestire risposte JSON e errori Visualizzazione dei dati ottenuti dalle API Modulo 12: Animazioni e Transizioni in Svelte Utilizzo delle transizioni built-in di Svelte Creazione di animazioni personalizzate Animazioni su ingresso, uscita e cambiamenti di stato Modulo 13: Gestione degli Errori e Debugging Gestione degli errori in Svelte Strumenti di debugging per il browser Utilizzo del console.log e delle funzioni di debug Modulo 14: Ottimizzazione delle Prestazioni Best practices per ottimizzare le performance in Svelte Analizzare bundle e minimizzare il codice Utilizzare il lazy loading e l'ottimizzazione del codice JavaScript Modulo 15: Deploy di una Web App Svelte Preparazione di un'app per la produzione Utilizzo di servizi di hosting (Netlify, Vercel, etc.) Eseguire il deploy di un'app Svelte in pochi passaggi