Kursplan
Introduksjon
- Hva er Angular?
- Hva er nytt i Angular 12?
Oversikt over TypeScript og ES6 JavaScript
- TypeScript syntaks
- Bruk av TypeScript transpiler
- Oppsett av Angular 12 og TypeScript
Oversikt over delene i Angular 12
- Angular CLI
- Komponenter
- Direktiv
- Inndata og Utdata
- Databinding og interpolering
- Hendelsesbinding
- Datamodellering
- Bootstrapping
- Eksperimentell Webpack
Opprette første Angular-tillegg
- Planlegging av applikasjonen
- Oppsett av et Angular-prosjekt
- Opprette en mobilvennlig brukergrensesnitt ved hjelp av Bootstrap 4 og Sass
Opprette en komponent
- Forstå livssyklusen til komponenten
- Datapåføring
- Bruk av maler og stilark
- Projisere innhold
- Arbeide med AppModule
- Arbeide med egendefinerte komponenter
- Bruk av visningskapsling
- Implementere livssyklus-haker
- Bruk av ViewChildren og ContentChildren
Databinding i Angular 12
- Forstå egenskaps- og hendelsesbinding
- Binding og tilordne aliaser til egendefinerte egenskaper
- Binding og tilordne aliaser til egendefinerte hendelser
Arbeide med direktiver
- Bygget inn direktiver
- Egendefinerte direktiver
Angular 12 tjenester
- Opprette en loggertjeneste
- Opprette en datatjeneste
Bruk av avhengighetsinjeksjon og tilbytere
- Injektorer, tilbytere og symboler
- Konfigurere avhengighetsinjeksjon
- Konfigurere tilbyteren din
- Injisere tjenester i komponenter, direktiver og tjenester
Skifte sider med ruting
- Forstå de forskjellige navigasjonsmetodene
- Rutingsstrategier
- Opprette ruter
- Konfigurere og laste ruter
- Bruk av parametere i ruter
- Opprette underruter
- Bruk av omdirigerings- og vilkårsruter
- Forstå rutevakter
Bruk av RxJS for å opprette og arbeide med observabler i Angular
- Oversikt over observabler
- Oversikt over RxJS
- Bygge og bruke observabler i Angular
Generere skjemaer for brukerinndata
- Bruk av malbaserte skjemaer
- Bruk av reaktive skjemaer
- Opprette egendefinert validasjon
- Validere, filtrere og rengjøre skjemainnhold
Bruk av rør
- Transformere utdata
- Bygget inn rør
- Asynkront rør
- Egendefinerte rør
Utføre kaller til eksterne HTTP-APIer
- Sende forespørseler
Teste Angular 12-applikasjonen
- Bruk av Jasmine for enhetstesting
- Utforske Protractor-alternativer for end-to-end-testing
Feilsøking av applikasjonen
- Forstå feilmeldinger i Angular
- Bruk av sourcemaps for å feilsøke kode i nettleseren
- Lesing av TypeScript-kompilator diagnostisk
- Bruk av Augury for å feilsøke inne i en nettleser
Optimalisere Angular 12-applikasjonen
- Gjenopprette koden
- Redusere pakke størrelse og eliminere dødkode
Angular 12 sikkerhet
- Hvordan autentisering fungerer
- Bruk av JWT-autentisering
- Hva som bør og ikke bør skrives i Angular
Utplassere en Angular 12-applikasjon i produksjon
- Utplassering til IIS, Apache, Nginx, etc.
Angular 12 beste praksis
Feilsøking
Sammenfatning og konklusjon
Krav
- Kunnskap om grunnleggende HTML, CSS og JavaScript
Målgruppe
- Utviklere
- Programmerere
Referanser (4)
Patience and methodology instruction
Danilo Jo - CEDSIF, IP - Ministry of Finance
Kurs - Angular 12
The experience and patience of the trainer.
Norberto Mugube - CEDSIF, IP - Ministry of Finance
Kurs - Angular 12
I liked teaching style
Gautchi Chambe - CEDSIF, IP - Ministry of Finance
Kurs - Angular 12
Pipe Routing Data Biding Services