MASTERING ANGULAR COMPONENTS
Due giornate di formazione in cui si analizzano metodologie, pattern e strumenti offerti da Angular, spesso poco documentati, per la creazione di componenti complessi e l’integrazione dei relativi unit test
Durata: 2 giornata (16 ore)
Tipologia: Teoria e Pratica
Versione Angular: 6.x
- Obiettivo: Un ampio approfondimento sulla creazione di componenti custom in Angular utilizzando numerosi approcci per la comunicazione padre-figlio, per la gestione del ciclo di vita e numerosi altri aspetti, non ultima l’integrazione degli unit test.
- Requisiti:conoscere le fondamenta del framework o aver partecipato al corso Angular Core Concepts.
E’ preferibile aver già creato in precedenza componenti Angular utilizzando i concetti di Input e Output (anche semplici).
IL PROGRAMMA
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
- Integrazione HighChart
- Grid e layout components
- Accordion and nested components
- Typography, List, TabBar, Card
- Collapsable, Side Panel, Divider e molto altro
GENERAZIONE LIBRERIE e NPM
- Generazione librarie di componenti e servizi riutilizzabili
- Pubblicazione della libreria su npm
- Utilizzo e aggiornamento della libreria
- Analisi del bundle size e composizione della libreria
- Generazione automatica della documentazione
MASTERING @Component
- Organizzare applicazioni, componenti e servizi in moduli
- 1-way data flow architectures e stateless components
- Ciclo di vita del componente
- Change Detection Strategies
- Nested component e differenti tecniche di comunicazione
- Gestione errori e messaggi eccezioni personalizzati
- ViewChildren vs ContentChildren
- Generazione di componenti a runtime (via TS)
- Integrazione 3rd party libraries / types
- Component
providerse approfondimento dependency injection - Configurazione provider dei componenti utilizzando
useFactory
UNIT TEST
- Unit Test vs E2E
- Introduzione a Jasmine
- Introduzione e configurazione Karma
- Utilizzo di
TestBed - Testing Components
- Testing Services
- Mocking dependencies
- Spies
Stateless components
Data-driven components
3rd Party Libraries
Change Detection Strategies
Custom Errors
Unit Test con Karma
Code Coverage
INFORMAZIONI SUL CORSO
LEARN
LIVE CODE
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.
FAQ
No, non è necessario ma potrebbe farti comodo per visionare il materiale durante il corso.
Per tariffe, informazioni sui prossimi corsi o qualunque altra domanda puoi scrivere all’organizzatore utilizzando l’indirizzo email presente nel footer
RECENSIONI
“Ottima la trama delle 8 ore, mai noiose e soprattutto molto facili da seguire le diverse spiegazioni, ho trovo i temi collegati benissimo e un sacco di riferimenti tra le parti. Impossibile per lo “studente” perdere un concetto che subito veniva ripreso e approfondito.”
– Andrea Tosato
“Contentissimo di aver partecipato al corso Angular di Fabio: argomenti trattati in modo impeccabile, spiegazioni chiare ed esempi semplici ma molto efficaci.
Oltre ad essere un ottimo trainer e un grande sviluppatore, Fabio è una persona alla mano, gentile e disponibile, sempre pronta a chiarire o approfondire i concetti trattati.
Incredibile la passione e l’energia che impiega durante le lezioni, in grado di coinvolgerti dal primo all’ultimo giorno!”
– Luigi Pasca
“Questo corso è stato molto utile e ha ampiamente ripagato il sacrificio fatto.”
– Roberto Lo Magro
“Evento ben organizzato, con il giusto equilibrio tra concetti “base” e “medio-avanzati”. Complimenti!”
– Luca Z.
DOCENTE
Currently, he holds meetups, events and training courses all over Italy.
His particular specialism is front-end applications and related aspects, both visuals and architectural. He daily uses cutting-edge libraries and frameworks offering training, development, code review and consulting on Angular, React, Vue.js, Typescript/ES6, Redux, NGRX, RxJS, Firebase, D3.js and several other web technologies.
Angular, React, Vue, Redux, RxJS, Typescript
Firebase, D3.js, Canvas, TweenMax