training-header-angular

AngularJS Fundamentals Bootcamp

LIVELLO:

PRINCIPIANTE

DURATA:

8 ore

PREREQUISITI:

Il partecipante dovrà possedere una certà familiarità con l’uso di HTML, Javascript (variabili, manipolazione array e oggetti, cicli) e preferibilmente aver già utilizzato in precedenza jQuery.

OVERVIEW:

Google AngularJS, uno dei framework Javascript più interessanti del momento, è utilizzato per lo sviluppo di applicazioni HTML5 modulari, solide e scalabili.

Il framework include moltissimi strumenti per velocizzare e semplificare lo sviluppo di applicazioni AJAX, tra cui un approccio MVW, dependency injection, gestione moduli, filtri, formatters, view e routing, validazioni form e moltissimi componenti (direttive) e servizi pronti all’uso.

Configuratori prodotti, CMS e CRM, siti web, tool di collaborazione, software di domotica e IoT, front-end per arduino, applicazioni realtime multi-utente, kiosk touch, fast prototyping, applicazioni per TV, Chromecast e Facebook sono solo alcuni esempi di progetti realizzabili in AngularJS.

OBIETTIVI FORMATIVI:

Durante il corso si analizzeranno le principali funzionalità offerte dal framework allo scopo di fornire le nozioni fondamentali per la creazione di applicazioni web dinamiche con AngularJS.
Il corso include diverse sessioni di teoria accompagnate da decine di esempi pratici.

CONOSCENZE IN USCITA:

Il partecipante avrà il know-how necessario per sviluppare in modo autonomo delle Single Page Application in AngularJS, creando direttive personalizzate e utilizzando la maggior parte dei servizi, dei componenti e delle utility fornite dal framework.

MATERIALE DIDATTICO:

Ad ogni partecipante sarà consegnato il codice sorgente di tutti gli esercizi affrontati durante il corso.

IL PROGRAMMA:

INTRODUZIONE AL FRAMEWORK
Introduzione al framework e al suo utilizzo tramite bower o CDN.

CONTROLLERS e TWO-WAY BINDING: utilizzare lo scope, binding bidirezionale, creazione di template HTML dinamici (view) , suddividere un’applicazione in differenti controllers e gestire il modello di dati (model).

DIRETTIVE BUILT-IN: fondamentali per la creazione di single page applications, siti web e componenti interattivi: ng-click, ng-show / ng-hide, ng-repeat, ng-options, ng-include, ng-src, ng-href e molte altre.

DEPENDENCY INJECTION e SERVIZI BUILT-IN: Angular include un discreto numero di servizi “pronti all’uso” che possono essere utilizzati con estrema facilità. Verranno introdotti alcuni di questi servizi e in particolar modo il servizio “$http” utilizzato per invocare servizi REST e caricare dati da file JSON.

DYNAMIC STYLING: ng-style e ng-class sono gli strumenti più utilizzati per creare layout e stili interattivi che mutano al variare del modello di dati.
Moltissimi esempi pratici sperimentando differenti tecniche e approcci.

FORM e VALIDATORS: i validatori integrati in AngularJS semplicano notevolmente la creazione di form anche molto complessi: analisi dei validatori, gestione errori, corretta gestione degli stati dirty e pristine e molto altro.

FILTERS: i filtri di AngularJS non solo permettono di “filtrare” un elenco di elementi del DOM e di effettuare ricerche all’interno di un modello di dati ma possono essere utilizzati per formattare date, valute, json, stringhe e numeri. Verranno inoltre trattati argomenti come i18, locale e internazionalizzazione.

ANGULAR JS, BOOTSTRAP e SINGLE PAGE APPLICATIONS: Le nozioni del corso verranno messe in pratica convertendo dei template statici, realizzati con Bootstrap, in elementi dinamici popolati tramite dati caricati da sorgenti esterne.

TECNOLOGIE e LIBRERIE UTILIZZATE DURANTE IL CORSO:

AngularJS, HTML5, CSS, Javascript, GitHub REST API, Bootstrap, npm, Bower