Come imparare JavaScript da zero

JavaScript è il linguaggio del web: è quello che rende le pagine interattive, e oggi gira anche fuori dal browser, sui server e perfino nelle app desktop. Se ti attira l'idea di vedere subito qualcosa muoversi sullo schermo, è un punto di partenza fantastico.

In questo articolo ti spiego come imparare JavaScript da zero: dove gira davvero, le basi della sintassi, come manipolare il DOM, cos'è il codice asincrono e quali primi progetti costruire, con esempi di codice concreti.

Cos'è JavaScript in parole semplici

JavaScript è il linguaggio di programmazione che dà vita alle pagine web: gestisce clic, animazioni, dati che cambiano senza ricaricare la pagina e molto altro. Nato per il browser, oggi è uno dei linguaggi più diffusi al mondo.

Mentre HTML definisce la struttura e CSS l'aspetto, è JavaScript a gestire il comportamento. Senza di lui una pagina è statica; con lui diventa un'applicazione.

Dove gira JavaScript

Una delle ragioni della sua popolarità è la versatilità. JavaScript gira:

• Nel browser, per rendere interattivi siti e applicazioni web (il suo uso storico).
• Sul server, grazie a Node.js, per costruire backend e API.
• Su desktop, con strumenti come Electron (lo usano app come Visual Studio Code e Discord).
• Su mobile, tramite framework come React Native.

Imparare JavaScript significa quindi aprirti molte porte con un linguaggio solo. Se vuoi capire come si colloca nel mercato italiano, leggi i migliori linguaggi in Italia.

Come iniziare senza installare nulla

Per i primi passi non serve alcun setup: ogni browser ha già un motore JavaScript. Apri gli Strumenti per sviluppatori (tasto F12), vai sulla Console e scrivi:

console.log("Ciao, mondo!");

Quando vorrai progetti più seri, ti basteranno Visual Studio Code e Node.js per eseguire codice fuori dal browser.

Le basi della sintassi

Variabili. Usa let per valori che cambiano e const per quelli fissi:

const nome = "Edoardo";
let punteggio = 0;
punteggio = punteggio + 10;

Condizioni.

const eta = 20;
if (eta >= 18) {
  console.log("Maggiorenne");
} else {
  console.log("Minorenne");
}

Cicli.

for (let i = 1; i <= 5; i++) {
  console.log("Conto: " + i);
}

Funzioni, anche in forma "arrow", molto comune in JavaScript moderno:

const saluta = (nome) => `Ciao, ${nome}!`;
console.log(saluta("Marco"));

Array e oggetti, le strutture dati che userai di continuo:

const spesa = ["pane", "latte"];
spesa.push("uova");

const utente = { nome: "Anna", eta: 28 };
console.log(utente.nome);

Manipolare il DOM

Il DOM (Document Object Model) è la rappresentazione della pagina con cui JavaScript interagisce. È qui che il linguaggio mostra la sua magia: leggere e modificare la pagina in tempo reale.

const bottone = document.querySelector("#mioBottone");

bottone.addEventListener("click", () => {
  document.querySelector("#messaggio").textContent = "Hai cliccato!";
});

In poche righe: selezioni un elemento, ascolti un evento (il clic) e modifichi la pagina di conseguenza. Questo schema "seleziona, ascolta, reagisci" è il cuore della programmazione frontend.

Il codice asincrono

Molte operazioni nel web non sono istantanee: chiamare un server, leggere un file, attendere una risposta. JavaScript gestisce queste attese senza bloccare la pagina, tramite il codice asincrono. Lo strumento moderno per scriverlo è async/await:

async function caricaUtente() {
  const risposta = await fetch("https://api.example.com/utente");
  const dati = await risposta.json();
  console.log(dati.nome);
}

caricaUtente();

All'inizio l'asincronia confonde, ed è normale: è uno dei concetti più ostici, ma anche tra i più importanti del linguaggio. Affrontalo solo dopo aver solidificato le basi.

I primi progetti da costruire

Appena padroneggi DOM ed eventi, costruisci qualcosa di visibile nel browser:

• To-do list con aggiunta e cancellazione di voci.
• Contatore o calcolatrice con pulsanti.
• Quiz a risposta multipla con punteggio finale.
• App meteo che usa una API pubblica (ottima per esercitarti con fetch).

Costruire è il modo più veloce per imparare davvero: lo spiego nell'articolo su imparare dai progetti. Ogni progetto ti costringe a unire i pezzi che hai studiato separatamente.

Un percorso ordinato

1. Basi del linguaggio: variabili, condizioni, cicli, funzioni, array e oggetti.
2. DOM ed eventi: selezione, modifica della pagina, gestione dei clic.
3. Asincronia: fetch, promesse, async/await.
4. Strumenti: impara a usare il controllo di versione con Git e GitHub.
5. Framework: solo dopo le basi, valuta React, Vue o altri.

In sintesi

Per imparare JavaScript da zero parti dalle basi della sintassi, impara a manipolare il DOM per rendere le pagine interattive e affronta l'asincronia quando ti senti pronto. Soprattutto, costruisci progetti: è lì che tutto si incastra.

Se vuoi un percorso guidato che ti porti dalle basi del linguaggio fino ai primi progetti interattivi senza perderti, dai un'occhiata ai miei corsi: pensati per chi inizia e vuole risultati concreti.