Corso per web developer 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 lavori con una toolchain coerente e professionale.

Lezione 2 • Come funziona il web

Illustra i cicli richiesta-risposta HTTP, la risoluzione DNS e le pipeline di rendering del browser. Fonda tutto il coding successivo sul comportamento reale della rete.

Lezione 3 • Competenza nell'uso della riga di comando

Sviluppa la padronanza della navigazione nel file system, della gestione dei processi e dello scripting di shell. Riduce l'attrito nell'esecuzione di strumenti di build e server durante il corso.

Lezione 1 • Flexbox e Grid Layout

Insegna i sistemi di layout unidimensionale Flexbox e bidimensionale Grid. Consente layout di pagina precisi e manutenibili senza ricorrere a float hack.

Lezione 2 • Animazioni e transizioni CSS

Introduce le animazioni con keyframe, le transizioni e le funzioni di trasformazione. Aggiunge interattività curata senza sovraccarico di JavaScript.

Lezione 3 • Selettori CSS e Box Model

Spiega specificità, cascata, ereditarietà e il box model. Fornisce le basi concettuali per tutto il lavoro di layout e stilizzazione.

Lezione 4 • Design reattivo e media query

Applica i principi del design mobile-first e le strategie di breakpoint. Produce layout che si adattano fluidamente alle diverse dimensioni dei dispositivi.

Lezione 1 • Funzioni e ambito (scope)

Spiega dichiarazioni di funzione, espressioni, funzioni freccia (arrow functions), chiusure (closures) e lo stack delle chiamate. Consente una progettazione del codice modulare e riutilizzabile.

Lezione 2 • JavaScript asincrono

Illustra l'event loop, i callback, le Promises e async/await. Fornisce agli studenti gli strumenti per gestire in modo affidabile richieste di rete e operazioni temporizzate.

Lezione 3 • Array, Oggetti e Destrutturazione

Insegna la manipolazione di array e oggetti, la sintassi spread/rest e la destrutturazione. Prepara gli studenti a lavorare con dati API e stato complesso.

Lezione 4 • Manipolazione del DOM ed eventi

Applica JavaScript per interrogare, modificare e rispondere al DOM. Trasforma pagine HTML/CSS statiche in interfacce utente interattive.

Lezione 1 • Concetti fondamentali di React

Introduce JSX, componenti, props e il DOM virtuale. Stabilisce il modello mentale per costruire UI come alberi di componenti componibili.

Lezione 2 • Routing lato client con React Router

Implementa navigazione multi-pagina, percorsi dinamici e percorsi protetti. Abilita modelli di navigazione completi per applicazioni a pagina singola.

Lezione 3 • Stato e ciclo di vita con gli Hooks

Illustra useState, useEffect e hook personalizzati per la gestione dello stato dei componenti e degli effetti collaterali. Sostituisce i metodi del ciclo di vita basati su classi con modelli hook moderni.

Lezione 4 • Strategie di stilizzazione dei componenti

Confronta moduli CSS, styled-components e CSS utility-first nei progetti React. Guida gli studenti verso architetture di stilizzazione scalabili e manutenibili.

Lezione 1 • Test e documentazione delle API

Testa gli endpoint con strumenti automatizzati e genera documentazione API interattiva. Garantisce l'affidabilità dell'API e l'usabilità per lo sviluppatore.

Lezione 2 • Costruzione di API REST con Express

Illustra routing, middleware, parsing delle richieste e formattazione delle risposte. Produce un'API strutturata e a livelli che segue le convenzioni REST.

Lezione 3 • Autenticazione e autorizzazione

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

Lezione 4 • Validazione dell'input e gestione degli errori

Applica librerie di validazione basate su schema e una gestione centralizzata degli errori. Produce API che falliscono in modo controllato e restituiscono risposte di errore coerenti.

Lezione 1 • Interrogazioni SQL e ottimizzazione

Insegna SELECT, JOIN, aggregazione, sottoquery e piani di esecuzione delle query. Consente un recupero efficiente dei dati da database relazionali.

Lezione 2 • NoSQL con MongoDB

Introduce la modellazione dei documenti, le operazioni CRUD e le pipeline di aggregazione in MongoDB. Affronta casi d'uso in cui schemi flessibili superano i modelli relazionali.

Lezione 3 • Progettazione di database relazionali

Illustra la normalizzazione, la modellazione entità-relazione e la progettazione dello schema. Produce schemi relazionali ben strutturati che riducono al minimo la ridondanza.

Lezione 4 • Integrazione ORM con Prisma

Mappa le tabelle del database sui modelli applicativi utilizzando l'ORM Prisma. Riduce il codice boilerplate SQL mantenendo la sicurezza dei tipi in Node.js.

Lezione 1 • Caricamento di file e gestione dei media

Implementa il caricamento di form multipart, l'integrazione con archiviazione cloud e l'ottimizzazione delle immagini. Estende l'applicazione per gestire in modo affidabile asset binari.

Lezione 2 • Recupero dati in React

Illustra Fetch API, Axios e React Query per il recupero dati e la cache. Gestisce gli stati di caricamento, errore e successo nei componenti UI.

Lezione 3 • Funzionalità in tempo reale con WebSocket

Aggiunge comunicazione bidirezionale utilizzando WebSocket e Socket.IO. Abilita funzionalità live come chat, notifiche e modifica collaborativa.

Lezione 4 • Consumare GraphQL in React

Integra Apollo Client in React per interrogare e mutare API GraphQL. Sincronizza lo stato del server e del client tramite la cache di Apollo.

Lezione 1 • Hardening della sicurezza delle applicazioni

Applica l'applicazione di HTTPS, intestazioni di sicurezza, limitazione della velocità (rate limiting) e audit delle dipendenze. Protegge l'applicazione in produzione dalle vulnerabilità web comuni.

Lezione 2 • Strategie di distribuzione cloud

Distribuisce app containerizzate su piattaforme cloud utilizzando servizi gestiti e infrastructure-as-code. Copre opzioni di hosting scalabili sia per il frontend che per il backend.

Lezione 3 • Automazione della pipeline CI/CD

Automatizza test, build e distribuzione utilizzando i workflow di GitHub Actions. Riduce i passaggi di rilascio manuali e impone controlli di qualità ad ogni push.

Lezione 4 • Containerizzazione con Docker

Impacchetta applicazioni e servizi in container Docker e compone ambienti multi-servizio. Elimina l'incoerenza ambientale tra sviluppo e produzione.