1
Angular, toepassing van de goede praktijken
- Injectie van afhankelijkheden.
- Gedeelde applicaties.
- PWA: de service workers.
- Geavanceerde HTTP-query’s.
- Lazy loading.
- De documentatie automatiseren.
- Internationalisering.
Hands-on work
Een applicatie analyseren en optimaliseren.
2
Interne werking van Angular
- ZoneJS: het concept.
- Optimalisatie van view-cycli, uitvoering buiten ZoneJS.
- RxJS kiezen.
- Gebruik van observables.
- Creatie, combinatie, key-operators.
- Compilatie Ahead of Time.
- Webpack bundle analyzer.
- Angular 9 Ivy Engine: configuratie en migratie.
Hands-on work
Een applicatie maken met behulp van RxJS.
3
Aanmaak van distribueerbare componenten
- De webcomponenten.
- Methodologie: interactieve component sheet.
- De decorateurs.
- De change detection mode.
- Neutrale versus statuscomponenten. Communicatie tussen componenten, optimalisatie ES6.
- Projectie van de content, sturing van child componenten.
- De componenten voorbereiden voor de distributie.
- Documentatie: dynamische generering.
Hands-on work
Distribueerbare componenten ontwikkelen en verpakken.
4
Rijke componenten en externe bibliotheken
- Ontdekking van het Angular-ecosysteem voor gegevensbeheer, AngularFire, NgRx.
- De UI-bibliotheken: Angular Material, Prime NG...
- Animaties.
- Beheer van multiprojectontwikkelingen.
Hands-on work
Hergebruik van componenten, integratie van externe bibliotheken.
5
Dynamisch formulier: de FormBuilder
- Aanmaken dynamisch formulier: ReactiveFormsModule.
- FormControl en FormGroup, AbstractControl, FormArray.
- Gepersonaliseerde validatie en foutbeheer.
- Aanmaken van gegevensmodellen.
- Gebruik van FormBuilder.
- Dynamische aanmaak van template.
- Abstractie formulier-vakcomponent.
Hands-on work
Implementatie van de generering en geavanceerde validatiecycli van het formulier.
6
Eenheidstesten. Beste praktijken en tools
- Karma en Jasmine.
- Integratietests met Protractor.
- De Code-Coverage.
- Behaviour driven development, Test driven development.
- Testcase: pipe, component, service, etc.
Hands-on work
TDD: ontwikkeling van een applicatie op basis van eenheidstesten.