FR
Sviluppo Frontend
Costruisci interfacce moderne, accessibili e veloci che funzionano davvero su qualsiasi dispositivo.
24 skill
6 mesi
Principiante
È pensato per chi non ha mai scritto una riga di codice, ma anche per chi viene dal backend e vuole capire davvero come funziona la parte visibile del web. Alla fine sarai in grado di prendere un design statico e trasformarlo in un'interfaccia funzionante, performante e usabile.
Sbocchi tipici: frontend developer junior, web designer che programma, freelance per piccoli progetti.
Foundation
1
Fondamenti di HTML
Il linguaggio che definisce cosa c'è in una pagina web: titoli, paragrafi, link, immagini, form.
25 minuti
2
Fondamenti di CSS
Come dare forma, colore e tipografia agli elementi HTML, con regole chiare e prevedibili.
30 minuti
3
Layout: Flexbox e Grid
I due strumenti moderni per disporre elementi: Flexbox per linee, Grid per griglie 2D.
35 minuti
4
Design Responsive
Costruire pagine che si adattano da telefono a desktop senza versioni separate.
25 minuti
5
HTML Semantico
Usare i tag giusti (header, nav, main, article…) invece di `div` ovunque.
20 minuti
6
Accessibilità Web (a11y)
Costruire siti che funzionano anche con screen reader, tastiera, contrasto basso, motoria limitata.
30 minuti
15
Basi di Git e GitHub
Tracciare modifiche, branch, merge, push, aprire una pull request.
30 minuti
Core
7
Sintassi essenziale di JavaScript
Variabili, funzioni, condizionali, cicli, array, oggetti. La base per tutto il resto.
30 minuti
8
Manipolazione del DOM
Leggere e modificare la pagina da JavaScript: querySelector, addEventListener, classList.
25 minuti
9
Async, Promise, async/await
Eseguire cose in parallelo senza bloccare e aspettare i risultati in modo pulito.
30 minuti
10
Moduli e import in JavaScript
Dividere il codice in file che importano solo ciò che serve.
20 minuti
11
Closure e Scope in JavaScript
Capire perché una funzione "ricorda" le variabili dove è stata creata, anche dopo che il contesto è finito.
25 minuti
12
fetch API e basi REST
Parlare con un server dal browser: GET, POST, JSON, errori.
25 minuti
13
npm, yarn, pnpm
Installare e gestire pacchetti JavaScript, lockfile, semver.
20 minuti
14
Vite e i build tool moderni
Perché esiste un passo di build e come Vite lo rende istantaneo.
25 minuti
16
Fondamenti di React
Componenti, JSX, props, rendering. Il modello mentale di base.
40 minuti
19
React Router
Più pagine in un'app React: route, link, layout, parametri.
25 minuti
21
DevTools del browser
Ispezionare il DOM, debug JS, vedere il network, profilare le performance.
20 minuti
24
Form e validazione
Validazione nativa dei form, regole custom, messaggi di errore accessibili.
25 minuti
Advanced
17
React Hooks
useState, useEffect, useMemo, useRef e come usarli bene.
35 minuti
18
Gestione dello stato in React
Stato locale, context, librerie (Zustand, Redux). Scegli quella giusta.
30 minuti
20
Pattern di progettazione dei componenti
Composizione, slot, render props, custom hook. Codice riusabile senza dolore.
30 minuti
22
Performance web di base
Perché le pagine sono lente e gli interventi economici che fanno la differenza.
30 minuti
23
Test con Vitest
Unit test su componenti e funzioni di utilità; fidati dei tuoi refactor.
30 minuti