Course Outline

Invoering

  • Wat is Angular?
  • Angular versus React versus Vue
  • Overzicht van Angular 16 kenmerken en architectuur
  • Het opzetten van de ontwikkelomgeving

Aan de slag

  • Een nieuw Angular 16-project maken met behulp van Angular CLI
  • Het verkennen van de projectstructuur en bestanden
  • Het uitvoeren en bedienen van de applicatie
  • Gegevens weergeven met behulp van interpolatie en expressies

Componenten

  • De rol van componenten begrijpen in Angular 16
  • Componenten maken en gebruiken
  • Gegevens doorgeven tussen componenten met behulp van in- en uitgangen
  • Gebruik maken van levenscyclushaken voor componenten

Richtlijnen

  • Het verschil begrijpen tussen structurele richtlijnen en attribuutrichtlijnen
  • Ingebouwde richtlijnen maken en gebruiken, zoals ngIf, ngFor, ngSwitch, enz.
  • Aangepaste richtlijnen maken en gebruiken

Pijpen

  • Het doel van pijpen begrijpen in Angular 16
  • Ingebouwde leidingen maken en gebruiken, zoals datum, valuta, json, enz.
  • Aangepaste pijpen maken en gebruiken

Diensten

  • Inzicht in de rol van diensten in Angular 16
  • Diensten maken en gebruiken
  • Afhankelijkheden injecteren met behulp van providers

Modules

  • De rol van modules begrijpen in Angular 16
  • Modules maken en gebruiken
  • Modules importeren en exporteren

Dataverbinding

  • Het verschil begrijpen tussen eenrichtings- en tweerichtingsgegevensbinding
  • Maken en gebruiken van eigenschapsbinding, gebeurtenisbinding en banaan-in-een-box-syntaxis
  • Sjabloonreferentievariabelen gebruiken

Routering

  • De rol van routing begrijpen in Angular 16
  • Routes maken en configureren
  • Navigeren tussen routes met routerLink en router.navigate
  • Routeparameters, queryparameters en fragmenten gebruiken

Formulieren

  • Het verschil begrijpen tussen sjabloongestuurde en reactieve formulieren
  • Formulieren maken en valideren met behulp van formulierbesturingselementen, formuliergroepen, formuliermatrices, enz.
  • Met behulp van ingebouwde validators zoals vereist, minLength, maxLength, enz.
  • Aangepaste validators maken en gebruiken

HTTP-client

  • De rol van de HTTP-client begrijpen in Angular 16
  • HTTP-verzoeken maken en gebruiken om te communiceren met backend-services
  • Waarnemingen gebruiken om asynchrone gegevensstromen te verwerken
  • Interceptors gebruiken om HTTP-verzoeken of -reacties te wijzigen of af te handelen

Foutopsporing

  • Inzicht in de veelvoorkomende fouten en bugs in Angular 16 applicaties
  • Chrome DevTools gebruiken om elementen, bronnen, netwerk, console, enz. te inspecteren.
  • Gebruik breekpunten, bekijk expressies, roep de stapel aan, enz. om code te debuggen

Testen

  • Het belang van testen begrijpen in Angular 16 toepassingen
  • Gebruik van Jest als alternatief testkader
  • Karma gebruiken als testloper voor unit-tests
  • Gebruik Protractor als een end-to-end testinstrument

Samenvatting en volgende stappen

Requirements

  • Een goed begrip van HTML, CSS en JavaScript
  • Ervaring met TypeScript en RxJS
  • Ervaring met webontwikkeling

Publiek

  • Ontwikkelaars die willen leren hoe ze Angular 16 kunnen gebruiken om dynamische en responsieve webapplicaties te maken
  • Ontwikkelaars die hun vaardigheden uit eerdere versies van Angular willen upgraden
  • Programmeurs die de nieuwe functies en updates van Angular 16 willen verkennen
 28 Hours

Getuigenissen (10)

Related Courses

Related Categories