Web Design avanzato
Un sito che carica veloce, si usa con la tastiera e sta su GitHub.
- 14-17 anni
- 32 incarichi
- 90 min a incarico
- gruppo o uno a uno
- intermedio-avanzato
È il programma giusto se…
Ha già fatto qualche pagina
Sa mettere insieme HTML e CSS ma copia il JavaScript da internet senza capirlo. Qui si chiude quel buco.
Vuole che il sito faccia qualcosa
Dati che arrivano da fuori, contenuti che cambiano, interfacce che non si riscrivono a mano ogni volta.
Pensa di farne un mestiere
Git, accessibilità, prestazioni e deploy sono esattamente le cose che chiedono al primo colloquio. Meglio averle a diciassette anni.
Cosa saprà fare alla fine
JavaScript moderno
Funzioni, array, oggetti, moduli, asincronia. Scrivere codice che si rilegge tra un mese.
API e dati
Chiedere dati a un servizio esterno, aspettarli, mostrarli e gestire il caso in cui non arrivano.
Componenti
Ragionare a pezzi riutilizzabili invece che a pagine: il modo in cui si costruiscono le interfacce oggi.
Accessibilità
Tastiera, contrasto, etichette, screen reader. Un sito che esclude qualcuno e un sito fatto a metà.
Prestazioni e SEO tecnica
Misurare con Lighthouse, alleggerire le immagini, scrivere i metadati che servono a Google.
Git e deploy
Versionare il lavoro, pubblicarlo, tornare indietro quando si rompe qualcosa. Le abitudini di chi lavora.
Cosa costruirà davvero
Non esercizi: progetti finiti, che funzionano e che può mostrare.
- Progetto 1
Il cruscotto meteo
Dati veri da un'API pubblica, con i tre stati che tutti dimenticano: caricamento, nessun risultato, errore di rete.
- Progetto 2
L'app a componenti
Una piccola applicazione costruita a pezzi riutilizzabili, con lo stato gestito come si deve.
- Progetto 3
Il modulo che non esclude nessuno
Un form completo, navigabile solo da tastiera, con messaggi di errore che dicono cosa fare.
- Progetto 4
Il sito finale su GitHub
Progetto completo, punteggio Lighthouse decente, codice pubblico e sito online con il suo dominio.
Le 6 Missioni
32 incarichi in tutto. Ogni Missione chiude con una Prova di Volo, l'ultima è il progetto finale.
- 16 incarichi
JavaScript sul Serio
Dal copia e incolla al codice scritto con criterio.
- 25 incarichi
Dati da Fuori
Chiamate di rete, JSON, attese e cose che vanno storte.
- 35 incarichi
Componenti
Smettere di ripetere codice: React e il ragionamento a componenti.
- 45 incarichi
Moduli e Accessibilità
Far compilare un modulo senza far arrabbiare nessuno, nemmeno chi usa uno screen reader.
- 55 incarichi
Prestazioni e Visibilita
Un sito lento non lo legge nessuno, un sito invisibile non lo trova nessuno.
- 66 incarichi
Progetto Finale
Un sito completo, versionato su Git e pubblicato.