Kursplan

Inledning

  • Vad är Angular?
  • Vad är nytt i Angular 12?

Översikt över TypeScript och ES6 JavaScript

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

Översikt över Angular 12:s delar

  • Angular CLI
  • Komponenter
  • Direktiv
  • Inmatningar och utgångar
  • Data-bindning och interpolation
  • Händelselista
  • Data-modellering
  • Bootstrap
  • Eksperimentell Webpack

Skapa ditt första Angular-program

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

Skapa en komponent

  • Förstå komponentlivscykeln
  • Dataflöde
  • Använda mallar och stilar
  • Projektera innehåll
  • Arbeta med AppModule
  • Arbeta med anpassade komponenter
  • Använda vyinkapsling
  • Implementera livscykelhooks
  • Använda ViewChildren och ContentChildren

Data-bindning i Angular 12

  • Förstå egenskaps- och händelselista
  • 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 12-tjänster

  • Skapa en loggtjänst
  • Skapa en datatjänst

Använda beroendeinmatning och leverantörer

  • Injektörer, leverantörer och token
  • Konfigurera beroendelinmatning
  • Konfigurera din leverantör
  • Injektera tjänster i komponenter, direktiv och tjänster

Växla sidor med routing

  • Förstå de olika navigationsmetoderna
  • Routingstrategier
  • Konfigurera rutter
  • Ladda och konfigurera rutter
  • Använda parametrar i rutter
  • Skapa kapslade rutter
  • Använda omdirigering och jokertaggar för rutter
  • Förstå routegarder

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

  • Översikt över observables
  • Översikt över RxJS
  • Bygga och använda observables 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 sanitara formulärdata

Använda pipes

  • Transformerar utdata
  • Inbyggda pipes
  • Async pipe
  • Anpassade pipes

Göra anrop till externa HTTP-API:er

  • Skicka förfrågningar

Testa Angular 12-programmet

  • Använda Jasmine för enhetstestning
  • Utforska Protractor-alternativ 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-kompilerar diagnostics
  • Använda Augury för felsökning inuti en webbläsare

Optimera Angular 12-programmet

  • Omarbeta koden
  • Minska paketstorleken och eliminera dödkod

Angular 12-säkerhet

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

Distribuera ett Angular 12-program till produktion

  • Distribuera till IIS, Apache, Nginx etc.

Angular 12-bästa praxis

Felsökning

Sammanfattning och konklusion

Krav

  • Kännedom om grundläggande HTML, CSS och JavaScript

Målgrupp

  • Utvecklare
  • Programmerare
 28 timmar

Antal deltagare


Pris per deltagare

Vittnesmål (4)

Kommande Kurser

Relaterade Kategorier