Vibe Coding è un nuovo approccio alla programmazione e alla didattica digitale in cui si utilizza il linguaggio naturale per dialogare con un’intelligenza artificiale capace di generare codice, simulazioni, esperimenti o soluzioni creative.
Non si tratta solo di “far scrivere codice all’AI”, ma di progettare insieme all’intelligenza artificiale, trasformando le idee in esperienze interattive, giochi, modelli o strumenti didattici.
Vibe-Coding-Programmare-con-la-Voce-delle-Idee.pdfNel Vibe Coding, l’attenzione si sposta dalla sintassi alla progettazione, dal comando alla comprensione, dall’esecuzione alla riflessione: l’obiettivo non è più solo imparare a programmare, ma imparare a pensare con il codice, sviluppando logica, creatività e spirito critico.
🚀 Sfida “Occhi da Scienziato + Vibe Coding” 👀🧪
Ragazzi, vi propongo un gioco serio: osservare un fenomeno scientifico sorprendente (tipo quello del video: bolle, “magia” apparente, oggetti che sembrano muoversi da soli… ma è solo scienza! 😄) e trasformarlo in… un simulatore HTML5 creato con l’AI.
Osserva il fenomeno (dal vivo o in video)
Raccontalo bene (come un vero report scientifico)
Da quel racconto, costruiremo un prompt potente per far generare all’AI un simulatore HTML5 fedele e interattivo.
✅ Materiali: cosa vedi sul banco? (becher, acqua, oggetto metallico, ecc.)
✅ Azioni: cosa fa lo “scienziato” in ordine preciso? (verso, immerge, avvicina, agita…)
✅ Cosa cambia: bolle? colore? temperatura? movimento? suono?
✅ Tempi: quanto dura ogni fase? (anche “circa”)
✅ Intensità: tante/poche bolle? veloce/lento? forte/debole?
✅ Condizioni: quantità di liquido, distanza, grandezza oggetto, ecc.
✅ Effetto WOW: qual è la parte che ti fa dire “NO VABBÈ”? 😱
✅ Spiegazione possibile: una tua ipotesi (anche se non sei sicuro)
Scrivi 8–12 righe seguendo questo schema:
Titolo del fenomeno: …
Materiali: …
Procedura (passi numerati): 1… 2… 3…
Cosa osservo: …
Cosa cambia se… (una variabile): …
La mia ipotesi scientifica: …
Dati utili per un simulatore (slider/valori): es. quantità acqua, tempo, intensità, distanza…
Con il tuo racconto costruiremo un prompt del tipo:
➡️ “Crea un file unico HTML5 offline con controlli (slider/pulsanti), animazioni e dati in tempo reale per simulare…”.
📌 Consegna: porta (o invia) il tuo racconto + elenco osservazioni.
Il migliore diventa il simulatore ufficiale della classe 💻✨
#Scienza #STEM #VibeCoding #AIaScuola #Simulazioni #LaboratorioDigitale #ImparareFacendo
Scienziato_Crea_Esperimento_Sorprendente.mp4“Sembra magia. Ma è scienza.”
Video_Continuazione_Domande_Stupore_Ragazzi.mp4“Guarda bene: sta succedendo qualcosa.”
La_Lega_Nitinol_Memoria_di_Forma.mp4“Da questo nasce un simulatore.”
video-1116_singular_display.movIl nitinol è una lega di nichel e titanio che possiede una struttura cristallina capace di “ricordare” una forma preimpostata. A basse temperature la lega può essere piegata facilmente, mentre con l’aumento della temperatura passa a una fase più stabile che la costringe a recuperare la geometria iniziale. Questo comportamento rende il nitinol molto utilizzato in ambito medico (stent, fili ortodontici), ingegneristico e nella robotica.
Questo documento è fornito in modalità sola visualizzazione per garantire una struttura comune a tutti i corsisti.
👉 Prima di iniziare, è necessario crearne una copia:
Apri il file
Seleziona File → Crea una copia
(oppure “Scarica” se lavori in locale con Word)
Rinomina il file con:
Project Work – Vibe Coding – Nome Cognome
Una volta completato il Project Work:
Salva il file compilato
Accedi a Google Classroom
Carica il documento nella consegna dedicata
Verifica di aver rispettato tutte le indicazioni richieste
📌 Il file caricato sarà considerato elaborato finale del corso.
Ho qui due scatole identiche.
Stessa forma. Stesso materiale.
Se le metto sulla bilancia… hanno lo stesso peso
Se le scuoto… ascoltate.”
(scuoti leggermente la prima, poi la seconda, facendo percepire la differenza nel suono)
Avete sentito? Il suono non è lo stesso.
👉 Mi dite cosa c’è nelle due scatoline?
