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.