Course Outline

Introductie

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

Overzicht van Typescript en ES6 JavaScript

  • TypeScript Syntaxis
  • De TypeScript-transpiler gebruiken
  • Instellen van Angular 11 en Typescript

Overzicht van de onderdelen van Angular 11

  • Angular CLI
  • Onderdelen
  • Richtlijnen
  • In- en uitgangen
  • Gegevensbinding en interpolatie
  • Evenement binden
  • Modellering van gegevens
  • Bootstrapping
  • Experimenteel Webpack

Uw eerste Angular toepassing maken

  • Planning van de aanvraag
  • Een Angular project opzetten
  • Een mobielvriendelijke gebruikersinterface maken met behulp van Bootstrap 4 en Sass

Een component maken

  • Inzicht in de levenscyclus van componenten
  • Gegevensstroom
  • Sjablonen en stijlen gebruiken
  • Inhoud projecteren
  • Werken met AppModule
  • Werken met aangepaste componenten
  • Weergave-inkapseling gebruiken
  • Levenscyclushaken implementeren
  • ViewChildren en ContentChildren gebruiken

Gegevensbinding in Angular 11

  • Inzicht in eigendoms- en gebeurtenisbinding
  • Aliassen binden en toewijzen aan aangepaste eigenschappen
  • Aliassen binden en toewijzen aan aangepaste gebeurtenissen

Werken met richtlijnen

  • Ingebouwde richtlijnen
  • Douane-richtlijnen

Angular 11 Diensten

  • Een logboekregistratieservice maken
  • Een gegevensservice maken

Afhankelijkheidsinjectie en providers gebruiken

  • Injectoren, aanbieder en tokens
  • Afhankelijkheidsinjectie configureren
  • Uw provider configureren
  • Services injecteren in componenten, richtlijnen en services

Van pagina wisselen met routering

  • Inzicht in de verschillende navigatiemethoden
  • Routeringsstrategieën
  • Routes instellen
  • Routes configureren en laden
  • Parameters gebruiken in routes
  • Geneste routes maken
  • Omleidings- en jokertekenroutes gebruiken
  • Inzicht in routebewakers

RxJS gebruiken om waarneembare objecten te maken en ermee te werken in Angular

  • Overzicht van waarneembare waarden
  • Overzicht van RxJS
  • Observables bouwen en gebruiken in Angular

Formulieren genereren voor gebruikersinvoer

  • De sjabloongestuurde formulieren gebruiken
  • De Reactive formulieren gebruiken
  • Aangepaste validatie maken
  • Formuliergegevens valideren, filteren en opschonen

Pijpen gebruiken

  • Uitvoer transformeren
  • Ingebouwde leidingen
  • Asynchrone pijp
  • Aangepaste pijpen

Aanroepen doen naar externe HTTP-API's

  • Verzoeken verzenden

De Angular 10-toepassing testen

  • Jasmine gebruiken voor het testen van eenheden
  • Protractor gebruiken voor end-to-end testen

Fouten opsporen in de toepassing

  • Foutmeldingen in Angular begrijpen
  • Sourcemaps gebruiken om code in de browser te debuggen
  • Lezen TypeScript Compilor diagnostiek
  • Augury gebruiken

De Angular 11-toepassing optimaliseren

  • Herwerken van de code
  • Bundelgrootte verkleinen en dead-code elimineren

Angular 11 Beveiliging

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

Een Angular 11-toepassing implementeren in productie

  • Implementeren op IIS, Apache, Nginx, enz.

Angular 11 beste praktijken

Probleemoplossing

Samenvatting en conclusie

Requirements

  • Bekendheid met basis-HTML, CSS en JavaScript

Publiek

  • Ontwikkelaars
  28 Hours

Getuigenissen (9)

Related Courses

Related Categories