Corso attualmente non disponibile

ANGULAR 2+ MASTER CLASS

Corso

A Villafranca di Verona ()

1.950 € +IVA

Chiama il centro

Hai bisogno di un coach per la formazione?

Ti aiuterà a confrontare vari corsi e trovare l'offerta formativa più conveniente.

Descrizione

  • Tipologia

    Corso

  • Ore di lezione

    35h

  • Durata

    5 Giorni

sviluppare Single Page Applications solide e scalabili utilizzando Angular e Typescript.
Angular Master Class è un corso di formazione di 5 giornate su Typescript e Angular per apprendere tutti i segreti del framework.

Domande e risposte

Aggiungi la tua domanda

I nostri consulenti e altri utenti potranno risponderti

Inserisci i tuoi dati per ricevere una risposta

Pubblicheremo solo il tuo nome e la domanda

Opinioni

Materie

  • Angular
  • AngularJS
  • Programmazione siti web
  • Programmazione
  • Typescript
  • Framework
  • Linguaggio
  • Web Applications
  • Siti web
  • Single Page Applications

Programma

undamentals: binding, styling, forms, comunicare con il server, pipes, dependency injection Sviluppo Single Page Applications con un approccio totalmente component-based Applicazioni multi-view con angular router, autenticazione JWT e gestione sicurezza Padroneggiare la creazione di direttive e componenti Organizzare progetti, applicare metodologie e best practices Codice scalabile, modulare e integrazione Unit TestIL PROGRAMMAOgni modulo ha la durata di 8 ore e include sessioni di didattica ed esercitazione.DAY 1: ANGULAR e TYPESCRIPTES2015 e TYPESCRIPT Introduzione a Javascript ES2015 e Typescript Creazione e utilizzo dei moduli Array, oggetti e stringhe: le novità introdotte Fat arrow function, Template string, Destructuring Classi e Decorators Types e interfaces in Typescript Utilizzo di angular-cli per la creazione di progetti AngularDYNAMIC STYLING inline style e css “unit” suffix ngClass, ngStyle, styleUrls Animazioni con CSS Transition ViewEncapsulation e Shadow DOMANGULAR FUNDAMENTALS Creazione progetti con angular-cli Approccio Component-Based Il decorator @Component Binding and templates Structural Directives: *ngIf, *ngSwitch, *ngFor Creazione componenti data-drivenCUSTOM COMPONENTS Creazione componenti riutilizzabili Input properties Transclusion Components communication and Output emitter Reusable componentsDAY 2: FORM & SERVICESSERVICES e DEPENDENCY INJECTION Dependency Injection in Angular Separazione delle competenze Classi e custom types in Typescript SingleTon e data model @Injectable e provider Organizzare servizi RESTfulSERVER-SIDE COMMUNICATION Installazione e configurazione di un JSON mock server Utilizzo di REST API e il modulo @angular/http di Angular Utilizzo del servizio http per la comunicazione con il server Scenari e casi d’uso con form e operazioni CRUD Gestione data ModelFORMS Angular 2 Forms: 1-way and 2-way binding Local Properties ngModel, ngForm e ngSubmit Form validators Gestione messaggi di errori, dirty e touch stateWORKING WITH DOM @ViewChild e accesso agli elementi del DOM DOM Native Elements RxJS Observable and nativeElement@Pipes Utilizzo dei filtri / pipes su date, numeri e stringhe Creazione Custom pipesDAY 3: MASTERING ANGULARMASTERING @Components 1-way data flow architectures e stateless components Ciclo di vita del componente Change Detection Strategies Nested component e differenti tecniche di comunicazione Angular animations Gestione errori ed eccezioni ViewChildren vs ContentChildren Integrazione 3rd party libraries / typesMASTERING DEPENDENCY INJECTION forRoot() e custom modules @Injectable e provider @Inject and useValue OpaqueToken Configurare provider con useFactoryUNIT TEST Unit Test vs E2E Introduzione a Jasmine Introduzione e configurazione Karma Introduzione a Protractor Utilizzare TestBed Testare DOM e templates Mocking dependencies SpiesMASTERING @Directives Structural direttives vs attribute directives @HostBinding @HostListener Setter e Getter Structural directives: < template > tag e asterisco * Utilizzo di ElementRef, TemplateRef Creazione componenti a runtime con ComponentFactoryResolver e ViewContainerRef Integrazione 3rd party API (GSAP Tweenmax)REUSABLE COMPONENTSSi esplorano differenti tecniche, casi d’uso e approcci per la creazione di decine di componenti e direttive, per ognuno dei quali saranno integrati e descritti i relativi Unit Test: Maps: integrazione Google Map API e Leaflet Grid e layout components Integrazione HighChart Animate components with GSAP Tweenmax Typography, List, TabBar, Card Collapsable, Side Panel, Divider e molto altroDAY 4: REAL WORLD APPSADVANCED FORMS Forms: custom validators @Directive Forms: creazione form multi-step Introduzione ai Reactive FormsNAVIGAZIONE e ROUTING MultiView Single page application in Angular Utilizzo di @angular/router Gestione stati e routes Passaggio parametri Route Navigation components Template injection protezione view (by token) con AuthGuard e canActivate Router EventsGESTIONE MODULI Applicazioni modulari in Angular con ngModule Organizzazione progetto Best practicesAUTH e SECURITY Autenticazione e procedure di login JWT: login and token Utilizzo REST API protette da token Http “interceptors” in Angular 2+ Gestione errori CORS, preflight e OPTIONSDAY 5: HANDS-ONI partecipanti vengono coinvolti nello sviluppo dell’applicazione banking per il monitoraggio del conto corrente, la creazione di bonifici (bookmarks), lista movimenti, saldo, profilo e molto altro. Sarà quindi creata un’applicazione multi-view utilizzando Angular Route che include: menu di navigazione modulo di login con autenticazione JWT Utilizzo di servizi REST protetti da Token Gestione router con protezione view E molto altro

Chiama il centro

Hai bisogno di un coach per la formazione?

Ti aiuterà a confrontare vari corsi e trovare l'offerta formativa più conveniente.

ANGULAR 2+ MASTER CLASS

1.950 € +IVA