cat javascript/aggiungere-modificare-ed-eliminare-dati.md

Lezione 63 12 min

Aggiungere, modificare ed eliminare dati

Costruire le azioni principali della mini app.

In parole semplici

Quasi tutte le mini app hanno tre azioni base: aggiungere, cambiare, eliminare. Falle funzionare prima in modo semplice, poi le colleghi alla pagina.

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

  • CRUD: sigla tecnica per creare, leggere, aggiornare, eliminare.

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

let libri = [];

function aggiungiLibro(titolo) {
  libri.push({ titolo, letto: false });
}

function eliminaLibro(indice) {
  libri.splice(indice, 1);
}

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

Esercizio guidato

  1. Scrivi una funzione per aggiungere.
  2. Scrivi una funzione per eliminare.
  3. Scrivi una funzione per cambiare lo stato letto/non letto.
  4. Provale in console.
  5. Poi collegale ai bottoni nella pagina.

Controllo finale

Hai finito quando puoi aggiungere, modificare ed eliminare almeno un elemento.