Corso di formazione su Angular

Il corso su Angular ha lo scopo di insegnare lo sviluppo di Single Page Applicationin Angular e Typescript, scrivere codice scalabile,modulare ed integrare gli Unit Test e molto altro ancora.

Il corso su Angular ha lo scopo di insegnare lo sviluppo di Single Page Application in Angular e Typescript, scrivere codice scalabile,modulare ed integrare gli Unit Test e molto altro ancora.

OBIETTIVI DEL CORSO
Al termine del corso i partecipanti saranno in grado di:
– sviluppare Single Page Application in Angular e Typescript utilizzando un approccio component-based, sfruttando la CLI
– creare componenti, forms e comunicare con un backend REST
– utilizzare pipes e servizi via dependency injection
– sviluppare applicazioni multi-view con angular router, autenticazione via token e gestione della sicurezza con i Guards
– creare attribute e structural directives
– organizzare progetti, applicare metodologie e best practices
– scrivere codice scalabile, modulare ed integrare gli Unit Test

PREREQUISITI: richiesta una conoscenza di base di HTML, Javascript e CSS

PROGRAMMA DEL CORSO

  1. Javascript ES2015  (Object literals, Default parameters, Template literals, Multiline strings, Array rest, Array spread, Block scoping, Destructuring, Arrow function, Moduli, Classi, Nuove funzioni e oggetti)
  2. Typescript (Tipi ed esempi di utilizzo, Interfacce, Generics, Decorators)
  3. Angular (Introduzione ad Angular e applicazione component-based, Panoramica sull’architettura di un’applicazione Angular, AngularCLI e principali comandi, Utilizzo di Boostrap e Font-Awesome, Strutturazione del progetto)
  4. Componenti (Introduzione ai componenti, Introduzione ai metadati di un componente, Template e Views, Interpolation e Property binding, Event Binding, Ciclo di vita di un componente, Ng-Content Template reference, ViewChild/ ViewChildren – ContentChild / ContentChildren, ngStylee ngClassìIntroduzionealle direttive strutturali -*ngFor,*ngIf,*ngSwitch)
  5. Servizi (Introduzione ai servizi, Registrazione di un componente – useClass, useFactory, useValue, useExisting – Creazione di un servizio, Injection Token, Creazione di un servizio che esegue chiamate http, Utilizzo di json-server come backend REST)
  6. Template driven Forms (Introduzione alle form, Utilizzo dell’approccio template driven, Direttivang Model / ngForm, Stato della form e dei controlli, Validazione)
  7. Pipes (Introduzione ai pipes, Utilizzo dei pipe predefiniti, Creazione di un pipe custom)
  8. Moduli (Introduzione ai moduli, Introduzione ai metadati di un modulo, Best Practice, Creazione di un modulo, Introduzione al routing, Definizione delle rotte, Registrazione delle rotte, Navigazione via template con RouterLink, Navigazione via codice con Router, Params e QueryParams, Snapshot, ChildRoutes, LazyLoading)
  9. Guards (Introduzione ai guards – CanActivate, CanActivateChild, 
    CanDeactivate, CanLoad, Resolve – Utilizzo dei vari tipi di guards, Passaggio di parametri)
  10. RxJS (Introduzione alla programmazione reattiva, Creazione di un Observable, Observable e native element, Punti di attenzione
  11. Form Model driven (Introduzione all’approccio model driven, FormGroup/ FormControl / FormArray, ObservableFormControl / FormGroup, PatchValue/ SetValue
  12. Direttive (Introduzione alle direttive – Componenti, Attribute,
    Structural – Creazione di direttive custom (attribute), Creazionedi direttive customer (structural))
  13. Build & Deploy (ngserve, ngbuild, Creazione di environments custom
  14. Extra (HttpInterceptor, GlobalErrorHandler, Introduzione al testing e ai vari framework – Unit, Integration – Libreriee link utili – Bootstrap, 
    NgxTranslate, Update & caching, Redux, ServerSide Rendering, 
    NativeScript/ Ionic)
ANGULAR

Il corso ha una durata di 5 giorni.

 

Questo corso viene erogato solo in modalità dedicata: per questa tipologia, la quotazione è a giornata (su richiesta) e gli argomenti possono essere personalizzati in base alle proprie necessità formative.

 

AGENDA
    • Javascript ES2015
    • Typescript
    • Angular
    • Componenti
    • RxJS
    • Form Model driven
    • Build & Deploy