Scrivere i primi comandi JavaScript partendo da console, file .js e pagine HTML semplici.
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.
Risultati concreti
Cosa saprai fare
Usare valori, variabili, condizioni, funzioni, liste e oggetti senza saltare i passaggi di base.
Rendere una pagina interattiva con bottoni, form, eventi, DOM e salvataggio nel browser.
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.
Primi passi con JavaScript
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.
- 01 Che cosa fa JavaScript in una pagina web 12 min
- 02 Aprire la console e scrivere il primo comando 12 min
- 03 Collegare un file JavaScript a una pagina HTML 12 min
- 04 Testi, numeri e vero/falso 12 min
- 05 Variabili: dare un nome ai dati 12 min
- 06 Mostrare messaggi con console.log 12 min
- 07 Operazioni semplici e commenti 12 min
- 08 Mini laboratorio: calcolo del prezzo finale 12 min
Decisioni e funzioni semplici
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.
- 09 Confrontare valori: uguale, diverso, maggiore e minore 12 min
- 10 if e else: far scegliere una strada al programma 12 min
- 11 Trasformare testo in numero 12 min
- 12 Scrivere messaggi con template literal 12 min
- 13 Funzioni: dare un nome a un'azione 12 min
- 14 Parametri: passare dati a una funzione 12 min
- 15 return: ottenere un risultato 12 min
- 16 Laboratorio: controllare i dati di un modulo 25 min
Liste e schede di 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.
- 17 Array: una lista di elementi 12 min
- 18 Aggiungere, togliere e leggere elementi 12 min
- 19 Cicli: ripetere un’azione per ogni elemento 12 min
- 20 Oggetti: una scheda con più informazioni 12 min
- 21 Liste di oggetti: cataloghi, utenti e attività 12 min
- 22 Cercare un elemento con find 12 min
- 23 Filtrare una lista con filter 12 min
- 24 Trasformare una lista con map 12 min
- 25 Laboratorio: piccolo catalogo prodotti 25 min
Rendere interattiva una 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.
- 26 Che cos'è il DOM, spiegato con la pagina davanti 12 min
- 27 Selezionare un elemento della pagina 12 min
- 28 Cambiare testo, classi e attributi 12 min
- 29 Ascoltare un click 12 min
- 30 Leggere quello che l'utente scrive 12 min
- 31 Gestire l'invio di un form 12 min
- 32 Creare elementi HTML con JavaScript 12 min
- 33 Salvare dati nel browser con localStorage 12 min
- 34 Laboratorio: todo list semplice 25 min
Dati, attese e richieste web
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.
- 35 Perché a volte il codice deve aspettare 12 min
- 36 setTimeout: eseguire qualcosa dopo un po' 12 min
- 37 Promise: una risposta che arriverà dopo 12 min
- 38 async e await senza paura 12 min
- 39 fetch: leggere dati da un indirizzo 12 min
- 40 Mostrare caricamento, errore e contenuto 12 min
- 41 Gestire risposte vuote o non valide 12 min
- 42 Evitare troppe ricerche mentre l'utente scrive 12 min
- 43 Laboratorio: dashboard con dati esterni 25 min
Organizzare una piccola app
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.
- 44 Dividere il codice in file 12 min
- 45 import ed export spiegati con esempi piccoli 12 min
- 46 Stato: i dati correnti dell'app 12 min
- 47 Render: aggiornare la pagina dai dati 12 min
- 48 Separare calcoli e modifiche della pagina 12 min
- 49 Salvare e ricaricare lo stato 12 min
- 50 HTML funzionante prima di JavaScript 12 min
- 51 Laboratorio: notes app semplice 25 min
Controllare, correggere e migliorare
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.
- 52 Leggere gli errori senza panico 12 min
- 53 Usare console.log in modo ordinato 12 min
- 54 Breakpoint: fermare il codice nei DevTools 12 min
- 55 try e catch: gestire un errore previsto 12 min
- 56 Controllare dati prima di usarli 12 min
- 57 Primi test: verificare una funzione 12 min
- 58 Checklist finale: accessibilità e casi limite 12 min
Progetto finale guidato
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.
- 59 Scegliere un progetto piccolo e realizzabile 12 min
- 60 Scrivere le funzionalità in parole semplici 12 min
- 61 Disegnare schermate e stati 12 min
- 62 Creare dati iniziali e struttura del progetto 12 min
- 63 Aggiungere, modificare ed eliminare dati 12 min
- 64 Cercare e filtrare risultati 12 min
- 65 Rendere l'app più chiara e robusta 12 min
- 66 Pubblicare il progetto e raccontare cosa hai costruito 12 min