Creare dati iniziali e struttura del progetto

Preparare cartelle, file e primi dati di prova.

In parole semplici

Prima di collegare tutto, crea dati finti e struttura ordinata. I dati di prova ti permettono di costruire la pagina senza aspettare il form completo.

Questa lezione fa parte del modulo Progetto finale guidato. L’obiettivo del modulo è: Costruire una mini app semplice, pubblicarla e saper spiegare le scelte principali.

Parole nuove

dati di prova: dati scritti a mano per costruire e verificare l’app.

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 mini app JavaScript pubblicata online con README essenziale.

Esempio da copiare

const libri = [
  { titolo: "Il piccolo principe", letto: false },
  { titolo: "Marcovaldo", letto: true }
];

console.log(libri);

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

Esercizio guidato

Crea la cartella del progetto.
Crea index.html e main.js.
Scrivi due dati di prova.
Mostrali in console.
Prepara una funzione render per mostrarli nella pagina.

Controllo finale

Hai finito quando la pagina può mostrare dati anche prima di usare un form.