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
 28 timer

Antall deltakere


Pris per deltaker

Referanser (5)

Kommende kurs

Relaterte kategorier