Takk for at du sendte din henvendelse! En av våre teammedlemmer vil kontakte deg straks.
Takk for at du sendte din bestilling! En av våre teammedlemmer vil kontakte deg straks.
Kursplan
Innføring
- Hva er Angular?
- Hva er nytt i Angular 10?
Oversikt over TypeScript og ES6 JavaScript
- TypeScript-syntax
- Bruk av TypeScript-transpiler
- Innsetting av Angular 10 og TypeScript
Oversikt over Angular 10's deler
- Angular CLI
- Komponenter
- Direktiver
- Innganger og utganger
- Data-binding og interpolasjon
- Hendelsesbinding
- Data-modellering
- Bootstrapping
Opprette din første Angular-applikasjon
- Planlegge applikasjonen
- Innsetting av et Angular-prosjekt
- Opprette en mobilvennlig brukergrensesnitt ved hjelp av Bootstrap 4 og Sass
Opprette en komponent
- Føre forståelse av komponentens livscyklus
- Dataflyt
- Bruk av maler og stiler
- Prosjektering av innhold
- Arbeid med AppModule
- Arbeid med egendefinerte komponenter
- Bruk av viewkapsling
- Føre implementering av livscyklus-hooker
- Bruk av ViewChildren og ContentChildren
Data-binding i Angular 10
- Forståelse av egenskaps- og hendelsesbinding
- Binding og tildeling av aliaser til egendefinerte egenskaper
- Binding og tildeling av aliaser til egendefinerte hendelser
Arbeid med direktiver
- Innebyggede direktiver
- Egendefinerte direktiver
Angular 10-tjenester
- Opprette en loggingtjeneste
- Opprette en datatjeneste
Bruk av avhengighetsinjeksjon og leverandører
- Injekterere, leverandører og token
- Konfigurere avhengighetsinjeksjon
- Konfigurere din leverandør
- Injectering av tjenester i komponenter, direktiver og tjenester
Veksle sider med ruting
- Føre forståelse av de ulike navigasjonsmetodene
- Rutingsstrategier
- Innsetting av ruter
- Konfigurere og laste inn ruter
- Bruk av parametere i ruter
- Opprette neste ruter
- Bruk av omdirigering og vildkort-ruter
- Føre forståelse av ruteguarder
Bruk av RxJS til å opprette og jobbe med observables i Angular
- Oversikt over observables
- Oversikt over RxJS
- Bygge & bruk av observables i Angular
Generere skjemaer for brukerinndata
- Bruk av template-driven skjemaer
- Bruk av reaktive skjemaer
- Opprette egendefinert validering
- Validering, filtrering og sanitering av skjemadata
Bruk av rør
- Omvandling av output
- Innebyggede rør
- Async Pipe
- Egendefinerte rør
Gjøre kall til eksterne HTTP-APIer
- Send forespørsler
Bruk av Angular-moduler
Teste Angular 10-applikasjonen
- Bruk av Jasmine for enhetstesting
- Bruk av Protractor for slutt-til-slutt-testing
Feilsøke applikasjonen
- Føre forståelse av feilmeldinger i Angular
- Bruk av sourcemaps til å feilsøke kode i nettleseren
- Lese TypeScript-kompiler diagnosticer
- Bruk av Augury
Optimere Angular 10-applikasjonen
- Gjenarbeid kode
- Mindre bundlestørrelse og bortmed dead-code
Angular 10-sikkerhet
- Hvordan autentisering fungerer
- Bruk av JWT-autentisering
- Hva som og hva som ikke skal skrives i Angular
Distribuere en Angular 10-applikasjon til produksjon
- Distribuere til IIS, Apache, Nginx, etc.
Angular 10 beste praksis
Felsøking
Sammendrag og konklusjon
Krav
- Familiaritet med grunnleggende HTML, CSS og JavaScript
Målgruppe
- Utviklere
28 timer
Referanser (4)
Trenerens holdning og kunnskap
Gabriel Llaurado - Allianz Technology
Kurs - Angular 10 for Developers
Maskinoversatt
Kunnskapen om infrastrukturen.
Jeffry Gonzalez - Allianz Technology
Kurs - Angular 10 for Developers
Maskinoversatt
Vi startet fra bunnen av Angular og TS og vi økte vanskelighetsgraden til øvelsene på en god måte
Daniel Zamorano Infante - Allianz Technology
Kurs - Angular 10 for Developers
Maskinoversatt
Practical examples, exercises and best practices
