Cursusaanbod
Invoering
- Wat is Angular?
- Wat is er nieuw in Angular 10?
Overzicht van Typescript en ES6 JavaScript
- TypeScript Syntaxis
- Met behulp van de TypeScript transpiler
- Instellen van Angular 10 en Typescript
Overzicht van Angular 10-onderdelen
- Angular CLI
- Componenten
- Richtlijnen
- Ingangen en uitgangen
- Gegevensbinding en interpolatie
- Evenement bindend
- Gegevensmodellering
- Bootstrapping
Uw eerste Angular applicatie maken
- Het plannen van de applicatie
- Een Angular-project opzetten
- Een mobielvriendelijke gebruikersinterface creëren met behulp van Bootstrap 4 en Sass
Een onderdeel maken
- Inzicht in de levenscyclus van componenten
- Informatiestroom
- Sjablonen en stijlen gebruiken
- Inhoud projecteren
- Werken met AppModule
- Werken met aangepaste componenten
- Gebruik van weergave-inkapseling
- Levenscyclushaken implementeren
- ViewChildren en ContentChildren gebruiken
Gegevensbinding in Angular 10
- Inzicht in eigendoms- en gebeurtenisbinding
- Aliassen binden en toewijzen aan aangepaste eigenschappen
- Aliassen binden en toewijzen aan aangepaste gebeurtenissen
Werken met richtlijnen
- Ingebouwde richtlijnen
- Aangepaste richtlijnen
Angular 10 Diensten
- Een logboekservice maken
- Een dataservice creëren
Het gebruik van afhankelijkheidsinjectie en providers
- Injectoren, leverancier en tokens
- Afhankelijkheidsinjectie configureren
- Uw provider configureren
- Services injecteren in componenten, richtlijnen en services
Van pagina wisselen met routering
- De verschillende navigatiemethoden begrijpen
- Routeringsstrategieën
- Routes instellen
- Routes configureren en laden
- Parameters gebruiken in routes
- Geneste routes maken
- Omleidings- en wildcardroutes gebruiken
- Routewachters begrijpen
RxJS gebruiken om waarneembare objecten te maken en ermee te werken in Angular
- Overzicht van waarneembare gegevens
- Overzicht van RxJS
- Waarneembare objecten bouwen en gebruiken in Angular
Formulieren genereren voor gebruikersinvoer
- Met behulp van de sjabloongestuurde formulieren
- Met behulp van de Reactive-formulieren
- Aangepaste validatie maken
- Formuliergegevens valideren, filteren en opschonen
Het gebruik van pijpen
- Transformerende output
- Ingebouwde pijpen
- Asynchrone pijp
- Aangepaste pijpen
Bellen naar externe HTTP-API's
- Verzoeken verzenden
Angular-modules gebruiken
Het testen van de Angular 10-applicatie
- Jasmine gebruiken voor het testen van eenheden
- Protractor gebruiken voor end-to-end testen
Foutopsporing in de toepassing
- Foutmeldingen begrijpen in Angular
- Sourcemaps gebruiken om code in de browser te debuggen
- Lezen TypeScript Compilordiagnostiek
- Augury gebruiken
Het optimaliseren van de Angular 10-applicatie
- De code herwerken
- Het verkleinen van de bundelgrootte en het elimineren van dode code
Angular 10 Beveiliging
- Hoe authenticatie werkt
- JWT-authenticatie gebruiken
- Wat moet er wel en niet geschreven worden in Angular
Een Angular 10-applicatie implementeren in productie
- Implementatie naar IIS, Apache, Nginx, enz.
Angular 10 beste praktijken
Probleemoplossen
Samenvatting en conclusie
Vereisten
- Bekendheid met basis-HTML, CSS en JavaScript
Publiek
- Ontwikkelaars