Cursusaanbod

Inleiding

  • Wat is Angular?
  • Wat is er nieuw in Angular 10?

Overzicht van TypeScript en ES6 JavaScript

  • TypeScript-syntax
  • Het gebruik van de TypeScript transpiler
  • Angular 10 en TypeScript instellen

Overzicht van Angular 10-onderdelen

  • Angular CLI
  • Componenten
  • Directives
  • Invoer- en uitvoergegevens
  • Data-binding en interpolatie
  • Event-binding
  • Data-modellering
  • Bootstrapping

Uw eerste Angular-applicatie maken

  • Het toepassingsplan maken
  • Een Angular-project instellen
  • Een mobiele vriendelijke UI maken met Bootstrap 4 en Sass

Een component maken

  • Het levenscyclus van een component begrijpen
  • Dataflow begrijpen
  • Templates en stijlen gebruiken
  • Inhoud projecteren
  • Werken met AppModule
  • Aangepaste componenten maken
  • View encapsulatie gebruiken
  • Lifecycle-hooks implementeren
  • ViewChildren en ContentChildren gebruiken

Data-binding in Angular 10

  • Eigenschaps- en event-binding begrijpen
  • Eigenschappen koppelen en aliassen toewijzen aan aangepaste eigenschappen
  • Events koppelen en aliassen toewijzen aan aangepaste events

Werken met directives

  • Ingebouwde directives
  • Aangepaste directives

Angular 10-services

  • Een logservice maken
  • Een dataservice maken

Afhankelijkheidsinjectie en providers gebruiken

  • Injectors, provider en tokens
  • Afhankelijkheidsinjectie configureren
  • Uw provider configureren
  • Services in componenten, directives en services injecteren

Pagina's wisselen met routing

  • Begrijpen van de verschillende navigatiemethoden
  • Routestrategieën
  • Routes instellen
  • Routes configureren en laden
  • Parameters in routes gebruiken
  • Nest routes maken
  • Omhleiding- en wildcard-routes gebruiken
  • Begrijpen van route-guards

RxJS gebruiken om observables in Angular te maken en te verwerken

  • Overzicht van observables
  • Overzicht van RxJS
  • Bouwen en gebruik maken van observables in Angular

Vormen genereren voor gebruikersinvoer

  • Template-driven forms gebruiken
  • Reactive Forms gebruiken
  • Aangepaste validatie maken
  • Formuliergegevens valideren, filteren en saniteren

Pipes gebruiken

  • Output transformeren
  • Ingebouwde pipes
  • Async Pipe
  • Aangepaste pipes

Oproepen maken naar externe HTTP-API's

  • Vergelijkingen versturen

Angular-modules gebruiken

Het Angular 10-applicatie testen

  • Jasmine voor unit testing gebruiken
  • Protractor voor end-to-end testing gebruiken

Het applicatie debuggen

  • Foutmeldingen in Angular begrijpen
  • Sourcemaps gebruiken om code in de browser te debuggen
  • TypeScript compilerdiagnostiek lezen
  • Augury gebruiken

Het Angular 10-applicatie optimaliseren

  • De code herschrijven
  • Bundlegrootte verkleinen en doodlopende code elimineren

Angular 10-beveiliging

  • Hoe authenticatie werkt
  • JWT-authenticatie gebruiken
  • Wat wel en niet in Angular geschreven moet worden

Een Angular 10-applicatie implementeren voor productie

  • Implementeren naar IIS, Apache, Nginx, etc.

Angular 10-best practices

Foutopsporing

Samenvatting en conclusie

Vereisten

  • Bekend zijn met basis-HTML, CSS en JavaScript

Doelgroep

  • Ontwikkelaars
 28 Uren

Aantal deelnemers


Prijs Per Deelnemer

Getuigenissen (5)

Voorlopige Aankomende Cursussen

Gerelateerde categorieën