Introduzione alla programmazione in Angular
Le applicazioni web di ultima generazione consentono alti livelli di interattività impensabili fino a pochi anni fa. Tutto questo grazie alla potenza dell’HTML5 e di Javascript. Purtroppo questa potenza si porta dietro una notevole complessità nello sviluppo delle interfacce utente e nell’interazione con lo stesso. Per semplificare la stesura del codice sono nati diversi framework in grado di implementare applicazioni ricche con minore sforzo e che assistono lo sviluppatore in ogni fase del ciclo di vita del software. Uno dei framework più usati è Angular, intorno al quale è nato un intero ecosistema di estensioni e librerie che coprono tutti i principali ambiti dello sviluppo: dal web al mobile.
Questo corso, di carattere introduttivo, fornisce le conoscenze necessarie per iniziare a sviluppare applicazioni web con Angular soffermandosi, in particolare, sul modello di separazione delle componenti di presentazione dalle componenti dati e su come integrarle fra loro tramite la logica di controllo. Verranno altresì descritti l’utilizzo dei servizi e delle API e di come estendere il framework tramite librerie esterne.
Contenuti
Cos’è e cosa non è Angular; single page routing application; componenti base del framework; architettura di un’applicazione basata su Angular; i pattern MVC (Model-View-Controller) e MVVM (ModelView-View-Model); alberatura del progetto; dependency injection. IDE di sviluppo.
Le View: cosa sono, come sono strutturate; il Model: come accedere ai dati utilizzando i Data Provider; il Controller: come mettere insieme i pezzi; lo $scope e il $rootscope; two-way data binding.
Struttura di una form; le direttive; come disegnare form efficienti; come estendere le componenti base tramite librerie; validazione dei dati: automatica e manuale a confronto; come scambiare dati fra le form.
Cos’è e a cosa serve; principali utilizzi; quali funzionalità implementare dentro ai service.
Cos’è un servizio REST; la componente http; utilizzo delle funzioni di Angular per accedere ai servizi ($http; $resource); utilizzo di componenti esterne (es. JQuery); le chiamate di Angular sono, di default, asincrone; il concetto di “promessa”.
Filtri; utilizzo di librerie esterne; integrazione con Bootstrap; estensioni per lo sviluppo di mobile application.
Prerequisiti
Conoscenze base di programmazione con Javascript e HTML.