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

Antall deltakere


Pris per deltaker

Referanser (4)

Kommende kurs

Relaterte kategorier