esercizi di ripasso

javascript/ripasso_completo/README.md

@@ -0,0 +1,81 @@
+# 🎯 Ripasso Completo JavaScript — Piano Esercizi
+
+## Obiettivo
+
+Questi due esercizi coprono **TUTTO** il programma JavaScript, dal primo `console.log` fino a `localStorage`.
+Sono pensati per essere fatti **in autonomia**, senza bisogno di aiuto, a patto di seguire le istruzioni passo passo e di non saltare nessun concetto.
+
+---
+
+## Come fare gli esercizi
+
+1. Fai la fork di questo repository (in alto a destra)
+2. Clona la tua copia sul computer
+3. Apri il file `index.html` del primo esercizo sul browser
+4. Apri la **Console del browser** (F12 → Console)
+5. Lavora sul file `script.js` del primo esercizio seguendo i capitoli dall'alto al basso
+6. Guarda l'output nella console per verificare che stai facendo giusto
+7. **Non saltare nessun step** — ogni step usa ciò che hai fatto prima
+8. Salva e ricarica la pagina per vedere i risultati
+9. Quando hai finito il primo esercizio, ripeti i passaggi 3-8 per il secondo esercizio
+
+---
+
+## Struttura
+
+### Esercizio 1 — "Il Menu della Pizzeria" (GUIDATO)
+
+Un esercizio **guidato** che funziona anche come tutorial.
+Per OGNI concetto trovi:
+
+- 📖 **Spiegazione** del concetto (cosa fa e perché serve)
+- 💡 **Esempio** funzionante da leggere
+- ✏️ **TODO** — il codice che devi scrivere tu
+- ✅ **Output atteso** — per verificare che hai fatto giusto
+
+**Argomenti coperti (22 step):**
+
+| Step | Argomento                          | Capitolo |
+| ---- | ---------------------------------- | -------- |
+| 1    | console.log, variabili, tipi       | 1        |
+| 2    | const vs let, typeof               | 1        |
+| 3    | Operatori aritmetici               | 2        |
+| 4    | Operatori di confronto e logici    | 2        |
+| 5    | if / else                          | 3        |
+| 6    | else if, switch                    | 3        |
+| 7    | Ciclo while                        | 4        |
+| 8    | Ciclo for, break, continue         | 4        |
+| 9    | Funzioni base                      | 5        |
+| 10   | Funzioni con return                | 5        |
+| 11   | Array: creazione e metodi          | 6        |
+| 12   | Array: iterazione e map            | 6        |
+| 13   | Oggetti: creazione e accesso       | 7        |
+| 14   | Oggetti: annidati e destruttura    | 7        |
+| 15   | DOM: selezione e modifica testo    | 8        |
+| 16   | DOM: stili e classList             | 8        |
+| 17   | DOM: createElement e append        | 9        |
+| 18   | DOM: addEventListener              | 9        |
+| 19   | Manipolazione stringhe             | 10       |
+| 20   | Math e template literals           | 10       |
+| 21   | localStorage: salvare              | 11       |
+| 22   | localStorage: caricare             | 11       |
+
+---
+
+### Esercizio 2 — "La Rubrica Contatti" (SEMI-GUIDATO)
+
+Stessi concetti dell'Esercizio 1, ma con **meno aiuto**:
+
+- Solo il **requisito** (cosa devi fare)
+- Un **hint** breve (suggerimento)
+- Nessun esempio, nessun output scritto
+
+Se ti blocchi, torna all'Esercizio 1 per rivedere il concetto.
+
+---
+
+## Regola d'oro
+
+> **Se non ricordi come si fa qualcosa, rileggilo nell'Esercizio 1.**\
+> **Se ancora non capisci, prova a cercarlo online o negli appunti.**\
+> **Se tutto fallisce, chiedere al professore.**