Corso di Sviluppo Full Stack

Lezione 1 • Configurazione dell'ambiente di sviluppo

Installa e configura editor di codice, emulatori di terminale e gestori di versione. Garantisce che ogni studente disponga di uno spazio di lavoro locale riproducibile e di livello professionale.

Lezione 2 • Padronanza della linea di comando

Sviluppa la fluidità nella navigazione del file system, nella gestione dei processi e nello scripting di shell. Riduce gli attriti durante l'esecuzione di server, strumenti di build e script di distribuzione.

Lezione 3 • Come funziona il web

Tratta i cicli richiesta-risposta HTTP, la risoluzione DNS e le pipeline di rendering del browser. Getta le basi per tutto il successivo lavoro front-end e back-end su un modello di comunicazione condiviso.

Lezione 1 • Animazioni e transizioni CSS

Introduce le animazioni keyframe, le transizioni e le funzioni di trasformazione per un feedback interattivo dell'interfaccia utente. Collega la rifinitura visiva agli obiettivi dell'esperienza utente.

Lezione 2 • Design responsivo e media query

Applica i principi di design mobile-first e le strategie di breakpoint per adattare i layout alle diverse dimensioni dello schermo. Prepara gli studenti a scenari di distribuzione multi-dispositivo.

Lezione 3 • Layout Flexbox e Grid

Insegna il sistema di layout unidimensionale Flexbox e quello bidimensionale Grid. Gli studenti costruiscono strutture di pagina complesse e responsive senza fare affidamento su framework.

Lezione 4 • Struttura semantica HTML

Tratta la struttura del documento, gli elementi semantici e gli attributi di accessibilità. Una semantica corretta migliora la SEO e la compatibilità con gli screen reader per tutti i progetti.

Lezione 1 • Manipolazione del DOM ed eventi

Collega JavaScript al DOM del browser per aggiornamenti dinamici dei contenuti e interazioni guidate dagli eventi. Collega le pagine statiche HTML/CSS a esperienze completamente interattive.

Lezione 2 • Flusso di controllo e funzioni

Insegna istruzioni condizionali, cicli e dichiarazioni di funzioni, incluse le arrow function e le closure. Questi costrutti formano la spina dorsale logica di tutto il codice applicativo.

Lezione 3 • JavaScript asincrono e API

Tratta callback, Promise, async/await e l'API Fetch per l'utilizzo di dati esterni. Prepara gli studenti a integrare servizi di terze parti ed endpoint di back-end.

Lezione 4 • Sintassi JavaScript e tipi di dati

Tratta variabili, primitivi, operatori e regole di coercizione di tipo. Stabilisce i fondamenti del linguaggio necessari per ogni argomento JavaScript successivo.

Lezione 1 • Routing lato client con React Router

Implementa la navigazione multi-pagina, le route dinamiche e le route protette utilizzando React Router. Abilita i pattern di navigazione delle single-page application.

Lezione 2 • Comunicazione tra componenti e Context

Tratta i problemi di prop drilling, l'API Context e useReducer per lo stato condiviso. Scala la gestione dello stato oltre i confini del singolo componente.

Lezione 3 • Concetti fondamentali di React

Introduce JSX, componenti, props e il modello di riconciliazione del DOM virtuale. Questi fondamenti sono alla base di ogni pattern React insegnato in questo capitolo.

Lezione 4 • Gestione dello stato con gli hook

Insegna useState, useEffect, useRef e hook personalizzati per gestire il ciclo di vita dei componenti e gli effetti collaterali. Sostituisce i pattern basati su classi con approcci funzionali moderni.

Lezione 1 • Autenticazione e autorizzazione

Implementa l'autenticazione basata su token, l'hashing delle password e il controllo degli accessi basato sui ruoli. Protegge gli endpoint API da accessi non autorizzati.

Lezione 2 • Gestione degli errori e sicurezza delle API

Costruisce gestori di errori centralizzati, validazione dell'input e limitazione della velocità per irrobustire l'API. Collega le pratiche di sicurezza ai requisiti di preparazione per la produzione.

Lezione 3 • Middleware e pipeline delle richieste

Tratta il middleware integrato, di terze parti e personalizzato per logging, parsing e richieste cross-origin. Le catene di middleware sono il fondamento dell'architettura delle applicazioni Express.

Lezione 4 • Costruzione di API REST con Express

Costruisce gestori di route, parsing delle richieste e formattazione delle risposte seguendo le convenzioni REST. Fornisce il livello API che i client front-end consumano.

Lezione 1 • Sicurezza e ottimizzazione del database

Applica il pool di connessioni, l'ottimizzazione delle query e il controllo degli accessi alle configurazioni di database in produzione. Garantisce l'integrità dei dati e le prestazioni sotto carico.

Lezione 2 • Integrazione ORM con Sequelize

Mappa i modelli JavaScript alle tabelle del database utilizzando Sequelize, includendo associazioni e migrazioni. Astrae l'SQL grezzo mantenendo il controllo sullo schema.

Lezione 3 • Interrogazione e manipolazione SQL

Insegna SELECT, JOIN, aggregazione, subquery e dichiarazioni di modifica dei dati. La padronanza dell'SQL è richiesta per lavorare con qualsiasi sistema di database relazionale.

Lezione 4 • Progettazione di database relazionali

Tratta la normalizzazione, la modellazione entità-relazione e la progettazione dello schema per database relazionali. Una progettazione solida dello schema previene le anomalie dei dati nei sistemi in produzione.

Lezione 1 • Gestione dello stato su larga scala

Introduce Redux Toolkit e React Query per gestire lo stato del server e lo stato complesso del client. Affronta le sfide di sincronizzazione dello stato in applicazioni di grandi dimensioni.

Lezione 2 • Test di integrazione ed end-to-end

Esegue test di integrazione su un database reale e test end-to-end che simulano flussi utente reali. Convalida che tutti i livelli funzionino correttamente insieme.

Lezione 3 • Tecniche di ottimizzazione delle prestazioni

Applica la suddivisione del codice, la memoizzazione, la caching delle query del database e l'ottimizzazione degli asset per migliorare la velocità dell'applicazione. Collega le metriche delle prestazioni ai risultati dell'esperienza utente.

Lezione 4 • Progettazione di API e flusso di dati full-stack

Progetta contratti API coerenti e traccia i dati dal database attraverso il server fino all'UI React. Risolve le discrepanze di integrazione prima che inizino i test.

Lezione 1 • Scalabilità e Infrastructure as Code

Introduce il ridimensionamento orizzontale, il bilanciamento del carico e il provisioning dell'infrastruttura tramite codice. Prepara gli studenti a gestire sistematicamente le crescenti richieste delle applicazioni.

Lezione 2 • Distribuzione e hosting su cloud

Distribuisce applicazioni containerizzate su piattaforme cloud utilizzando macchine virtuali e servizi gestiti. Tratta la configurazione del dominio, i certificati SSL e i reverse proxy.

Lezione 3 • Logging, monitoraggio e allerta

Implementa il logging strutturato, il monitoraggio delle prestazioni delle applicazioni e l'allerta di uptime per i sistemi in produzione. Abilita una rapida diagnosi dei guasti in ambienti live.

Lezione 4 • Containerizzazione con Docker

Impacchetta applicazioni e servizi in container Docker e li orchestra con Docker Compose. Elimina le incongruenze ambientali tra sviluppo e produzione.