Mastering directives and forms

Home/Corsi/Angular/Mastering directives and forms
Mastering directives and forms 2018-01-09T16:22:28+00:00

MASTERING DIRECTIVES & FORMS

Due giornate di approfondimento sulla creazione di direttive in Angular 5 e sulla gestione di forms: template-driven e reactive

0
ore di teoria ed esempi pratici
  • Durata: 2 giornate (16 ore)

  • Tipologia: Teoria e Pratica

  • Versione Angular: 5.x

  • Obiettivi: 1) approfondire l’utilizzo dei template driven forms e dei reactive forms. 2) Creare attributes e structural directives.

  • Requisiti:conoscere le fondamenta del framework o aver partecipato al corso Angular Core Concepts.
    E’ preferibile avere una certa confidenza nella creazione di componenti Angular.

IL PROGRAMMA

ATTRIBUTES DIRECTIVE

  • Creare direttive per la manipolazione del DOM
  • @HostBinding
  • @HostListener
  • Utilizzare l’Input decorator come setter e getter
  • Structural directives VS attribute directives
  • Il ciclo di vita di una direttiva
  • Creare direttive “non visuali”
  • Gestione layout responsive con le direttive
  • ViewContainerRef e ComponentResolveFactory
  • Loaders: creare istanze di componenti a runtime in JS
  • integrazione 3rd party API
  • Animazioni

STRUCTURAL DIRECTIVE

  • Direttive strutturali: utilizzo del simbolo “asterisk” *
  • Il tag < template >
  • DOM : ElementRef e TemplateRef
  • ComponentFactoryResolver e ViewContainerRef
  • Creare custom *repeater (alternativa a *ngFor)
  • Utilizzare RxJS e Observable all’interno di direttive
  • Autenticazione e gestione sicurezza: renderizzare elementi del DOM sulla base del token o del ruolo dell’utente

MASTERING TEMPLATE DRIVEN FORMS

  • Template driven Forms:  funzionalità principali
  • ngModel: 1-way vs 2-way binding
  • form validators, status, errors
  • custom validators directive
  • async validators e pending status
  • custom input control con ControlValueAccessor
  • debugging

REACTIVE FORMS

  • Introduzione ai Reactive Forms
  • Template driven-forms vs Reactive forms
  • AbstractControl, FormControl, FormGroup e FormBuilder
  • Custom form validators
  • Gestione errori
  • Form Control e applicare/modificare validators a runtime
  • Creazione form multi step
  • Utilizzare gli operatori RxJS con i forms:
    • Observe forms
    • fromEvent
    • valueChanges
    • debounce
    • filter
    • map
    • distinctUntilChanged
    • e molti altri

BONUS

  • Introduzione ai test E2E
  • Introduzione a Protractor
  • Integrare E2E test nei form

INFORMAZIONI SUL CORSO

LEARN

Durante la giornata le sessioni di teoria saranno supportate costantemente da slide, contenenti approfondimenti, snippet e diversi casi d’uso illustrati passo-passo dal docente.

LIVE CODE

Il docente applicherà buona parte degli argomenti precedentemente trattati, scrivendo codice LIVE, con numerosi esempi pratici e coinvolgendo attivamente i partecipanti.

HANDS-ON

Nel pomeriggio gli studenti metteranno in pratica le nozioni acquisite durante la giornata realizzando diversi esercizi con il costante supporto del docente.

UN PERCORSO COMPLETO

Questo modulo fa parte di un percorso didattico molto ampio che si pone due obiettivi: il primo è quello di descrivere in modo approfondito tutte le funzionalità e la sintassi del framework, il secondo, forse più importante, è quello di trasferire ai partecipanti metodologie, approcci e best practice consolidate affinché possano creare applicazioni modulari, scalabili, manutenibili e testabili.

Il percorso completo è composto da 13 giornate, suddiviso in 8 moduli componibili e acquistabili separatamente:

FAQ

Devo portare il mio laptop? 2017-07-06T03:43:19+00:00

No, non è necessario  ma potrebbe farti comodo per visionare il materiale durante il corso.

Come posso contattare l’organizzatore? 2017-07-13T23:13:51+00:00

Per tariffe, informazioni sui prossimi corsi o qualunque altra domanda puoi scrivere all’organizzatore utilizzando l’indirizzo email presente nel footer

RECENSIONI

“Tanti spunti e keyword di approfondimento, grazie”
– Fernando C.

Ottimo corso con mille spunti e stimoli
– Pietro Colangelo

DOCENTE

Fabio Biondi
Fabio BiondiJS Developer and Trainer
I’m an active contributor in the italian front-end communities with 10+ years of experience in developing enterprise level applications and components.

Especially focused in front-end applications and all related aspects, both visuals and architecturals, I daily use cutting-edge libraries and frameworks offering training, development, code review and consulting on Angular, React and several other technologies.

I also collaborate with many training italian companies in order to organize events, training courses and campus.

  • Javascript, Angular, React, Redux, RxJS
  • D3.js, CreateJS, GSAP TweenMax, Firebase

Facebook community admin on:

PRECEDENTE
Mastering Components

PROSSIMO CORSO
Angular & RxJS

PROSSIMI EVENTI?

Consulta la mia pagina Facebook

SEGUIMI

Vuoi organizzare questo corso

PRESSO LA TUA SEDE?

CONTATTAMI