Takk for at du sendte din henvendelse! En av våre teammedlemmer vil kontakte deg straks.
Takk for at du sendte din bestilling! En av våre teammedlemmer vil kontakte deg straks.
Kursplan
Introduksjon
- Hva er Angular?
- Angular vs React vs Vue
- Oversikt over Angular 17 funksjoner og arkitektur
- Sette opp utviklingsmiljøet
Starter
- Opprette et nytt Angular 17 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 17
- 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 17
- Opprette og bruke innebygde rør som dato, valuta, json, etc.
- Opprette og bruke tilpassede rør
Tjenester
- Forstå rollen til tjenester i Angular 17
- Opprette og bruke tjenester
- Injisere avhengigheter ved hjelp av leverandører
Moduler
- Forstå rollen til moduler i Angular 17
- 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 17
- 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 17
- 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
Ny, deklarativ kontrollflyt
- Forklarer den nye malkontrollblokksyntaksen og hvordan den forenkler vanlige oppgaver som betinget gjengivelse, looping og håndtering av tomme samlinger
- Gi eksempler på bruk av de nye blokkene, for eksempel @if, @else, @switch, @case, @default, @for og @empty
- Sammenligning av den nye syntaksen med den forrige, for eksempel *ngIf, *ngSwitch og *ngFor
- Nevner hvordan de nye kontrollblokkene støtter soneløse applikasjoner med signaler
Utsatte lasteblokker
- Forklare konseptet med utsatt lasting og hvordan det kan forbedre ytelsen og brukeropplevelsen til nettapplikasjoner
- Vi introduserer den nye @defer-kontrollblokken som muliggjør lat-lasting av blokkens innhold og dens avhengigheter
- Gi eksempler på bruk av @defer-blokken for forskjellige scenarier, for eksempel lasting av komponenter, direktiver, rør, animasjoner og stiler
- Nevner hvordan @defer-blokken fungerer med den nye API-en for visningsoverganger
Se Transitions API
- Forklarer formålet med og fordelene med visningsoverganger API, som lar utviklere tilpasse animasjonene og overgangene mellom visninger
- Vi introduserer det nye withViewTransitions-direktivet som muliggjør bruk av visningsoverganger API
- Gi eksempler på bruk av withViewTransitions-direktivet med forskjellige overgangstyper, for eksempel fade, slide, zoom og flip
- Å nevne hvordan visningsoverganger API fungerer med Angular-ruteren og nettleserloggen
Andre funksjoner og forbedringer
- En kort oppsummering av noen av de andre funksjonene og forbedringene som Angular 17 tilbyr, for eksempel:
- Støtte for å sende inn @Component.styles som en streng
- Angular sin animasjonskode er lazy-loadable
- TypeScript 5.2 støtte
- Kjernesignal-APIet er nå stabilt
- Node.js v16-støtte er fjernet og minimumsstøtteversjonen er v18.13.0
- Esbuild vil være standardbyggeren og standard utviklerserveren vil bruke Vite
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 17 til å lage dynamiske og responsive nettapplikasjoner
- Utviklere som ønsker å oppgradere ferdighetene sine fra tidligere versjoner av Angular
- Programmerere som ønsker å utforske de nye funksjonene og forbedringene til Angular 17
28 timer
Referanser (2)
Jeg likte for det meste treningen; hun gikk gjennom emnet, og til slutt av emnet hadde hun godt definerte øvelsesøkter for oss. Hun klarte å veilede oss raskt med de problemene vi sto overfor under øvelsesøkten.
Rabin Byanjankar - Lument
Kurs - Angular 17
Maskinoversatt
Det var meget interaktivt og informativt. Instruktøren var veldig tålmodig med oss når vi ikke forsto noe, og sørget for at ingen ble tilbake i løpet av opplæringen.
Daniel - INIT Innovations in Transportation Ltd.
Kurs - Angular 17
Maskinoversatt
