Corso Angular
Angular è un framework Javascript open-source client-side MVC/MVVM (Model View Controller/Model View ViewModel Pattern), realizzato da Google e supportato da una comunità di sviluppatori internazionale.
Lo si può definire come un framework di ultima generazione per lo sviluppo web. La sua documentazione ufficiale cita che “Angular è quello che HTML avrebbe dovuto essere se fosse stato progettato per sviluppare applicazioni”.
AngularJS è un’infrastruttura ottima per creare le moderne Single Page Application.
Corso attivato on-demand su richiesta, anche individuale in sede o in modalità virtual classroom online.
Requisiti per gli studenti: conoscenze base di Javascritpt, HTML5 e jQuery
Obiettivo Corso Angular: formare il discente con le competenze teoriche e pratiche per lo sviluppo applicazioni web con il framework Angular di ultima versione. Un caso di studio pratico permetterà ai discenti di entrare nel vivo e rendersi autonomi nello sviluppo.
Docente Sviluppatore Angular senior con pluriennale esperienza nel settore.
Corso Angular erogato solo per aziende e su richiesta. Modalità virtual classroom online o frontale.
Programma Corso Angular – 24 ore (il programma sarà sempre aggiornato all’ultima versione di Angular corrente)
1. Cos’è Angular
Panaromica SPA e Moderne Web Application
Perchè Angular
Vantaggi e Svantaggi
2. Javascript ES2015
Compiler, Traspiler e tool: Babel, Webpack
Array, Oggetti e Stringhe in ES6
Arrow Syntax
Moduli ES6
Classi e OOP in ES6
Esercitazione
3. Typescript
Interface
Decorators
Types
Relazioni con Angular
4. Angular Foundamentals
Cos’è angular-cli
Installazione Nodejs npm e yarn
Installazione angular-cli
panoramica comandi angular-cli
esempi pratici angular-cli
novità con l’ultima versione di Angular
Esercitazione
5. Dynamic style in Angular
Style inline
ngClass, ngStyle, styleUrls
Animazioni con @angular/animations
Encapsulation style
ViewEncapsulation e ShadowDOM
Dynamic DOM con le directive: *ngIf, *ngSwitch, *ngFor
Esercitazione
6. Data-Binding Angular
1-way data-binding;
2-way data-binding
1-way vs 2-way binding
Property binding
Event binding
7. Angular Components
Approccio component-based
Decorator @Component e metadata
Input properties, @input @output decorator
Nested components e loro comunicazione
Organizzare Single Page Applications in components
Creazione componenti riutilizzabili
8. Architettura Dati Angular
@Injectable decorator
Data Model e custom types
Creare servizi riutilizzabili
Condividere dati tra componenti e views
REST API e RxJS
Redux pattern e stato dell’ applicazione (piccole nozioni)
9. Angular Routing per Applicazioni complesse
@angular/router
Navigazione e multiview applications
Gestione stati e routes
Passaggio parametri
Route Navigation components
