L'insegnamento, erogato in italiano nel secondo semestre del primo anno per la Laurea Magistrale in Ingegneria Informatica, presenta le principali tecniche per la realizzazione di applicazioni web, concentrandosi in particolare sulla programmazione front-end, utilizzando il linguaggio JavaScript e un framework di programmazione lato client. Saranno trattati i principali paradigmi di programmazione necessari per realizzare il front-end di una moderna applicazione web, approfondendo le problematiche a livello di codice JavaScript e studiando gli approcci utilizzati da un framework ampiamente utilizzato. L'insegnamento permetterà allo studente/ssa di acquisire le competenze di base necessarie ad affrontare le principali scelte progettuali nell'ambito degli argomenti svolti.

- Conoscere i principali aspetti delle ultime versioni di HTML, CSS e JavaScript. - Aver acquisito la capacità di usare JavaScript in modo avanzato per la realizzazione di applicazioni web a livello di front-end. - Conoscere le basi di un framework per la realizzazione di applicazioni web in JavaScript. - Essere pienamente capaci di realizzare applicazioni web complete, in modalità "single page application", con l'utilizzo di un semplice backend come server API. - Conoscere e riconoscere le principali problematiche di robustezza, sicurezza, interoperabilità e prestazioni delle applicazioni studiate e relative best practice.

- Capacità di programmazione in linguaggi procedurali e ad oggetti, e relative abilità di debugging. - Conoscenza base di HTML e CSS. - Conoscenza 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 e in Node.js. - Interazione con un database SQLite in applicazioni Node.js. - Gestione di form e di tabelle. DOM. Eventi. Callback. Closure. - Web server e il framework Express. - JSON. HTTP API. Programmazione asincrona (async/await, Promise, fetch). - Single Page Applications. Programmazione reattiva. Introduzione a React. - Applicazioni React. Web Componenti. JSX. - Autenticazione e autorizzazione di API. - Architettura di un'applicazione complessa. Routing di eventi. Gestione dello stato. - Esempi di applicazioni.

Le comunicazioni con i docenti, gli studenti e le studentesse avverranno tramite strumenti di messaggistica (per esempio, con un gruppo Telegram).

Oltre alle lezioni e alle esercitazioni svolte in aula (4 crediti), l'insegnamento include delle esercitazioni di laboratorio (2 crediti) sull'applicazione delle tecniche presentate in aula. Circa il 60% delle ore in aula saranno dedicate a lezioni teoriche mentre il restante 40% sarà dedicato allo sviluppo di esercizi (un'applicazione web sarà costruita incrementalmente per illustrare i vari argomenti affrontati). Gli studenti e le studentesse sono invitate a seguire le ore in aula con il loro computer così da programmare insieme al docente. Gli esercizi svolti in classe saranno condivisi online subito dopo il loro svolgimento. Tutte le lezioni e gli esercizi in aula saranno comunque video-registrati e resi disponibili online. I laboratori consisteranno nell'applicazione delle tecniche apprese in aula, costruendo in maniera incrementale un'applicazione web di complessità crescente. Durante i laboratori gli studenti e le studentesse discuteranno con i docenti le loro soluzioni agli esercizi assegnati. Il materiale relativo ai laboratori sarà gestito attraverso una piattaforma basata su Git (per esempio, GitHub). I laboratori si svolgeranno in aule normali e i partecipanti dovranno lavorare sul proprio computer.

Il docente fornirà il materiale (slide e link a risorse disponibili online) in una pagina dedicata sul sito: https://elite.polito.it. Ulteriori risorse sono liberamente disponibili su web e saranno richiamate durante le lezioni (https://developer.mozilla.org, https://react.dev, https://javascript.info, ecc). 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

Slides; Esercizi; Esercizi risolti; Esercitazioni di laboratorio; Esercitazioni di laboratorio risolte; Video lezioni dell’anno corrente; Video lezioni tratte da anni precedenti;

E' possibile sostenere l’esame in anticipo rispetto all’acquisizione della frequenza

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

Exam: Compulsory oral exam; Individual project;

... L'esame consiste nella verifica delle conoscenze teoriche e delle abilità pratiche descritte nei campi precedenti. Tale verifica sarà effettuata tramite lo sviluppo di un progetto individuale seguito da una discussione orale. Il progetto consisterà nella creazione di un'applicazione web utilizzando le conoscenze acquisite durante l'insegnamento. Per ogni sessione di esame, le specifiche del progetto saranno assegnate 20 giorni prima la data dell'esame stesso. Solo gli studenti che invieranno la propria soluzione prima della scadenza saranno ammessi alla discussione orale. L'intero processo di assegnazione del progetto, sviluppo e consegna finale sarà gestita dalla piattaforma GitHub. L'applicazione web consegnata sarà valutata dai docenti durante la prova orale, verificando le funzionalità implementate e le tecniche di programmazione adottate rispetto alle specifiche ricevute. La conoscenza dettagliata del codice sorgente consegnato sarà verificata durante l'esame orale, insieme all'abilità di discutere il progetto alla luce degli argomenti trattati nell'insegnamento stesso. La prova orale avrà una durata prevista di 20-30 minuti per progetto e si svolgerà in un'aula o in un laboratorio. La valutazione sarà espressa su una scala da 0 a 30, con il progetto che varrà fino a 26 punti e la prova orale fino a 4. Fino a 2 punti aggiuntivi saranno assegnati ai progetti che dimostreranno una particolare qualità nonché precisione e ricchezza delle risposte durante l’orale. Grazie a questi ulteriori punti, sarà possibile raggiungere una valutazione pari a 30L.

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.