Post

Computer quantistici: siamo davvero alla vigilia del grande salto?

Immagine
  COMPUTER QUANTISTICI: SIAMO DAVVERO ALLA VIGILIA DEL GRANDE SALTO? Dopo anni di promesse, il quantum computing entra nella fase in cui deve dimostrare di saper fare qualcosa di realmente utile Per molti anni il computer quantistico è stato contemporaneamente una macchina reale e una promessa. Reale, perché nei laboratori funzionavano già processori capaci di controllare decine e poi centinaia di qubit. Promessa, perché fra l'esecuzione di esperimenti spettacolari e la disponibilità di una macchina capace di risolvere problemi industrialmente importanti meglio dei migliori sistemi classici rimaneva una distanza enorme. Nel 2026 quella distanza non è scomparsa. Ma qualcosa è cambiato. Non stiamo ancora entrando nell'epoca nella quale i computer quantistici sostituiranno quelli tradizionali — e probabilmente non entreremo mai in un'epoca formulata in questi termini. Stiamo invece arrivando al punto nel quale diventa plausibile immaginare sistemi computazionali ibridi, costit...

Corso di JavaScript & Programmazione Web: 4 – Funzioni

Immagine
4 – Funzioni 1. Definizione e richiamo di funzioni Una funzione è un blocco di codice riutilizzabile che esegue un’operazione specifica. Si definisce con la parola chiave function , seguita da un nome, eventuali parametri tra parentesi tonde e il corpo tra parentesi graffe. 📌 Sintassi base function saluta ( ) { console . log ( "Ciao mondo!" ); } // Richiamo saluta (); ➡️ Output: Ciao mondo! 2. Parametri e valori di ritorno Le funzioni possono ricevere parametri (input) e restituire un valore di ritorno (output) con la parola chiave return . 📌 Esempio function somma ( a, b ) { return a + b; } let risultato = somma ( 5 , 7 ); console . log (risultato); ➡️ Output: 12 3. Funzioni freccia (()=>{}) Introdotte in ES6 , le funzioni freccia sono una sintassi più compatta, spesso usata con funzioni anonime o callback. 📌 Esempi // Funzione classica function quadrato ( x ) { return x * x; } // Funzione freccia equivalente const quadratoArrow...

Corso di JavaScript & Programmazione Web: 3 – Strutture di controllo

Immagine
3 – Strutture di Controllo 1. Introduzione generale Le strutture di controllo costituiscono il cuore di ogni linguaggio di programmazione. Esse permettono di modificare il normale flusso sequenziale di esecuzione delle istruzioni, introducendo la possibilità di: prendere decisioni ( branching ); ripetere istruzioni ( looping ); selezionare alternative in maniera efficiente. Dal punto di vista teorico, tali strutture sono collegate alla logica booleana e all’algebra dei predicati, che rappresentano il fondamento matematico della programmazione. Secondo il teorema di Böhm-Jacopini (1966), qualsiasi algoritmo può essere implementato utilizzando solo tre strutture fondamentali : sequenza, selezione (if/else, switch), iterazione (for, while). 2. Strutture condizionali 2.1 If/Else Il costrutto if permette di eseguire un blocco di codice solo se una condizione è vera. La forma generale è: if (condizione) { istruzioni } else { i...

Corso di JavaScript & Programmazione Web: 2 – Fondamenti di programmazione

Immagine
2 — Fondamenti di programmazione 1) Variabili — let , const , var (approfondimento) Concetti chiave const : riferimento immutabile di binding . Non si può riassegnare il nome a un altro valore. Se il valore è un oggetto/array, le sue proprietà/elementi possono comunque cambiare. let : variabile riassegnabile con scope di blocco ( { ... } ). Usare per valori che cambiano. var : scope di funzione (o globale se dichiarato fuori funzione), soggetto a hoisting (dichiarazione "spostata" in cima), comportamento problematico — evitare salvo comprensione storica. Esempi pratici // const const PI = 3.14159; PI = 3; // TypeError: Assignment to constant variable. // let let counter = 0; if (true) { let counter = 10; // scope diverso: non sovrascrive l'esterno console.log(counter); // 10 } console.log(counter); // 0 // var (evitare) function f() { if (true) { var x = 1; // scope di funzione } console.log(x); // 1 } Hoisting e Temporal Dead Zone (TDZ...

Corso di JavaScript & Programmazione Web: 1 – Introduzione a JavaScript

Immagine
1. Introduzione a JavaScript   1 — Cos’è JavaScript e dove si usa JavaScript è il linguaggio di programmazione che gira nei browser e rende le pagine web interattive: rispondere a click, modificare contenuti, chiamare servizi remoti, animare elementi. Oggi si usa anche lato server (Node.js), in app mobile / desktop (Electron, React Native) e in ambienti IoT, ma qui ci concentriamo sull’uso nel browser . Punti chiave: Linguaggio interpretato dal browser (Chrome, Firefox, Safari, Edge). Manipola il DOM (Document Object Model) per cambiare la pagina al volo. Asincrono per natura (callback, Promise, async/await). Standard attuale: ES6+ (let/const, arrow functions, modules). 2 — Come inserire JavaScript in una pagina HTML Esistono tre modalità principali: A — Inline (NON consigliato per codice esteso) <!doctype html> <html> <body> <button onclick="alert('Ciao!')">Click</button> </body> </html> Pratic...

Corso di CSS & Web Design: 10/10 – Codice completo di un sito internet

Immagine
10 – Codice completo di un sito internet  Ecco un file unico HTML + CSS + (poco) JavaScript pronto da copiare nell’editor e pubblicare. È un sito single-page per un artista di arti figurative: responsive, accessibile, con galleria a griglia, filtro per categorie, lightbox per visualizzare le opere, menu mobile e form contatti (mailto fallback). Le immagini sono segnaposto — sostituisci i percorsi in <img src="img/..." con i tuoi file. <!doctype html> <html lang="it"> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width,initial-scale=1" /> <title>Nome Artista — Arti Figurative</title> <meta name="description" content="Sito ufficiale dell'artista Nome Artista. Biografia, galleria opere, mostre ed eventi, contatti." /> <!-- Font (sistema) e reset minimale --> <style> :root{ --bg:#faf9f7; --card:#ffffff; --mu...

Corso di CSS & Web Design: 9 – Progetto completo di un sito internet

Immagine
9 – Progetto completo di un sito internet  Struttura dettagliata del sito di un artista di arti figurative 🎯 Obiettivi del sito Presentare in maniera professionale l’artista (biografia, statement, contatti). Offrire una galleria di opere ordinata e facilmente navigabile. Creare uno spazio per eventi, mostre e news . Consentire il contatto diretto (form email o social). Esprimere coerenza estetica con lo stile dell’artista tramite un uso mirato di CSS (colori, tipografia, layout responsivo). 🗂 Architettura delle pagine 1. Homepage Obiettivo : dare un impatto immediato, con immagine o slider di un’opera significativa. Elementi : Logo o firma dell’artista. Menu di navigazione chiaro (Home, Biografia, Opere, Mostre, Contatti). Testo breve introduttivo (es. "Arte che unisce forma e materia..."). Richiamo immediato a una sezione in evidenza (es. ultima mostra o opera del mese). 2. Biografia / Statement Obiettivo : raccontare il percorso d...

Corso di CSS & Web Design: 8 – Effetti dinamici e animazioni

Immagine
  8 – Effetti dinamici e animazioni 1. Pseudo-classi CSS Le pseudo-classi permettono di applicare stili a elementi in stati particolari o in base alla loro posizione nel DOM. 1.1 :hover Applica stili quando il mouse passa sopra l’elemento. button:hover { background-color: #4fa3f2; color: white; } 1.2 :focus Applicato quando un elemento riceve il focus , ad esempio un input. input:focus { border-color: #4fa3f2; outline: none; } 1.3 :nth-child() Seleziona elementi in base alla loro posizione. li:nth-child(odd) { background-color: #f2f2f2; /* elementi dispari */ } li:nth-child(3) { color: red; /* terzo elemento */ } 2. Transizioni e trasformazioni 2.1 Transform Permette di modificare la posizione, dimensione o inclinazione di un elemento. .box:hover { transform: scale(1.1); /* ingrandisce */ transform: rotate(10deg); /* ruota */ transform: translateX(20px); /* sposta orizzontalmente */ } 2.2 Transition Definisce l’ anim...

Post popolari in questo blog

Corso di Programmazione Strutturata e OOP: 3 Ereditarietà incapsulamento polimorfismo

Corso di CSS & Web Design: 7 – Responsive Design

Corso di CSS & Web Design: 3 – Box Model e spaziature