Mastering directives and forms

Home/Corsi/Angular/Mastering directives and forms
Mastering directives and forms 2017-07-14T22:36:14+00:00

MASTERING DIRECTIVES & FORMS

Una giornata di approfondimento sui forms e sulla creazione di direttive

0
ore di teoria ed esempi pratici
  • Durata: 1 giornata (8 ore)

  • Tipologia: Corso Intensivo

  • Versione Angular: 4.2

  • Obiettivo: approfondire l’utilizzo dei template driven forms e dei reactive forms. Creare attribures e structural directive.

  • Requisiti:conoscere le fondamenta del framework o aver partecipato al corso Angular Core Concepts.
    E’ preferibile aver già creato componenti Angular in precedenza.

IL PROGRAMMA

ATTRIBUTES DIRECTIVE

  • Creare direttive per la manipolazione del DOM
  • @HostBinding
  • @HostListener
  • Utilizzare l’Input decorator come setter e getter
  • Structural directive VS attribute directive
  • Directive lifecycle
  • Animazioni e integrazione 3rd party API (GSAP Tweenmax)
  • Direttive “senza UI”
  • Gestione layout responsive con le direttive
  • Creazione componenti a runtime in JS

STRUCTURAL DIRECTIVE

  • Il tag < template >
  • Direttive strutturali: simbolo “asterisk” *
  • 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

  • Angular Forms: overview 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: creare un color picker
  • debug forms

REACTIVE FORMS

  • Template driven vs Reactive forms
  • AbstractControl, FormControl, FormGroup e FormBuilder
  • custom validators
  • Observe forms, valueChanges e RxJS operators:
    • debounce
    • filter
    • map
    • distinctUntilChanged

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 8 giornate, suddiviso in 6 moduli:

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