Cos’è JavaScript e cosa permette di fare
Introduzione al ruolo di JavaScript nelle pagine web: interazioni, logica, controlli, automatismi e differenze rispetto a HTML e CSS.
Studia la lezione → FondamentiCome collegare JavaScript a una pagina HTML
Script inline, file esterni, posizione dello script, attributo defer e organizzazione corretta dei file.
Studia la lezione → FondamentiConsole, alert e prompt
I primi strumenti per vedere risultati, messaggi e input dell’utente durante gli esercizi.
Studia la lezione → LinguaggioVariabili con let e const
Memorizzare valori, scegliere nomi chiari, evitare errori comuni e capire quando usare let o const.
Studia la lezione → LinguaggioTipi di dati: stringhe, numeri e booleani
Gestire testi, numeri, vero/falso, conversioni e controlli sui dati inseriti dall’utente.
Studia la lezione → LinguaggioOperatori e calcoli
Somme, confronti, concatenazioni, operatori logici e piccoli calcoli utili in pagine interattive.
Studia la lezione → LogicaCondizioni if, else e switch
Eseguire azioni diverse in base a una scelta, un valore o una risposta dell’utente.
Studia la lezione → LogicaCicli for e while
Ripetere istruzioni, generare liste, controllare dati e creare piccole automazioni.
Studia la lezione → LogicaFunzioni JavaScript
Organizzare il codice in blocchi riutilizzabili, con parametri e valori restituiti.
Studia la lezione → DatiArray: liste di valori
Creare, leggere, modificare e scorrere elenchi di elementi, nomi, prodotti o risultati.
Studia la lezione → DatiOggetti JavaScript
Rappresentare dati strutturati come persone, prodotti, corsi e impostazioni.
Studia la lezione → DOMDOM: selezionare elementi della pagina
Usare querySelector e getElementById per leggere e modificare contenuti HTML.
Studia la lezione → DOMDOM: modificare testi, classi e stili
Aggiornare titoli, paragrafi, messaggi, classi CSS e contenuti dinamici.
Studia la lezione → InterazioneEventi: click, input e submit
Far reagire la pagina ai comandi dell’utente: pulsanti, campi modulo e invii.
Studia la lezione → FormValidazione di un form con JavaScript
Controllare campi vuoti, email, password, messaggi di errore e feedback immediato.
Studia la lezione → ComponentiMenu interattivo e pulsante hamburger
Creare una navigazione semplice che si apre e si chiude sui dispositivi mobili.
Studia la lezione → ComponentiTabs e accordion
Mostrare contenuti a schede o sezioni espandibili, utili per FAQ e pagine didattiche.
Studia la lezione → ComponentiSlider base di immagini o contenuti
Creare una piccola galleria con pulsanti avanti e indietro.
Studia la lezione → ComponentiFiltro e ricerca in una lista
Filtrare card, prodotti, guide o lezioni usando un campo di ricerca.
Studia la lezione → BrowserLocalStorage: salvare dati nel browser
Memorizzare preferenze, note e piccoli dati anche dopo il refresh della pagina.
Studia la lezione → BrowserDate, timer e countdown
Gestire date, orari, setInterval, setTimeout e conto alla rovescia.
Studia la lezione → DatiJSON e fetch: leggere dati esterni
Capire JSON e introdurre fetch per caricare dati da un file o da una sorgente esterna.
Studia la lezione → DebugErrori comuni e debug
Leggere gli errori della console, capire undefined, null, scope e problemi di sintassi.
Studia la lezione → ProgettoProgetto finale: mini app interattiva
Realizzare una piccola applicazione completa unendo HTML, CSS e JavaScript.
Studia la lezione →