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
Stiamo controllando la tua domanda per verificare che sia conforme con gli standard di pubblicazione. A parte questo, abbiamo rilevato dalle tue risposte che potresti non essere in grado di immatricolarti a questa formazione. Questo potrebbe essere dovuto al titolo di studio che possiedi, al luogo in cui vivi, ecc. In ogni caso ti consigliamo di verificare contattando il centro di formazione.
Grazie mille!
Stiamo verificando la tua domanda. A breve sarà pubblicata
Preferisci essere contattato dal centro?
Opinioni
Hai seguito questo corso? Condividi la tua opinione
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