Kursplan

Introduktion

  • Vad är Angular?
  • Angular vs React vs Vue
  • Översikt över Angular 16 funktioner och arkitektur
  • Att sätta upp utvecklingsmiljön

Komma igång

  • Skapa ett nytt Angular 16 projekt med Angular CLI
  • Utforska projektstrukturen och filerna
  • Köra och servera applikationen
  • Visa data med interpolation och uttryck

Komponenter

  • Förstå komponenternas roll i Angular 16
  • Skapa och använda komponenter
  • Skicka data mellan komponenter med hjälp av ingångar och utgångar
  • Använda komponentlivscykelkrokar

direktiv

  • Förstå skillnaden mellan strukturella och attributdirektiv
  • Skapa och använda inbyggda direktiv som ngIf, ngFor, ngSwitch, etc.
  • Skapa och använda anpassade direktiv

Rör

  • Förstå syftet med rör i Angular 16
  • Skapa och använda inbyggda pipes som datum, valuta, json, etc.
  • Skapa och använda anpassade rör

Tjänster

  • Förstå tjänsternas roll i Angular 16
  • Skapa och använda tjänster
  • Injicera beroenden med hjälp av leverantörer

Moduler

  • Förstå modulernas roll i Angular 16
  • Skapa och använda moduler
  • Importera och exportera moduler

Databindning

  • Förstå skillnaden mellan enkelriktad och tvåvägs databindning
  • Skapa och använda egenskapsbindning, händelsebindning och banan-i-en-låda-syntax
  • Använda mallreferensvariabler

Routing

  • Förstå rollen av routing i Angular 16
  • Skapa och konfigurera rutter
  • Navigera mellan rutter med hjälp av routerLink och router.navigate
  • Använda ruttparametrar, frågeparametrar och fragment

Blanketter

  • Förstå skillnaden mellan malldrivna och reaktiva formulär
  • Skapa och validera formulär med hjälp av formulärkontroller, formulärgrupper, formulärmatriser, etc.
  • Använda inbyggda validatorer som obligatoriskt, minLength, maxLength, etc.
  • Skapa och använda anpassade validatorer

HTTP-klient

  • Förstå rollen för HTTP-klient i Angular 16
  • Skapa och använda HTTP-förfrågningar för att kommunicera med backend-tjänster
  • Använda observerbara objekt för att hantera asynkrona dataströmmar
  • Använda interceptorer för att modifiera eller hantera HTTP-förfrågningar eller svar

Felsökning

  • Förstå vanliga fel och buggar i Angular 16 applikationer
  • Använda Chrome DevTools för att inspektera element, källor, nätverk, konsol osv.
  • Använda brytpunkter, titta på uttryck, anropsstack, etc. för att felsöka kod

Testning

  • Förstå vikten av att testa i Angular 16 applikationer
  • Använder Jest som ett alternativt testramverk
  • Använder Karma som en testlöpare för enhetstester
  • Använder Protractor som ett end-to-end-testverktyg

Sammanfattning och nästa steg

Krav

  • En förståelse för HTML, CSS och JavaScript
  • Erfarenhet av TypeScript och RxJS
  • Erfarenhet av webbutveckling

Publik

  • Utvecklare som vill lära sig hur man använder Angular 16 för att skapa dynamiska och responsiva webbapplikationer
  • Utvecklare som vill uppgradera sina färdigheter från tidigare versioner av Angular
  • Programmerare som vill utforska de nya funktionerna och uppdateringarna av Angular 16
 28 timmar

Antal deltagare



Price per participant

Vittnesmål (10)

Relaterade Kurser

Relaterade Kategorier