Thank you for sending your enquiry! One of our team members will contact you shortly.
Thank you for sending your booking! One of our team members will contact you shortly.
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
Testimonials (10)
The practical experience of actually working with the code
Chad Roskuge - ALTRON
Kurs - AngularJS Basics
interesting showing the topic
Adam Boroch - SPOC S.A.
Kurs - Angular JavaScript
The labs were interesting and probably the most useful learning tool to me. Anything I missed or forgot about was relearned or reinforced in the labs.
Joseph Fuerst
Kurs - Building Web Apps using the MEAN stack
Jeg likte vitsene dine
Dermot - Griffiths & Armour
Kurs - Angular 2 Fundamentals
Machine Translated
I mostly enjoyed the hands-on training code.
Tomislav Brajkovic - HSE - Healthlink
Kurs - Angular 4: Create Single-Page Applications Using HTML, CSS and JavaScript
Steg for steg analyse. Hver linje med kodeforklaring. Alle problemer jeg hadde i løpet av kurset ble løst og Łukasz fortalte meg årsaken. Jeg likte også god praksis som har blitt presentert. Aldri har jeg blitt overbevist om TDD-stil - jeg synes bare ikke det er nyttig og verdt tiden sin. Łukasz påpekte så mange fordeler med TDD, det endret helt min mening.
Michał Uściński - Devapo Sp. z o. o.
Kurs - Testing Angular Applications
Machine Translated
część o RxJS
Kacper - INWEBIT Sp. z o.o.
Kurs - Reactive Programming with Angular RxJS
I liked the communication and way of passing knowledge.
Marcin Wojdowski - PSI Polska Sp. z o.o.
Kurs - Angular 5
Good material! The trainer is a really nice guy which helps a lot!
Xander Knol - Conclusion Learning Centers
Kurs - Angular 6
Good examples and interactive course !
