Kursplan
Introduksjon
- Hva er Angular?
- Hva er nytt i Angular 11?
Oversikt over TypeScript og ES6 JavaScript
- TypeScript-syntaks
- Bruk av TypeScript-transpileren
- Oppsett av Angular 11 og TypeScript
Oversikt over Angular 11 sine deler
- Angular CLI
- Komponenter
- Direktiver
- Inn- og utdata
- Databinding og interpolering
- Hendelsesbinding
- Datamodellering
- Bootstrapping
- Eksperimentell Webpack
Opprette din første Angular-applikasjon
- Planlegging av applikasjonen
- Oppsett av et Angular-prosjekt
- Opprette en mobilvennlig UI ved bruk av Bootstrap 4 og Sass
Opprette en komponent
- Forståelse av komponentens livssyklus
- Datastrøm
- Bruk av maler og stiler
- Projisere innhold
- Arbeide med AppModule
- Arbeide med egendefinerte komponenter
- Bruk av visningskappseling
- Implementering av livssyklus-hooks
- Bruk av ViewChildren og ContentChildren
Databinding i Angular 11
- Forståelse av egenskap- og hendelsesbinding
- Binding og tilordning av aliaser til egendefinerte egenskaper
- Binding og tilordning av aliaser til egendefinerte hendelser
Arbeide med direktiver
- Byggde inn direktiver
- Egendefinerte direktiver
Angular 11 tjener
- Opprette en loggertjeneste
- Opprette en datatjeneste
Bruk av avhengighetsinnsprøytning og leverandører
- Innsprøytning, leverandør og tokens
- Konfigurering av avhengighetsinnsprøytning
- Konfigurering av din leverandør
- Innsprøytning av tjenester i komponenter, direktiver og tjenester
Bytting av sider med ruting
- Forståelse av forskjellige navigasjonsmetoder
- Rutingsstrategier
- Oppsett av ruter
- Konfigurering og lasting av ruter
- Bruk av parametere i ruter
- Opprette nøstede ruter
- Bruk av omdirigering og joker-ruter
- Forståelse av rutevoktere
Bruk av RxJS for å opprette og arbeide med observabler i Angular
- Oversikt over observabler
- Oversikt over RxJS
- Bygging og bruk av observabler i Angular
Generering av skjemaer for brukerinput
- Bruk av malstyrte skjemaer
- Bruk av reaktive skjemaer
- Opprette egendefinert validering
- Validering, filtrering og rensing av skjemadata
Bruk av rør
- Transformering av utdata
- Byggde inn rør
- Asynkrone rør
- Egendefinerte rør
Utføre kall til eksterne HTTP-APIer
- Sending av forespørsler
Testing av Angular 10-applikasjonen
- Bruk av Jasmine for enhetstesting
- Bruk av Protractor for end-to-end-testing
Feilsøking av applikasjonen
- Forståelse av feilmeldinger i Angular
- Bruk av sourcemaps for feilsøking av kode i nettleseren
- Lesing av TypeScript-kompiler-diagnostikk
- Bruk av Augury
Optimalisering av Angular 11-applikasjonen
- Gjenbruk av kode
- Reduksjon av bundelstørrelse og fjerning av død kode
Angular 11 sikkerhet
- Hvordan autentisering fungerer
- Bruk av JWT-autentisering
- Hva som bør og ikke bør skrives i Angular
Utplassering av en Angular 11-applikasjon i produksjon
- Utplassering på IIS, Apache, Nginx, osv.
Angular 11 beste praksis
Feilsøking
Oppsummering og konklusjon
Krav
- Kjennskap til grunnleggende HTML, CSS og JavaScript
Målgruppe
- Utviklere
Referanser (5)
Jeg likte at opplæringen fokuserte mer på den praktiske siden.
Mihaela - Ness
Kurs - NgRx
Maskinoversatt
Topics that were discussed, lots of live code examples, trainers attitude towards group
Weronika - ATOS PGS sp. z o.o.
Kurs - Reactive Programming with Angular RxJS
Jeg likte vitsene dine
Dermot - Griffiths & Armour
Kurs - Angular 2 Fundamentals
Maskinoversatt
Practical examples, exercises and best practices
Bartosz Zawistowski - Capgemini Polska Sp. z o.o.
Kurs - Angular 10 for Developers
Pipe Routing Data Biding Services