Le parole che ti servono per partire
Cosa significa davvero "deploy", "produzione", "ambiente". Differenza tra server, hosting, dominio, DNS. Cos'è FTP, SSH, Git. Cos'è una libreria, un framework, un pacchetto, un'API, un SDK.
Cosa c'è dentro
9 moduli, 2 glossari (130+ termini), 16 infografiche, 4 appendici pratiche.
Cosa sta succedendo davvero quando premi "Deploy"
La mappa del territorio: browser, DNS, CDN, server, database. Cosa fa Claude quando scrivi un prompt. Il viaggio del click in 8 passi.
Client e server: chi fa cosa
La distinzione più importante che il vibecoder non capisce. Quali linguaggi vivono lato browser (React, Vue, HTML/CSS), quali lato server (Node, PHP, Python). Perché JavaScript è speciale (gira in entrambi).
L'anatomia di una pagina web
Modulo super-visivo. Disegno di una pagina-tipo annotato con TUTTI i nomi corretti: header, navbar, sidebar, hero, card, modal, drawer, accordion, toast, breadcrumb, stepper, skeleton loader… Imparerai a descrivere ciò che vuoi a Claude in modo che lui capisca al primo colpo.
Il browser è stupido (ma fa tutto lui)
HTML, CSS, JavaScript, DOM, React. Server Components vs Client Components in Next.js. Perché il tuo CSS è bello su Figma e brutto su iPhone SE.
Il server è il cameriere che nessuno vede
Cos'è un'API REST con la metafora del menù del ristorante. I verbi HTTP (GET, POST, PUT, DELETE). I codici di stato decifrati: 200, 404, 401, 500. Headers, body, JSON.
Il database non è un foglio Excel (quasi)
Tabelle, righe, chiavi primarie. SQL in 10 minuti. Differenza tra SQL e NoSQL, Supabase vs Firebase. Cosa è una migration. Backup senza piangere.
Il viaggio del click in produzione
DNS spiegato bene. HTTPS e certificati SSL. Nginx come reverse proxy. Variabili d'ambiente. Cookie, sessioni, JWT. CORS in 3 paragrafi.
Parlare a Claude come uno sviluppatore
Tutto quello che hai imparato si traduce in prompt migliori. Pattern fisso: prompt vago → prompt informato. Spiegare un bug senza sapere il bug. Il ciclo debug del vibecoder serio.