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, SQL e database. Conoscenza di base delle architetture web e del protocollo HTTP.

Richiami di architetture web, HTML5, CSS. Layout complessi, framework CSS. Nozioni 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. Ajax. JSON. REST. Operazioni CRUD. Programmazione asincrona (async/await, Promise, Fetch). Single Page Applications. Programmazione Reattiva. Introduzione a ReactJS. Applicazioni React. Web Component. JSX. Cenni di autenticazione e autorizzazione. 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; Elaborato progettuale individuale;

L'esame consiste nella verifica della conoscenza dei principali aspetti di HTML, CSS, Javascript, e della capacità di usare Javascript in modo avanzato per la realizzazione di applicazioni web in modalità "single page applications" in particolare usando il framework React e interagendo con un semplice backend lato server, dimostrando attenzione alle principali problematiche di robustezza, sicurezza, interoperabilità, usabilità e prestazioni. La verifica avviene per tramite di una prova pratica seguita da una discussione orale in videoconferenza. 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.

Modalità di esame: Prova orale obbligatoria; Elaborato progettuale in gruppo;

L'esame consiste nella verifica della conoscenza dei principali aspetti di HTML, CSS, Javascript, e della capacità di usare Javascript in modo avanzato per la realizzazione di applicazioni web in modalità "single page applications" in particolare usando il framework React e interagendo con un semplice backend lato server, dimostrando attenzione alle principali problematiche di robustezza, sicurezza, interoperabilità, usabilità e prestazioni. La verifica avviene per tramite di una prova pratica seguita da una discussione orale di persona o in videoconferenza. 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.