Course Outline

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

Requirements

  • Bekendheid met basis-HTML, CSS en JavaScript

Publiek

  • Ontwikkelaars
 28 Hours

Getuigenissen (3)

Related Courses

Related Categories