Macchina di von Neumann
Scopri a cosa serve ogni componente del computer e guarda come i dati lo attraversano, dall'accensione all'output. Con la codifica di testo, immagini e suoni.
Lab — Informatica per le superiori
Strumenti per capire l'informatica, davvero.
Strumenti interattivi che girano direttamente nel browser — niente installazioni, niente account. Pensati per rendere concreti i concetti astratti: provi, sbagli, vedi cosa succede. Da affiancare alle lezioni o da esplorare per conto proprio.
01
Introduzione all'informatica
Come funziona e com'è fatto un computer.Binary & Base Analyzer
Converti al volo tra binario, decimale, ottale ed esadecimale, con la visualizzazione bit per bit e il complemento a due. Il punto di partenza per capire come "ragiona" il computer.
PC Assembly Lab
Un percorso guidato per assemblare il tuo primo PC: un componente alla volta, scopri a cosa serve e impari come i pezzi si incastrano. Semplice, per chi inizia.
Logica booleana & circuiti
Trascina porte AND, OR, NOT e XOR, collegale a interruttori e lampadine e leggi la tabella di verità. Il circuito genera l'espressione (!A && B) e l'espressione genera il circuito.
02
Programmazione e dati
Scrivere codice e gestire i dati.Diagrammi di flusso
Costruisci un algoritmo con i blocchi in stile Flowgorithm (Dichiara, Leggi, Scrivi, Se, Mentre, Per) e guardalo eseguire passo per passo, con variabili, input e output. Include la spiegazione animata di ogni blocco e dei tre cicli.
Quale linguaggio?
Non sai con quale linguaggio iniziare? Rispondi a sei domande sul tuo progetto e scopri quello più adatto — Python, JavaScript, C++, C#… — con la spiegazione del perché proprio quello.
Puntatori & memoria
Capisci i puntatori in C e C++ guardando la memoria muoversi: indirizzi, dereferenziazione, puntatore nullo, aritmetica sugli array e lo scambio con i puntatori, passo per passo.
CPU & Assembly Visualizer
Esegui un piccolo programma in assembly passo dopo passo e osserva registri, ALU e memoria cambiare in tempo reale. L'architettura del computer smette di essere una scatola nera.
Strutture dati
Array, lista, tupla, pila, coda, dizionario, set e albero binario di ricerca: inserimento, rimozione e ricerca passo per passo, con i costi (O) e il codice in Python, Java e C++.
Capire gli array
Dagli array a una dimensione (una fila) fino a quattro (un gruppo di pile di tabelle): li vedi crescere graficamente, cambi le misure, clicchi una casella e scopri come si scrive nel codice — in C, C++, Java e Python.
Algoritmi di ordinamento
Bubble, Selection, Insertion, Merge e Quick Sort passo per passo sulle barre, con il codice in C, C++, Java e Python e la riga in esecuzione evidenziata.
Modello E-R
Disegna il diagramma entità-relazione trascinando entità, attributi e associazioni: il sistema valida le regole formali e le cardinalità, e genera dal vivo lo schema logico relazionale con chiavi primarie ed esterne.
Live SQL Sandbox
Scrivi query SQL su un database vero che gira nel browser e vedi subito i risultati. Schema d'esempio già pronto per esercitarsi con SELECT, JOIN e GROUP BY.
03
Sistemi e reti
Dal sistema operativo alla rete.Costruisci la tua rete
Un mini «Packet Tracer»: trascini PC e switch, assegni gli IP e premi ping per vedere il pacchetto viaggiare nella rete locale, con ARP e tabella MAC spiegati passo-passo. In crescita: routing tra reti, Wi-Fi e DHCP in arrivo.
Virtual Terminal
Una shell Linux simulata nel browser: comandi, filesystem virtuale e output reale. Per prendere confidenza con la riga di comando senza paura di rompere nulla.
Sistemi Operativi
Due simulatori: lo scheduling dei processi (Round-Robin, FIFO) e la gestione della memoria, dagli indirizzi logici e fisici fino alla paginazione e ai page fault.
TCP/IP Packet Voyager
Guarda un messaggio incapsularsi livello per livello (TCP, IP, Ethernet), viaggiare sul cavo e decapsularsi al server. Con il confronto OSI ↔ TCP/IP e i protocolli reali.
Subnetting & IP Calculator
Calcolo delle sottoreti reso visivo: guarda come la maschera /CIDR «taglia» i bit dell'indirizzo IP tra Network ID e Host ID, con rete, broadcast e range utilizzabile.
Git Visual Sandbox
Una riga di comando simulata affiancata a un grafo che cresce: digiti git commit, branch, merge e vedi nascere commit, puntatori e fusioni. HEAD e checkout smettono di essere astratti.
04
Sviluppo Web
HTML, CSS e il layout delle pagine.Editor HTML/CSS dal vivo
Scrivi HTML e CSS a sinistra e guarda la pagina prendere forma a destra in tempo reale. La palestra perfetta per i primi passi nello sviluppo web: provi, sbagli, vedi subito il risultato.
Box Model, Flexbox & Grid
Un sandbox visivo per capire la differenza tra margin, border e padding e come si comportano i layout con Flexbox e Grid, con il CSS generato dal vivo. Per chi inizia a fare web.
05
Sicurezza & Hacking
Introduzione all'hacking — in laboratorio e in sicurezza.Quanto è forte la tua password?
Scrivi una password e scopri quanti bit di entropia ha e quanto tempo servirebbe a scoprirla a forza bruta, con consigli per rinforzarla. Tutto nel browser: niente viene inviato.
Crittografia di base
Cifrari storici (Cesare, Vigenère) e i concetti moderni: come funziona una coppia di chiavi pubblica/privata e l'hashing, con l'effetto valanga di SHA-256 che mostri toccando un solo carattere.
SQL Injection Sandbox
Il seguito offensivo della SQL Sandbox: una finta schermata di login dove vedi comporsi la query in tempo reale e scopri come admin' OR '1'='1 aggira il controllo. Con la difesa spiegata.
Cookie & Privilege Escalation
Viola una finta dashboard scolastica: ispeziona i cookie di sessione, cambia role=student in role=admin e sblocca i privilegi per modificare i voti. La lezione: non fidarsi mai del client.
06
Intelligenza Artificiale
Come si parla con le IA e come funzionano davvero.Come funziona l'IA generativa
ChatGPT in fondo fa una cosa sola: indovinare la parola dopo. Qui un modellino vero gira nel browser: vedi la frase diventare token e numeri, le probabilità della parola successiva, la temperatura e la generazione passo-passo (e perché a volte «inventa»).
Prompt Engineering
Un'IA è brava quanto le istruzioni che le dai. Costruisci un prompt pezzo per pezzo, fai analizzare il tuo da un controllo automatico con punteggio e suggerimenti, confronta versioni deboli e forti e impara le tecniche.