Vai al contenuto

Videocorso JavaScript CGFA

Da zero a siti interattivi: variabili, funzioni, DOM, asincrono e un piccolo carrello vero

  • Partenza: Da zero
  • 14 ore con gli esercizi
  • 10 lezioni in 3 livelli
  • 2 lezioni gratis
Inizia la prima lezioneSblocca il corso

A chi serve

Principianti assoluti, studenti, grafici e commercianti che vogliono rendere vivo un sito

Cosa serve per iniziare

  • Un computer Windows, Mac o Linux
  • Saper usare il browser e creare una cartella
  • Nessuna esperienza di programmazione

Cosa installare

Visual Studio CodeEditor gratuito da code.visualstudio.com: è il programma dove scrivi il codice
Node.js 24 (LTS)Si scarica gratis da nodejs.org: permette di eseguire JavaScript anche fuori dal browser
Un browser modernoChrome, Edge o Firefox: gli strumenti per sviluppatori si aprono con il tasto F12

A cosa ti serve

  • Sviluppatore front-end per siti e negozi online
  • Sviluppatore full stack con Node.js
  • Automazione di piccole attività
  • Base per React, Vue e altri strumenti moderni

Programma del corso

10 lezioni in 3 livelli. Ogni lezione: video, spiegazione, codice da copiare o provare, esercizio con soluzione e quiz.

1

Base

I mattoncini del linguaggio: valori, scelte, ripetizioni e funzioni

1Il tuo primo programma JavaScriptCapire cos'è JavaScript, preparare gli strumenti ed eseguire il primo programma.Gratis20 min2Variabili e tipi di datiMemorizzare valori con let e const e riconoscere numeri, testi e booleani.Gratis25 min3Condizioni e cicliFar prendere decisioni al programma e ripetere azioni.25 min4Le funzioniScrivere blocchi di codice riutilizzabili con parametri e valore restituito.25 min
2

Intermedio

Dati strutturati e pagine interattive

1Array e metodi: map, filter, reduceGestire elenchi di dati e trasformarli con i metodi degli array.30 min2Oggetti, destructuring e JSONDescrivere cose reali con gli oggetti e scambiare dati in formato JSON.30 min3La pagina web: DOM ed eventiLeggere e modificare una pagina HTML e reagire ai clic dell'utente.35 min
3

Avanzato

Codice asincrono, classi, moduli e qualità

1Codice asincrono: Promise, async e awaitGestire operazioni che richiedono tempo, come le chiamate a un server.35 min2Classi, closure e moduliOrganizzare il codice con classi e moduli e capire le closure.35 min3Errori, qualità e progetto: il carrelloGestire gli errori, salvare i dati nel browser e costruire il progetto finale.40 min

Progetto finale: Il carrello della pizzeria

Costruisci la logica di un carrello: aggiungi prodotti, controlla i dati, calcola subtotale, IVA al 22 per cento e spedizione. Poi collegala a una pagina HTML con il DOM.

I passi

  1. Crea il file carrello.js e un array di prodotti con nome e prezzo.
  2. Scrivi una classe Carrello con metodi aggiungi, rimuovi e un getter subtotale.
  3. Aggiungi il calcolo dell'IVA e della spedizione (gratis sopra 50 euro).
  4. Controlla con throw i dati non validi (prezzo negativo, quantità zero).
  5. Collega i bottoni di una pagina HTML con addEventListener e salva il carrello in localStorage.

Esame e attestato

Alla fine del corso fai l'esame: 15 domande, serve il 75% di risposte giuste. Superato l'esame ottieni l'attestato stampabile con nome, ore, punteggio e un codice di controllo che chiunque può verificare.

Vai all'esame

Glossario di JavaScript

Variabile
Una scatola con un nome dove il programma tiene un valore.
Costante (const)
Una variabile il cui nome non può essere riassegnato.
Funzione
Un blocco di codice con un nome, da richiamare quando serve.
Array
Un elenco ordinato di valori, numerati a partire da zero.
Oggetto
Un insieme di coppie nome e valore che descrive una cosa.
DOM
La rappresentazione della pagina HTML che JavaScript può leggere e modificare.
Evento
Qualcosa che accade nella pagina, come un clic o l'invio di un modulo.
JSON
Formato testuale per scambiare dati tra programmi e siti.
Promise
La promessa di un risultato che arriverà più tardi.
Closure
Funzione che ricorda le variabili del luogo in cui è stata creata.
Modulo
Un file di codice che esporta cose utili ad altri file.
Console
Lo strumento dove si leggono i messaggi e gli errori del programma.

Le prime 2 lezioni sono gratis

Per il corso completo, scuole e aziende: chiedi le condizioni.

Inizia oraRichiedi maggiori informazioni