OSWE-18 - ANGULAR 2+ MASTER CLASS

INFORMAZIONI SUL CORSO

durata

Durata:

5 GIORNI
categoria

Categoria:

Web Development
qualifica

Qualifica istruttore:

Docente Senior (min. 5 anni)
dedicato a

Dedicato a:

Sviluppatore
produttore

Produttore:

PCSNET

SCEGLI LA SEDE PER QUESTO CORSO

CORSO A CALENDARIO

Per vedere le informazioni relative al calendario del corso scegli prima una sede
sede
Sede: PCSNET Roma
prezzo
Prezzo: 1.950 € + IVA
Questo corso attualmente non ha date a Calendario e può essere erogato in forma dedicata.
Usa il box qui accanto per richiederne uno apposta per te!
sede
Sede: PCSNET Milano
prezzo
Prezzo: 1.950 € + IVA
Questo corso attualmente non ha date a Calendario e può essere erogato in forma dedicata.
Usa il box qui accanto per richiederne uno apposta per te!
sede
Sede: PCSNET NordEst
prezzo
Prezzo: 1.950 € + IVA
Questo corso attualmente non ha date a Calendario e può essere erogato in forma dedicata.
Usa il box qui accanto per richiederne uno apposta per te!
sede
Sede: PCSNET Torino
prezzo
Prezzo: 1.950 € + IVA
Questo corso attualmente non ha date a Calendario e può essere erogato in forma dedicata.
Usa il box qui accanto per richiederne uno apposta per te!
sede
Sede: PCSNET Emilia Romagna
prezzo
Prezzo: 1.950 € + IVA
Questo corso attualmente non ha date a Calendario e può essere erogato in forma dedicata.
Usa il box qui accanto per richiederne uno apposta per te!
sede
Sede: PCSNET Toscana
prezzo
Prezzo: 1.950 € + IVA
Questo corso attualmente non ha date a Calendario e può essere erogato in forma dedicata.
Usa il box qui accanto per richiederne uno apposta per te!
sede
Sede: PCSNET Marche
prezzo
Prezzo: 1.950 € + IVA
Questo corso attualmente non ha date a Calendario e può essere erogato in forma dedicata.
Usa il box qui accanto per richiederne uno apposta per te!
sede
Sede: PCSNET Umbria
prezzo
Prezzo: 1.950 € + IVA
Questo corso attualmente non ha date a Calendario e può essere erogato in forma dedicata.
Usa il box qui accanto per richiederne uno apposta per te!
sede
Sede: PCSNET Napoli
prezzo
Prezzo: 1.950 € + IVA
Questo corso attualmente non ha date a Calendario e può essere erogato in forma dedicata.
Usa il box qui accanto per richiederne uno apposta per te!
sede
Sede: PCSNET Sicilia
prezzo
Prezzo: 1.950 € + IVA
Questo corso attualmente non ha date a Calendario e può essere erogato in forma dedicata.
Usa il box qui accanto per richiederne uno apposta per te!

CORSO DEDICATO

Per avere informazioni sul corso dedicato compila il form e ti contatteremo

CORSO DEDICATO

Grazie per la tua richiesta, ti contatteremo al più presto.

OBIETTIVI

Sviluppare Front-End e Single Page Application in Angular e Typescript utilizzando un approccio component-based, pattern e metodologie consolidate.

Al termine del corso i partecipanti saranno in grado di:

Effettuare: binding, styling, forms, comunicare con il server, pipes, dependency injection

Sviluppare Single Page Applications con un approccio totalmente component-based

Sviluppare applicazioni multi-view con angular router, autenticazione JWT e gestione della sicurezza

Creare direttive e componenti

Organizzare progetti, applicare metodologie e best practices

Scrivere codice scalabile, modulare ed integrare gli Unit Test

Prerequisiti

Per partecipare ai corsi è sufficiente possedere una certa familiarità con l’uso di HTML, CSS e con almeno un linguaggio di programmazione (preferibilmente Javascript).

PREREQUISITI

CONTENUTI:

DAY 1: ANGULAR e TYPESCRIPT

 

ES2015 e TYPESCRIPT

Introduzione a Javascript ES2015 e Typescript

Creazione e utilizzo dei moduli

Array, oggetti e stringhe: le novità introdotte

Fat arrow syntax, Template string, Destructuring

Classi e Decorators

Types e interfaces in Typescript

Utilizzo di angular-cli per la creazione di progetti Angular

 

DYNAMIC STYLING

inline style e css “unit” suffix

ngClass, ngStyle, styleUrls

Animazioni con CSS Transition

ViewEncapsulation e Shadow DOM

 

ANGULAR FUNDAMENTALS

Creazione progetti con angular-cli

Approccio Component-Based

Il decorator @Component

Binding and templates

Structural Directives: *ngIf, *ngSwitch, *ngFor

Creazione componenti data-driven

 

CUSTOM COMPONENTS

Creazione componenti riutilizzabili

Input properties

Transclusion

Components communication and Output emitter

Reusable components

 

DAY 2: FORM & SERVICES

 

SERVICES 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 RESTful

 

SERVER-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 Model

 

FORMS

Angular 2 Forms: 1-way and 2-way binding

Local Properties

ngModel, ngForm e ngSubmit

Form validators

Gestione messaggi di errori, dirty e touch state

 

WORKING 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 pipes

 

DAY 3: MASTERING ANGULAR

 

MASTERING @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 / types

 

MASTERING DEPENDENCY INJECTION

forRoot() e custom modules

@Injectable e provider

@Inject and useValue

OpaqueToken

Configurare provider con useFactory

 

UNIT TEST

Unit Test vs E2E

Introduzione a Jasmine

Introduzione e configurazione Karma

Introduzione a Protractor

Utilizzare TestBed

Testare DOM e templates

Mocking dependencies

Spies

 

MASTERING @Directives

Structural direttives vs attribute directives

@HostBinding

@HostListener

Setter e Getter

Structural directives: tag e asterisco *

Utilizzo di ElementRef, TemplateRef

Creazione componenti a runtime con ComponentFactoryResolver e ViewContainerRef

Integrazione 3rd party API (GSAP Tweenmax)

 

REUSABLE COMPONENTS

Si 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 altro

 

DAY 4: REAL WORLD APPS

 

ADVANCED FORMS

Forms: custom validators @Directive

Forms: creazione form multi-step

Introduzione ai Reactive Forms

 

NAVIGAZIONE 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 Events

 

GESTIONE MODULI

Applicazioni modulari in Angular con ngModule

Organizzazione progetto

Best practices

 

AUTH 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 OPTIONS

 

DAY 5: HANDS-ON

I partecipanti avranno la possibilità di fare molta pratica seguiti costantemente dal docente e si avrà modo di approfondire moltissime tematiche trattate durante le giornate precedenti.

INFO

  • Manuale: Dispense PCSNET
  • Prezzo manuale: 20 € incluso nel prezzo del corso
  • Natura del corso: Operativo (previsti lab su PC)

PARTNERSHIP