L’insegnamento, che è erogato in italiano nel secondo semestre del primo anno per la Laurea Magistrale in Ingegneria Informatica, si prefigge di far conoscere le principali tecniche per la realizzazione di applicazioni distribuite in ambito web, concentrandosi in particolare sulla programmazione front-end utilizzando il linguaggio Javascript e un framework di programmazione lato client. Verranno trattati i principali paradigmi di programmazione necessari alla realizzazione delle funzionalità del front-end di una moderna applicazione web, sia approfondendo le problematiche a livello di codice Javascript nativo, sia vedendo l’approccio offerto da un framework predominante. La trattazione è orientata a consentire allo studente di acquisire le abilità di base necessarie ad affrontare la valutazione e le principali scelte progettuali nell’ambito dei predetti argomenti.

Conoscenza dei principali aspetti di HTML, CSS, e Javascript moderno. Capacità di usare Javascript in modo avanzato per la realizzazione di applicazioni web a livello di front-end. Conoscenza di base di un framework per la realizzazione di applicazioni web in Javascript. Capacità di realizzare applicazioni web complete, anche in modalità single page application, con l’utilizzo di semplice backend per le API lato server. Conoscenza delle principali problematiche di robustezza, sicurezza, interoperabilità, usabilità, prestazioni delle applicazioni studiate e relative best practice.

Capacità di programmazione in linguaggi procedurali e object oriented, e relativo debugging. Competenze di base di HTML. Conoscenza di base delle architetture web e del protocollo HTTP. Conoscenze di tipo pratico di database relazionali e SQL.

Richiami di architetture web, HTML5, CSS. Layout complessi, framework CSS. Cenni di web design. Javascript come linguaggio. Variabili e oggetti. Esecuzione nel browser ed in nodejs. Gestione di form e di tabelle. DOM. Eventi. Callback. Closure. Web servers ed ExpressJS. JSON. HTTP API. Programmazione asincrona (async/await, Promise, Fetch). Single Page Applications. Programmazione Reattiva. Introduzione a ReactJS. Applicazioni React. Web Component. JSX. Autenticazione e autorizzazione di API. Architettura di un’applicazione complessa. Routing eventi. Gestione dello stato. Deployment e pubblicazione di applicazioni. Esempi di applicazioni.

Oltre alle lezioni, costituito sia da lezioni frontali sia da esercitazioni svolte in aula (4 crediti), l'insegnamento comprende esercitazioni di laboratorio (2 crediti) sull'applicazione delle tecniche presentate. I laboratori prevederanno l’applicazione delle tecniche apprese a lezione, costruendo in modo incrementale un’applicazione web di complessità crescente. Durante i laboratori gli studenti discuteranno con i docenti le loro soluzioni degli esercizi assegnati. Il materiale relativo ai laboratori sarà gestito attraverso una piattaforma Git.

Il docente fornirà il materiale (copia delle trasparenze e link a risorse disponibili online) che sarà disponibile sul sito del corso. Molte risorse informative sono liberamente disponibili su web (https://developer.mozilla.org, https://reactjs.org/, https://javascript.info/, ecc). Alcuni libri di testo suggeriti per approfondimenti personali: M. Haverbeke, Eloquent Javascript (https://eloquentjavascript.net/) A. Accomazzo, A. Lerner, N. Murray, C. Allsopp, D. Guttman, T. McGinnis, Fullstack React, 2019

Modalità di esame: Prova orale obbligatoria; Elaborato progettuale individuale;

Exam: Compulsory oral exam; Individual project;

... L'esame consiste nello sviluppo di un progetto individuale e una discussione orale. L’esame verificherà la conoscenza degli aspetti teorici e pratici descritti in precedenza tramite un progetto (da svilupparsi individualmente) seguito da una discussione orale. La prova consiste nel creare una applicazione web usando le conoscenze illustrate nel corso. Per la prova viene assegnato un esercizio 20 giorni prima di ogni appello. Solo gli studenti che hanno sottomesso la loro soluzione entro la scadenza sono ammessi alla prova orale. La prova web viene valutata insieme al docente durante l’orale tramite la verifica delle funzionalità dell’applicazione web, e delle pratiche di programmazione usate, secondo una checklist dipendente dalla prova. Viene anche verificata la conoscenza puntuale da parte dello studente del codice consegnato e la sua capacità di discutere il progetto con riferimento agli argomenti trattati nel corso. Tutto il processo di assegnamento, sviluppo e consegna sarà gestito tramite la piattaforma GitHub. La discussione orale avverrà in un’aula o un laboratorio.

Gli studenti e le studentesse con disabilità o con Disturbi Specifici di Apprendimento (DSA), oltre alla segnalazione tramite procedura informatizzata, sono invitati a comunicare anche direttamente al/la docente titolare dell'insegnamento, con un preavviso non inferiore ad una settimana dall'avvio della sessione d'esame, gli strumenti compensativi concordati con l'Unità Special Needs, al fine di permettere al/la docente la declinazione più idonea in riferimento alla specifica tipologia di esame.