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
 28 Uren

Aantal deelnemers


Prijs Per Deelnemer

Getuigenissen (5)

Voorlopige Aankomende Cursussen

Gerelateerde categorieën