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 (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 !