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
Testimonials (5)
Det var veldig interaktivt og informativt. Treneren var veldig tålmodig med oss når vi ikke forsto noe og sørget for at ingen ble etterlatt gjennom hele treningen.
Daniel - INIT Innovations in Transportation Ltd.
Kurs - Angular 17
Machine Translated
- I really like the course and the Trainor is very accommodating and has a great knowledge on the topic. It just that not all topics are discussed in the 4-day training.
Allan - Tribal Software Philippines Inc
Kurs - Angular 14
Jeg likte vitsene dine
Dermot - Griffiths & Armour
Kurs - Angular 2 Fundamentals
Machine Translated
Practical examples, exercises and best practices
Bartosz Zawistowski - Capgemini Polska Sp. z o.o.
Kurs - Angular 10 for Developers
Pipe Routing Data Biding Services