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

Number of participants



Price per participant

Getuigenissen (4)

Related Courses

Angular 13

28 Hours

Angular 2 Fundamentals

21 Hours

Angular JavaScript

28 Hours

AngularJS Basics

14 Hours

Angular 11

28 Hours

Angular 11 Advanced

28 Hours

Angular 12

28 Hours

Angular 12 Advanced

28 Hours

Angular 13 Advanced

28 Hours

Angular 14

28 Hours

Angular 14 Advanced

28 Hours

Angular 15

28 Hours

Angular 15 Advanced

28 Hours

Angular 16

28 Hours

Angular 17

28 Hours

Related Categories