Spiegazione interattiva JavaScript

Pubblicato il 6 novembre 2025 alle ore 10:01

💡 Guida Interattiva a JavaScript

Scopri i concetti principali del linguaggio che dà vita al web.
Clicca sulle sezioni per leggere la spiegazione!

📘 Cos'è JavaScript

JavaScript è un linguaggio di programmazione utilizzato per rendere interattive le pagine web. È eseguito direttamente nel browser e consente di creare animazioni, validare form, aggiornare contenuti senza ricaricare la pagina e molto altro.

🧩 Variabili e Tipi di Dati

Le variabili si dichiarano con let, const o var.
Esempio: let nome = "Luca"; const eta = 25;
Tipi principali: stringhe, numeri, booleani, array e oggetti.

🔁 Cicli e Condizioni

I cicli (for, while) permettono di ripetere un'azione più volte.
Le condizioni (if, else) servono per prendere decisioni.
Esempio:
if (eta >= 18) { console.log("Sei maggiorenne"); }

⚙️ Funzioni

Le funzioni raggruppano codice riutilizzabile.
Esempio:
function saluta(nome) { return "Ciao, " + nome + "!"; }
console.log(saluta("Anna"));

📦 Oggetti e Array

Gli oggetti contengono coppie chiave-valore:
let persona = { nome: "Luca", eta: 25 };
Gli array memorizzano liste di elementi:
let colori = ["rosso", "verde", "blu"];

🌐 Manipolazione del DOM

Il DOM rappresenta la struttura HTML della pagina. Con JavaScript puoi modificarla dinamicamente:
document.getElementById("titolo").innerText = "Benvenuto!";

⚡ Eventi

Gli eventi permettono di reagire alle azioni dell'utente (click, tasti, movimenti).
document.querySelector("button").addEventListener("click", () => alert("Cliccato!"));

💾 JSON e API

Il formato JSON serve per scambiare dati. Con fetch() puoi ottenere informazioni da server esterni.
fetch("https://api.example.com/dati")
.then(r => r.json())
.then(data => console.log(data));

🧠 ES6+ (le novità moderne)

Include arrow function () => {}, destrutturazione, moduli, template string `Testo ${variabile}` e classi per la programmazione ad oggetti.

🚀 Esercizio veloce

Prova a leggere questo esempio e capire cosa stampa:
let numeri = [1, 2, 3, 4];
numeri.forEach(n => console.log(n * 2));

(Risposta: 2, 4, 6, 8 😉)

✨ Creato per imparare e comprendere JavaScript in modo semplice ed elegante.