Un piccolo passo alla volta... anche tu puoi farlo! 🌟
⭐ ⭐ ⭐ ⭐ ⭐Il computer ha bisogno di sapere che tipo di cosa stai usando.
Come a scuola: un numero è diverso da una parola!
In English: number = numero · string (stringa) = testo · boolean = vero/falso · null = niente di niente.
42 // 🔢 un numero
"Ciao Luna" // 💬 un testo (tra virgolette)
true // ✅ vero
false // ❌ falso
null // 🕳️ niente"ciao" oppure 'ciao'.42 si scrive così, senza virgolette!
| Simbolo | Significa |
|---|---|
| + | più (somma) |
| - | meno (sottrazione) |
| * | per (moltiplicazione) |
| / | diviso |
| % | resto della divisione |
| === | è uguale? (confronto esatto) |
| !== | è diverso? |
| < > | minore / maggiore |
3 + 4 // 7
10 - 3 // 7
5 * 2 // 10
10 / 2 // 5
7 % 3 // 1 (7 diviso 3 dà resto 1)
5 === 5 // true ✅
5 === 6 // false ❌
3 < 10 // true ✅=== vuol dire "è proprio uguale?" — tre uguale, non uno solo!=) serve per le variabili (vedremo dopo 😉).
let età = 8;
let nome = "Luna";
let ok = true;
console.log(nome); // stampa: Luna
console.log(età); // stampa: 8let vuol dire "crea una scatola che può cambiare".
const vuol dire "crea una scatola che NON cambia mai" (come il tuo nome!).
const pianeta = "Terra"; // non cambierà mai 🌍
let punti = 0; // può aumentare! 🎮
punti = punti + 10; // ora vale 10{ ... } esiste solo lì dentro. Come i giocattoli che rimangono nella tua stanza!
Il computer deve prendere decisioni. Come un semaforo: se è verde vai, altrimenti fermati.
let età = 10;
if (età >= 18) {
console.log("Sei grande! 🧑");
} else {
console.log("Sei piccolo! 🧒");
}if significa "se"
Dentro le ( ) c'è la domanda: è vera o falsa?
Se è vera → esegui il blocco { } dopo if
else significa "altrimenti" → esegui se è falsa
let voto = 8;
if (voto === 10) {
console.log("Perfetto! ⭐⭐⭐");
} else if (voto >= 6) {
console.log("Bravo! 😊");
} else {
console.log("Studia ancora! 📚");
}let giorno = "lunedì";
switch (giorno) {
case "lunedì":
console.log("😴 inizio settimana");
break;
case "venerdì":
console.log("🎉 quasi weekend!");
break;
default:
console.log("📅 giorno normale");
}break vuol dire "fermati qui, non andare avanti".break, il computer esegue anche i casi successivi — come una macchina senza freni! 🚗💨
default è come l'"altrimenti" dello switch: viene eseguito se nessun caso corrisponde.
while significa "mentre": ripeti l'azione finché la condizione è vera.
let conta = 1;
while (conta <= 5) {
console.log("🍎 mela numero " + conta);
conta = conta + 1;
}conta = conta + 1).for (let i = 1; i <= 3; i++) {
console.log("⭐ stella " + i);
}let i = 1 → parti da 1
i <= 3 → continua finché i è minore o uguale a 3
i++ → aggiungi 1 ogni volta (i++ è come scrivere i = i + 1)
i è solo il nome della scatola che conta. Puoi chiamarla come vuoi: n, volta, conta...i per tradizione (viene da indice).
Una funzione è come una ricetta: le dai degli ingredienti (parametri), lei lavora, e ti restituisce un risultato.
// Definisco la funzione (scrivo la ricetta)
function saluta(nome) {
return "Ciao, " + nome + "! 👋";
}
// Chiamo la funzione (uso la ricetta)
let messaggio = saluta("Luna");
console.log(messaggio);function saluta → dai un nome alla funzione
(nome) → l'ingrediente che riceve
return → il risultato che restituisce (consegna)
saluta("Luna") → usala con un ingrediente vero
function somma(a, b) {
return a + b;
}
console.log( somma(3, 4) ); // 7
console.log( somma(10, 5) ); // 15this indica l'oggetto stesso.
Immagina un cane che sa dire il suo nome. Quando dice "il mio nome", intende sé stesso!
const cane = {
nome: "Fido",
verso: "Bau",
parla: function() {
return this.nome + " dice: " + this.verso;
}
};
console.log( cane.parla() );this.nome dentro parla significa "il nome di questo oggetto cane".this.nome darà "Rex"! this si adatta all'oggetto che lo usa.
Una classe è come uno stampino o una fabbrica.
La crei una volta, poi la usi per fare tanti oggetti dello stesso tipo!
// Lo stampino (la classe)
class Cane {
constructor(nome, razza) {
this.nome = nome;
this.razza = razza;
}
abbaia() {
return this.nome + ": Bau! 🐕";
}
}
// Creo due cani dallo stesso stampino
const fido = new Cane("Fido", "Labrador");
const rex = new Cane("Rex", "Pastore");
console.log( fido.abbaia() );
console.log( rex.abbaia() );class Cane → nome della fabbrica (sempre con lettera maiuscola!)
constructor → viene chiamato quando crei un cane nuovo
new Cane(...) → costruisce un oggetto dalla classe
class è una parola di ES6 — una versione moderna di JavaScript del 2015.Ora puoi sperimentare: apri il browser, premi F12, vai su Console, e scrivi del codice tu stesso!