💡 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.