Aperçu du cours
Cursusoverzicht:
Angular, als een krachtige JavaScript-infrastructuur, transformeert de kern van het framework op basis van nieuwe webstandaarden. Tijdens deze training leer je de fundamentele concepten van dit platform en verbeter je je applicatieontwikkeling.
Prérequis
- Goede beheersing van JavaScript, HTML en CSS.
- Kennis van TypeScript aanbevolen.
- Ervaring met webapplicatieontwikkeling gewenst.
Fonctionnalités
- Begrijpen van de architectuur van een Angular-applicatie: organisatie van modules, services, directives en componenten.
- Ontwikkelen van gestructureerde Angular-applicaties met Angular CLI en toepassing van best practices.
- Beheersen van formulieren en databeheer met FormsModule, FormBuilder en RxJS voor reactieve programmering.
- Integreren van geavanceerde functionaliteiten zoals routing, Progressive Web Apps (PWA) en unit testing met Jasmine & Karma.
Public ciblé
- Webontwikkelaars
- Software-ingenieurs
- Andere IT-professionals die moderne webapplicaties met Angular willen ontwerpen, structureren en optimaliseren.
Détails
- 12 Sections
- 58 Lessons
- 35 Hours
Expand all sectionsCollapse all sections
- Introductie tot Angular4
- 1.1Overzicht van Angular
- 1.2Nieuwe functionaliteiten van de laatste versie
- 1.3De Ivy-rendering engine
- 1.4AOT- versus JIT-compilatie
- Architectuur van Angular-applicaties5
- 2.1Codeorganisatie per module
- 2.2Services en hun rol
- 2.3Directives en hun gebruik
- 2.4Templates, componenten en data binding
- 2.5Dependency Injection
- Ontwikkeling met Angular6
- 3.1Structureren van een Angular-project
- 3.2Modules & componenten
- 3.3Een project opzetten met Angular CLI
- 3.4Werking van Angular CLI
- 3.5Ontwikkelen van modules, services en componenten
- 3.6Praktische oefening: Een Angular-applicatie bouwen met componenten en modules
- Templates5
- 4.1Interpolatie
- 4.2Lokale variabelen
- 4.3Property & event bindings
- 4.4Pipes
- 4.5Praktische oefening
- Formulieren4
- 5.1FormsModule
- 5.2FormBuilder
- 5.3Validatie en foutafhandeling
- 5.4Praktische oefening: Toevoegen van een formulier voor het aanmaken van een nieuwe klant
- Reactive Extensions for JavaScript (RxJS)5
- 6.1Reactieve programmering
- 6.2Observable & Observer
- 6.3Operators
- 6.4Communicatie tussen componenten en subjects
- 6.5Praktische oefening
- Werken met HTTP6
- 7.1De HTTP-service
- 7.2HTTP en RxJS
- 7.3Ophalen van gegevens
- 7.4Promises
- 7.5Observables
- 7.6Praktische oefening
- Routing5
- 8.1Evolutie van het routeringsmodule
- 8.2Gebruik van routing
- 8.3Configureren van routes
- 8.4Directives
- 8.5Praktische oefening
- Progressive Web Apps (PWA)4
- 9.1Werking van PWA’s
- 9.2De service worker
- 9.3Implementatie van een PWA met Angular
- 9.4Praktische oefening
- NgRx5
- 10.1Introductie tot Redux
- 10.2Store state en actions
- 10.3Implementatie van NgRx
- 10.4Beheer van HTTP-verzoeken en side effects
- 10.5Praktische oefening
- Testing4
- 11.1Testframework
- 11.2Unit- en functionele tests
- 11.3Uitvoeren van tests
- 11.4Praktische oefening: Ontwikkelen van een applicatie op basis van tests
- Best Practices5
- 12.1Jasmine & Karma
- 12.2Protractor
- 12.3Cypress
- 12.4John Papa’s coding style guide
- 12.5Communicatie tussen componenten en subjects
Instructeur
