Kursplan

Introduktion

  • Vad är Angular?
  • Vad finns det nytt i Angular 10?

Översikt över TypeScript och ES6 JavaScript

  • TypeScript-syntax
  • Använda TypeScript-transpiler
  • Konfigurera Angular 10 och TypeScript

Översikt över Angular 10:s delar

  • Angular CLI
  • Komponenter
  • Direktiv
  • Inmatningar och utgångar
  • Data-bindning och interpolation
  • Händelsbindning
  • Data-modellering
  • Bootstrapping

Skapa ditt första Angular-program

  • Planera programmet
  • Konfigurera ett Angular-projekt
  • Skapa en mobilvänlig gränssnitt med Bootstrap 4 och Sass

Skapa en komponent

  • Förstå komponentens livscykel
  • Dataflöde
  • Använda mallar och stil
  • Projektera innehåll
  • Arbeta med AppModule
  • Arbeta med anpassade komponenter
  • Använda vynkapsling
  • Implementera livscykelhooks
  • Använda ViewChildren och ContentChildren

Data-bindning i Angular 10

  • Förstå egenskaps- och händelsbindning
  • Binda och tilldela alias för anpassade egenskaper
  • Binda och tilldela alias för anpassade händelser

Arbeta med direktiv

  • Inbyggda direktiv
  • Anpassade direktiv

Angular 10-tjänster

  • Skapa en loggningstjänst
  • Skapa en datatjänst

Använda beroendeinjektion och providrar

  • Injektörer, providrar och token
  • Konfigurera beroendeinjektion
  • Konfigurera din providr
  • Injecta tjänster i komponenter, direktiv och tjänster

Växla sidor med routning

  • Förstå de olika navigationsmetoderna
  • Routningsstrategier
  • Ställa in rutter
  • Konfigurera och ladda rutter
  • Använda parametrar i rutter
  • Skapa kapslade rutter
  • Använda omdirigering och vildkortsrutter
  • Förstå routningsväktare

Använda RxJS för att skapa och arbeta med observabler i Angular

  • Översikt över observabler
  • Översikt över RxJS
  • Bygga & använda observabler i Angular

Generera formulär för användarinmatning

  • Använda mallbaserade formulär
  • Använda reaktiva formulär
  • Skapa anpassad validering
  • Validera, filtrera och rensa formulärdata

Använda pipes

  • Omvandla utdata
  • Inbyggda pipes
  • Async Pipe
  • Anpassade pipes

Göra anrop till externa HTTP-API:er

  • Sända förfrågningar

Använda Angular-moduler

Testa Angular 10-programmet

  • Använda Jasmine för enhetstestning
  • Använda Protractor för slut-till-slutt-testning

Felsöka programmet

  • Förstå felmeddelanden i Angular
  • Använda sourcemaps för att felsöka kod i webbläsaren
  • Läsa TypeScript-kompilerdiagnostik
  • Använda Augury

Optimera Angular 10-programmet

  • Omvärdera koden
  • Minska packetsstorlek och eliminera dead-code

Angular 10-säkerhet

  • Hur autentisering fungerar
  • Använda JWT-autentisering
  • Vad som och vad som inte bör skrivas i Angular

Distribuera ett Angular 10-program till produktion

  • Distribuera till IIS, Apache, Nginx, etc.

Angular 10-bästa praxis

Felsöka problem

Sammanfattning och slutsats

Krav

  • Familiaritet med grundläggande HTML, CSS och JavaScript

Målgrupp

  • Utvecklare
 28 timmar

Antal deltagare


Pris per deltagare

Vittnesmål (4)

Kommande Kurser

Relaterade Kategorier