Kursplan

Introduktion

  • Vad är nytt i Angular 6?

Översikt över TypeScript och ES6 JavaScript

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

Översikt över Angular 6:s delar

  • Skapa komponenter
  • Databindning och stränginterpolation
  • Egenskapsbindning
  • Händelsbindning
  • Tvåvägsdatabindning
  • Data-modellering
  • Direktiv
  • Bootstrapping
  • Inmatningar & utmatningar
  • Angular CLI

Skapa din första Angular-applikation

  • Förbereda applikationen
  • Konfigurera ett Angular-projekt och app med CLI
  • Skapa en grundläggande projektinställning med Bootstrap 4 och Sass

Använda Angular 6-komponenter

  • Dataflöde
  • Arbeta med AppModule
  • Arbeta med anpassade komponenter
  • Använda mallar och stilar
  • Använda vyencapsulation
  • Projicera innehåll
  • Förstå komponentens livscykel och livscykelfunktioner
  • Använda ViewChildren och ContentChildren

Databindning i Angular 6

  • Översikt över egenskaps- & händelsbindning
  • Binda och ange alias för anpassade egenskaper
  • Binda och ange alias för anpassade händelser

Arbeta med direktiv

  • Inbyggda direktiv
  • Anpassade direktiv

Angular 6-tjänster

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

Använda beroendeinjektion och providrar

  • Injektörer, provider och tokens
  • Konfigurera beroendeinjektion
  • Konfigurera din provider
  • Injecta tjänster i komponenter, direktiv och tjänster

Växla sidor med routning

  • Konfigurera rutter
  • Konfigurera och ladda rutter
  • Förstå de olika navigeringsmetoderna
  • Använda parametrar i rutter
  • Skapa kapslade rutter
  • Använda omdirigering och jokerrutter
  • Förstå routningsväktare
  • Förstå routningsstrategier

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

Hantera formulär

  • Använda mallbaserade formulär
  • Använda reaktiva formulär

Använda pipes

  • Inbyggda pipes
  • Async pipe
  • Anpassade pipes

Göra anrop till externa HTTP-API:er

Använda Angular-moduler

Testa den Angular 6-applikationen

  • Använda Jasmine för enhetstestning

Felsöka applikationen

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

Optimera den Angular 6-applikationen

Säkerhet i Angular 6

  • Autentisering
  • Vad som bör och inte bör skrivas i Angular

Distribuera en Angular 6-applikation till produktion

  • Distribuera till IIS, Apache, Nginx, etc.

Felsökning

Avslutande anmärkningar

Krav

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

Målgrupp

  • Utvecklare
 28 timmar

Antal deltagare


Pris per deltagare

Vittnesmål (6)

Kommande Kurser

Relaterade Kategorier