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.
Il percorso completo è composto da 13 giornate, suddiviso in 8 moduli componibili e acquistabili separatamente:
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
“Questo corso è stato molto utile e ha ampiamente ripagato il sacrificio fatto.”
– Roberto Lo Magro
“Il corso è stato comprensibile, con casi reali, ottimi spunti per la segmentazione della UI ma anche dei components e della riutilizzabilità del codice.”
– Andrea Tosato
“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
“Evento ben organizzato, con il giusto equilibrio tra concetti “base” e “medio-avanzati”. Complimenti!”
– Luca Z.
DOCENTE
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