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

Aantal deelnemers


Prijs Per Deelnemer

Getuigenissen (4)

Voorlopige Aankomende Cursussen

Gerelateerde categorieën