Kursplan

Introduksjon

  • Hva er Angular?
  • Angular vs React vs Vue
  • Oversikt over Angular 16 funksjoner og arkitektur
  • Sette opp utviklingsmiljøet

Starter

  • Opprette et nytt Angular 16-prosjekt ved hjelp av Angular CLI
  • Utforske prosjektstrukturen og filene
  • Kjører og serverer applikasjonen
  • Vise data ved hjelp av interpolasjon og uttrykk

Komponenter

  • Forstå rollen til komponenter i Angular 16
  • Opprette og bruke komponenter
  • Sende data mellom komponenter ved hjelp av innganger og utganger
  • Bruke komponent livssyklus kroker

direktiver

  • Forstå forskjellen mellom strukturelle og attributtdirektiver
  • Opprette og bruke innebygde direktiver som ngIf, ngFor, ngSwitch, etc.
  • Opprette og bruke tilpassede direktiver

Rør

  • Forstå formålet med rør i Angular 16
  • Opprette og bruke innebygde rør som dato, valuta, json, etc.
  • Opprette og bruke tilpassede rør

Tjenester

  • Forstå rollen til tjenester i Angular 16
  • Opprette og bruke tjenester
  • Injisere avhengigheter ved hjelp av leverandører

Moduler

  • Forstå rollen til moduler i Angular 16
  • Opprette og bruke moduler
  • Importere og eksportere moduler

Databinding

  • Forstå forskjellen mellom enveis og toveis databinding
  • Opprette og bruke egenskapsbinding, hendelsesbinding og banan-i-en-boks-syntaks
  • Bruke malreferansevariabler

Ruting

  • Forstå rollen til ruting i Angular 16
  • Opprette og konfigurere ruter
  • Navigere mellom ruter ved hjelp av routerLink og router.navigate
  • Bruk av ruteparametere, spørringsparametere og fragmenter

Skjemaer

  • Forstå forskjellen mellom maldrevne og reaktive skjemaer
  • Opprette og validere skjemaer ved hjelp av skjemakontroller, skjemagrupper, skjemamatriser, etc.
  • Bruk av innebygde validatorer som obligatorisk, minLength, maxLength, etc.
  • Opprette og bruke tilpassede validatorer

HTTP-klient

  • Forstå rollen til HTTP-klient i Angular 16
  • Opprette og bruke HTTP-forespørsler for å kommunisere med backend-tjenester
  • Bruk av observerbare for å håndtere asynkrone datastrømmer
  • Bruk av interceptorer for å modifisere eller håndtere HTTP-forespørsler eller svar

Feilsøking

  • Forstå de vanlige feilene og feilene i Angular 16 applikasjoner
  • Bruke Chrome DevTools til å inspisere elementer, kilder, nettverk, konsoll osv.
  • Bruke bruddpunkter, watch-uttrykk, call stack, etc. for å feilsøke kode

Testing

  • Forstå viktigheten av testing i Angular 16 applikasjoner
  • Bruker Jest som et alternativt testrammeverk
  • Bruker Karma som en testløper for enhetstester
  • Bruker Protractor som et ende-til-ende testverktøy

Sammendrag og neste trinn

Krav

  • En forståelse av HTML, CSS og JavaScript
  • Erfaring med TypeScript og RxJS
  • Erfaring med webutvikling

Publikum

  • Utviklere som ønsker å lære å bruke Angular 16 til å lage dynamiske og responsive webapplikasjoner
  • Utviklere som ønsker å oppgradere ferdighetene sine fra tidligere versjoner av Angular
  • Programmerere som ønsker å utforske de nye funksjonene og oppdateringene til Angular 16
 28 timer

Antall deltakere



Price per participant

Testimonials (10)

Relaterte kurs

Related Categories