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, Javascript. 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 lato server Conoscenza delle principali problematiche di robustezza, sicurezza, interoperabilità, usabilità e 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.

Richiami di architetture web, HTML5, CSS. Layout complessi, framework CSS. Nozioni di web design. Usabilità, accessibilità. Javascript come linguaggio. Variabili e oggetti. Esecuzione nel browser ed in nodejs. Gestione di form e di tabelle. DOM. Eventi. Callback. Closure. Ajax. JSON. REST. Programmazione asincrona (async/await, Promise, Fetch). Introduzione a Firebase. Operazioni CRUD. Subscription. Single Page Applications. Programmazione Reattiva. Introduzione a ReactJS. Applicazioni React. Web Component. JSX. Architettura di un’applicazione complessa. Routing eventi. Gestione dello stato. Deployment e pubblicazione di applicazioni. Esempi applicativi.

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; Progetto individuale;

Exam: Compulsory oral exam; Individual project;

... Modalità di esame: prova orale obbligatoria con discussione di progetto individuale. L'esame consiste nella verifica del possesso delle conoscenze attese e delle abilità pratiche descritte in precedenza, per tramite di una prova pratica seguita 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 circa 3 settimane prima di ogni appello e lo studente sviluppa la soluzione autonomamente entro la scadenza indicata. 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 tramite 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.

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.