ITS Accademia Digitale · Full-Stack Developer
App in panne
Un'app web per prenotare laboratori smette di funzionare: risolvi front-end, back-end, database, sicurezza e deploy cloud.
Obiettivo
Far capire il ruolo del Full-Stack Developer nello sviluppo di applicazioni reali, collegando front-end, back-end, database, cloud, DevOps, cybersecurity e strumenti AI.
Storia / contesto
I partecipanti entrano nel team di una software house. Una piattaforma web per prenotare laboratori digitali è quasi pronta, ma ci sono errori nell’interfaccia, nella logica server, nel database e nella sicurezza. Il team ha pochi minuti per correggere le scelte tecniche e preparare l’app al deploy in cloud.
Materiali
- Versione fisica: schede prova, card HTML/CSS/JS, card API, mini-tabella database, finti log di errore, card cloud/deploy, QR finale.
- Versione digitale: Google Form, Genially, dashboard di bug, mockup interfaccia, frammenti di codice.
Prove dell’attività
| N° | Titolo | Domanda o situazione | Risposta corretta | Messaggio didattico |
|---|---|---|---|---|
| 1 | Riparare il front-end | Pulsante “Prenota” non risponde al click | Evento click + funzione/componente front-end | Il front-end collega interfaccia, interazione e logica. |
| 2 | Collegare il back-end | Server non salva la prenotazione | Endpoint API corretto | Il back-end gestisce regole, dati e sicurezza. |
| 3 | Salvare i dati | Dove organizzare nome, laboratorio, data e orario? | Tabella/struttura dati nel database | I dati devono essere strutturati e interrogabili. |
| 4 | Bug di sicurezza | Codice sospetto nel campo nome | Validare e filtrare gli input | Ogni dato ricevuto dall’esterno va controllato. |
| 5 | Preparare il deploy | App funziona in locale, va online | Build, test e deploy su cloud/server | Il ciclo di vita software comprende test e rilascio. |
| 6 | AI come copilota | Errore difficile da interpretare | Chiedere supporto all’AI e verificare il risultato | L’AI accelera il debugging ma il tecnico deve validare. |
Esito
- Positivo: Deploy completato! L’app full-stack è online, sicura e pronta per gli utenti.
- Negativo: Build fallita. Servono nuove verifiche su interfaccia, server, dati, sicurezza e cloud.
Competenze collegate
- Sviluppo front-end (HTML, CSS, JS, React)
- Sviluppo back-end e API
- Basi di dati
- Cybersecurity
- Cloud e DevOps
- AI per lo sviluppo software