Da zero / prima mini app

JavaScript

Un percorso per principianti assoluti: prima vedi una pagina reagire, poi impari console, file .js, valori, funzioni, liste, eventi, salvataggio, dati esterni e una mini applicazione web pubblicata online.

Moduli 8
Lezioni 66
Durata 8 settimane guidate
Output Mini app pubblicata

Risultati concreti

Cosa saprai fare

01

Scrivere i primi comandi JavaScript partendo da console, file .js e pagine HTML semplici.

02

Usare valori, variabili, condizioni, funzioni, liste e oggetti senza saltare i passaggi di base.

03

Rendere una pagina interattiva con bottoni, form, eventi, DOM e salvataggio nel browser.

04

Costruire e pubblicare una mini app guidata, con messaggi chiari e controlli sui casi più comuni.

Piano di studi

8 moduli, 66 lezioni

Ogni modulo parte da esempi copiabili e da esercizi guidati. I concetti tecnici arrivano solo dopo aver visto un comportamento concreto.

Modulo 01

Primi passi con JavaScript

primi passi

Capire cosa può fare JavaScript e scrivere i primi comandi senza dare nulla per scontato.

Il modulo parte da zero assoluto: prima si vede una pagina cambiare, poi si imparano console, file JavaScript, valori, variabili e piccole operazioni.

Output un piccolo calcolatore di prezzo eseguito in console
  1. 01 Che cosa fa JavaScript in una pagina web 12 min
  2. 02 Aprire la console e scrivere il primo comando 12 min
  3. 03 Collegare un file JavaScript a una pagina HTML 12 min
  4. 04 Testi, numeri e vero/falso 12 min
  5. 05 Variabili: dare un nome ai dati 12 min
  6. 06 Mostrare messaggi con console.log 12 min
  7. 07 Operazioni semplici e commenti 12 min
  8. 08 Mini laboratorio: calcolo del prezzo finale 12 min
Modulo 02

Decisioni e funzioni semplici

decisioni

Far prendere decisioni al codice e raccogliere istruzioni in funzioni facili da riusare.

Il modulo introduce confronti, if/else e funzioni partendo da esempi piccoli: controllare un’età, calcolare un prezzo, validare un dato scritto dall’utente.

Output un controllore semplice per dati inseriti in un modulo
  1. 09 Confrontare valori: uguale, diverso, maggiore e minore 12 min
  2. 10 if e else: far scegliere una strada al programma 12 min
  3. 11 Trasformare testo in numero 12 min
  4. 12 Scrivere messaggi con template literal 12 min
  5. 13 Funzioni: dare un nome a un'azione 12 min
  6. 14 Parametri: passare dati a una funzione 12 min
  7. 15 return: ottenere un risultato 12 min
  8. 16 Laboratorio: controllare i dati di un modulo 25 min
Modulo 03

Liste e schede di dati

dati

Imparare a gestire più valori insieme usando array e oggetti.

Il modulo spiega liste e schede con esempi quotidiani: prodotti, utenti, attività e cataloghi. Ogni operazione parte da casi piccoli e visibili in console.

Output un piccolo catalogo prodotti cercabile e filtrabile in console
  1. 17 Array: una lista di elementi 12 min
  2. 18 Aggiungere, togliere e leggere elementi 12 min
  3. 19 Cicli: ripetere un’azione per ogni elemento 12 min
  4. 20 Oggetti: una scheda con più informazioni 12 min
  5. 21 Liste di oggetti: cataloghi, utenti e attività 12 min
  6. 22 Cercare un elemento con find 12 min
  7. 23 Filtrare una lista con filter 12 min
  8. 24 Trasformare una lista con map 12 min
  9. 25 Laboratorio: piccolo catalogo prodotti 25 min
Modulo 04

Rendere interattiva una pagina

pagina

Collegare JavaScript a HTML in modo graduale: selezionare elementi, reagire a eventi, leggere form e salvare dati.

Il modulo porta il codice dalla console alla pagina. Ogni lezione parte da una pagina HTML minima e mostra un solo comportamento alla volta.

Output una todo list semplice che salva le attività nel browser
  1. 26 Che cos'è il DOM, spiegato con la pagina davanti 12 min
  2. 27 Selezionare un elemento della pagina 12 min
  3. 28 Cambiare testo, classi e attributi 12 min
  4. 29 Ascoltare un click 12 min
  5. 30 Leggere quello che l'utente scrive 12 min
  6. 31 Gestire l'invio di un form 12 min
  7. 32 Creare elementi HTML con JavaScript 12 min
  8. 33 Salvare dati nel browser con localStorage 12 min
  9. 34 Laboratorio: todo list semplice 25 min
Modulo 05

Dati, attese e richieste web

attese

Capire come gestire operazioni che non danno una risposta immediata.

Il modulo introduce l’asincronia con esempi visibili: attese, dati caricati da un indirizzo, messaggi di caricamento ed errori comprensibili.

Output una piccola dashboard che mostra dati caricati da una fonte esterna
  1. 35 Perché a volte il codice deve aspettare 12 min
  2. 36 setTimeout: eseguire qualcosa dopo un po' 12 min
  3. 37 Promise: una risposta che arriverà dopo 12 min
  4. 38 async e await senza paura 12 min
  5. 39 fetch: leggere dati da un indirizzo 12 min
  6. 40 Mostrare caricamento, errore e contenuto 12 min
  7. 41 Gestire risposte vuote o non valide 12 min
  8. 42 Evitare troppe ricerche mentre l'utente scrive 12 min
  9. 43 Laboratorio: dashboard con dati esterni 25 min
Modulo 06

Organizzare una piccola app

organizzazione

Passare da esempi isolati a un progetto con file, dati e funzioni organizzati.

Il modulo mostra come tenere ordinato un progetto piccolo: separare file, stato, funzioni di render, salvataggio e codice che modifica la pagina.

Output una notes app semplice con file separati e salvataggio locale
  1. 44 Dividere il codice in file 12 min
  2. 45 import ed export spiegati con esempi piccoli 12 min
  3. 46 Stato: i dati correnti dell'app 12 min
  4. 47 Render: aggiornare la pagina dai dati 12 min
  5. 48 Separare calcoli e modifiche della pagina 12 min
  6. 49 Salvare e ricaricare lo stato 12 min
  7. 50 HTML funzionante prima di JavaScript 12 min
  8. 51 Laboratorio: notes app semplice 25 min
Modulo 07

Controllare, correggere e migliorare

qualità

Imparare a leggere errori, controllare dati e verificare funzioni senza andare a tentativi.

Il modulo rende il lavoro meno fragile: si imparano messaggi di errore, console ordinata, breakpoint, try/catch, controlli sui dati e primi test.

Output una checklist di controllo per correggere una piccola app JavaScript
  1. 52 Leggere gli errori senza panico 12 min
  2. 53 Usare console.log in modo ordinato 12 min
  3. 54 Breakpoint: fermare il codice nei DevTools 12 min
  4. 55 try e catch: gestire un errore previsto 12 min
  5. 56 Controllare dati prima di usarli 12 min
  6. 57 Primi test: verificare una funzione 12 min
  7. 58 Checklist finale: accessibilità e casi limite 12 min
Modulo 08

Progetto finale guidato

progetto

Costruire una mini app semplice, pubblicarla e saper spiegare le scelte principali.

Il modulo finale non chiede un progetto enorme: guida nella scelta di un problema piccolo, nella costruzione delle funzioni essenziali, nei controlli finali e nella pubblicazione.

Output una mini app JavaScript pubblicata online con README essenziale
  1. 59 Scegliere un progetto piccolo e realizzabile 12 min
  2. 60 Scrivere le funzionalità in parole semplici 12 min
  3. 61 Disegnare schermate e stati 12 min
  4. 62 Creare dati iniziali e struttura del progetto 12 min
  5. 63 Aggiungere, modificare ed eliminare dati 12 min
  6. 64 Cercare e filtrare risultati 12 min
  7. 65 Rendere l'app più chiara e robusta 12 min
  8. 66 Pubblicare il progetto e raccontare cosa hai costruito 12 min