Cursusaanbod
Inleiding
- Wat is Angular?
- Wat is er nieuw in Angular 12?
Overzicht van TypeScript en ES6 JavaScript
- TypeScript-syntaxis
- Gebruik van de TypeScript transpiler
- Inrichten van Angular 12 en TypeScript
Overzicht van de onderdelen van Angular 12
- Angular CLI
- Componenten
- Directives
- Invoer- en uitvoerwaarden
- Data-binding en interpolatie
- Gebeurtenisbinding
- Data-modellering
- Bootstrappen
- Experimentele Webpack
Eerste Angular-toepassing maken
- Toepassingsplanning
- Inrichten van een Angular-project
- Een mobiele vriendelijke UI creëren met Bootstrap 4 en Sass
Component maken
- Inzicht in de componentlevencyclus
- Dataflow
- Sjablonen 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 12
- Inzicht in eigenschaps- en gebeurtenisbinding
- Eigenschappen en aliassen binden en toewijzen aan aangepaste eigenschappen
- Gebeurtenissen en aliassen binden en toewijzen aan aangepaste gebeurtenissen
Werken met directives
- Ingebouwde directives
- Aangepaste directives
Angular 12-services
- Een logging-service maken
- Een data-service maken
Gebruik van afhankelijkheidsinjectie en providers
- Injectors, provider en tokens
- Afhankelijkheidsinjectie configureren
- Jouw provider configureren
- Diensten injecteren in componenten, directives en diensten
Pagina's wisselen met routing
- Inzicht in de verschillende navigatiemethoden
- Routingstrategieën
- Routes instellen
- Routes configureren en laden
- Parameters gebruiken in routes
- Nest routes maken
- Redirect- en wildcardroutes gebruiken
- Inzicht in route guards
RxJS gebruiken om observables te maken en te werken met Angular
- Overzicht van observables
- Overzicht van RxJS
- Observables bouwen en gebruiken in Angular
Formulieren genereren voor gebruikersinvoer
- Sjabloongedreven formulieren gebruiken
- Reactieve formulieren gebruiken
- Aangepaste validatie maken
- Formuliergegevens valideren, filteren en saneren
Pijpen gebruiken
- Output transformeren
- Ingebouwde pijpen
- Async Pipe
- Aangepaste pijpen
Bellen naar externe HTTP-API's
- Verzoeken verzenden
Het Angular 12-toepassing testen
- Jasmine gebruiken voor unit testing
- Protractor-alternatieven verkennen voor end-to-end testing
Het toepassing debuggen
- Inzicht in foutmeldingen in Angular
- Sourcemaps gebruiken om code te debuggen in de browser
- TypeScript compilerdiagnostiek lezen
- Augury gebruiken om binnen een browser te debuggen
Het Angular 12-toepassing optimaliseren
- Code herschrijven
- Pakketgrootte verkleinen en dode code elimineren
Angular 12-beveiliging
- Hoe authenticatie werkt
- JWT-authenticatie gebruiken
- Wat wel en niet in Angular geschreven moet worden
Een Angular 12-toepassing implementeren naar productie
- Implementeren naar IIS, Apache, Nginx, etc.
Angular 12-beste praktijken
Foutopsporing
Voorbeeld en conclusie
Vereisten
- Basisvaardigheden in HTML, CSS en JavaScript
Doelgroep
- Ontwikkelaars
- Programmeurs
Getuigenissen (4)
Geduld en methodische instructie
Danilo Jo - CEDSIF, IP - Ministry of Finance
Cursus - Angular 12
Automatisch vertaald
De ervaring en geduld van de trainer.
Norberto Mugube - CEDSIF, IP - Ministry of Finance
Cursus - Angular 12
Automatisch vertaald
Ik vond de lesstijl leuk
Gautchi Chambe - CEDSIF, IP - Ministry of Finance
Cursus - Angular 12
Automatisch vertaald
Pipe Routering Data Binding Services
Edmundo Manave - CEDSIF, IP - Ministry of Finance
Cursus - Angular 12
Automatisch vertaald