cat javascript/dividere-il-codice-in-file.md

Lezione 44 12 min

Dividere il codice in file

Capire perché un unico file diventa presto difficile da leggere.

In parole semplici

All’inizio un file basta. Quando il codice cresce, dividere per responsabilità aiuta a trovare le cose e a correggere errori senza confusione.

Questa lezione fa parte del modulo Organizzare una piccola app. L’obiettivo del modulo è: Passare da esempi isolati a un progetto con file, dati e funzioni organizzati.

Parole nuove

  • responsabilità: compito principale di un file o funzione.

Cosa impari

  • Capire il concetto senza partire da definizioni astratte.
  • Vedere un esempio piccolo che puoi copiare e modificare.
  • Collegare l’argomento al risultato del modulo: una notes app semplice con file separati e salvataggio locale.

Esempio da copiare

// main.js: avvio dell'app
// storage.js: salvataggio e lettura dati
// dom.js: codice che modifica la pagina
// notes.js: regole sulle note

Non devi memorizzare tutto subito. Prima copia l’esempio, fallo funzionare e cambia una cosa alla volta.

Esercizio guidato

  1. Prendi un progetto piccolo.
  2. Scrivi quali parti riguardano la pagina.
  3. Scrivi quali parti riguardano i dati.
  4. Proponi tre file con nomi chiari.
  5. Sposta solo una funzione nel file più adatto.

Controllo finale

Hai finito quando sai spiegare perché ogni file esiste.