Cursusaanbod
Inleiding
- Wat is Angular?
- Wat is er nieuw in Angular 11?
Overzicht van TypeScript en ES6 JavaScript
- TypeScript Syntax
- Gebruik van de TypeScript transpiler
- Inrichten van Angular 11 en TypeScript
Overzicht van de onderdelen van Angular 11
- Angular CLI
- Componenten
- Directives
- Invoer- en uitvoergegevens (Inputs and Outputs)
- Data-binding en interpolatie
- Event binding
- Data-modellering
- Bootstrapping
- Experimentele Webpack
Eerste Angular applicatie maken
- Toepassing plannen
- Een Angular project instellen
- Een mobiele vriendelijke UI maken met Bootstrap 4 en Sass
Een component maken
- Inzicht in de levenscyclus van een component
- Dataflow
- Templates en stijlen gebruiken
- Content projecteren
- Werken met AppModule
- Werken met aangepaste componenten
- View encapsulatie gebruiken
- Lifecycle hooks implementeren
- ViewChildren en ContentChildren gebruiken
Data-binding in Angular 11
- Inzicht in property- en event binding
- Aliassen binden aan aangepaste eigenschappen
- Aliassen binden aan aangepaste events
Werken met directives
- Ingebouwde directives
- Aangepaste directives
Angular 11 services
- Een logging service maken
- Een data service maken
Gebruik van dependency injection en providers
- Injectors, provider en tokens
- Dependency injection configureren
- Je provider configureren
- Services injecteren in componenten, directives en services
Pagina's wisselen met routing
- Inzicht in de verschillende navigatiemethoden
- Routing strategieën
- Routes instellen
- Routes configureren en laden
- Parameters in routes gebruiken
- Nest routes maken
- Redirect en wildcard routes gebruiken
- Inzicht in route guards
Gebruik van RxJS om observables te creëren en te hanteren in Angular
- Overzicht van observables
- Overzicht van RxJS
- Observables bouwen en gebruiken in Angular
Invoervelden genereren voor gebruikersinvoer
- Template-driven forms gebruiken
- Reactive forms gebruiken
- Aangepaste validatie maken
- Form data valideren, filteren en sanitiseren
Pipes gebruiken
- Output transformeren
- Ingebouwde pipes
- Async pipe
- Aangepaste pipes
Oproepen naar externe HTTP APIs maken
- Verzoeken verzenden
Het Angular 10 applicatie testen
- Jasmine gebruiken voor unit testing
- Protractor gebruiken voor end-to-end testing
De applicatie debuggen
- Inzicht in foutmeldingen in Angular
- Sourcemaps gebruiken om code in de browser te debuggen
- TypeScript compilerdiagnostiek lezen
- Augury gebruiken
Het Angular 11 applicatie optimaliseren
- De code herschrijven
- Pakketgrootte verkleinen en dead-code elimineren
Angular 11 beveiliging
- Hoe authenticatie werkt
- JWT-authenticatie gebruiken
- Wat wel en niet in Angular geschreven moet worden
Een Angular 11 applicatie implementeren naar productie
- Implementeren naar IIS, Apache, Nginx, etc.
Angular 11 best practices
Foutopsporing
Samenvatting en conclusie
Vereisten
- Kennis van basis HTML, CSS en JavaScript
Doelgroep
- Ontwikkelaars
Getuigenissen (5)
Ik vond het fijn dat de training meer gericht was op de praktische kant.
Mihaela - Ness
Cursus - NgRx
Automatisch vertaald
Onderwerpen die zijn besproken, veel live codevoorbeelden, de houding van de trainers tegenover de groep
Weronika - ATOS PGS sp. z o.o.
Cursus - Reactive Programming with Angular RxJS
Automatisch vertaald
Ik vond je grappen leuk
Dermot - Griffiths & Armour
Cursus - Angular 2 Fundamentals
Automatisch vertaald
Praktische voorbeelden, oefeningen en beste praktijken
Bartosz Zawistowski - Capgemini Polska Sp. z o.o.
Cursus - Angular 10 for Developers
Automatisch vertaald
Buislijnen Routeplanning Gegevensbinding Diensten
Edmundo Manave - CEDSIF, IP - Ministry of Finance
Cursus - Angular 12
Automatisch vertaald