Kursplan

Introduktion

  • Vad är nytt i Angular 5?

Översikt över TypeScript och ES6 JavaScript

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

Skapa din första Angular-applikation

  • Planera applikationen
  • Konfigurera ett Angular-projekt och app med CLI
  • Skapa en grundläggande projektkonfiguration med Bootstrap 4 och Sass

Arbeta med Angular 5:s delar

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

Använda Angular 5-komponenter

  • Dataflöde
  • Arbeta med AppModule
  • Arbeta med anpassade komponenter
  • Använda mallar och stilar
  • Använda vykapsling
  • Projicera innehåll
  • Förstå komponentlifscykeln och lifschökar
  • Använda ViewChildren och ContentChildren

Databindning i Angular 5

  • Ö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

Felsöka applikationen

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

Angular 5-tjänster

  • Lär dig betydelsen av tjänster
  • Skapa en loggningstjänst
  • Skapa en datatjänst

Använda beroendeinmatning och leverantörer

  • Inmatningsenheter, leverantörer och token
  • Konfigurera beroendeinmatning
  • Konfigurera din leverantör
  • Infoga tjänster i komponenter, direktiv och tjänster

Växla sidor med routning

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

Använda RxJS för att skapa och arbeta med observabla 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

Optimera den Angular 5-applikationen

Testa den Angular 5-applikationen

  • Använda Jasmine för enhetstestning

Säkerhet i Angular 5

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

Distribuera en Angular 5-applikation till produktion

  • Distribuera till IIS, Apache, Nginx, etc.

Felsökning

Avslutande anmärkningar

Krav

  • Förståelse för grundläggande HTML, CSS och JavaScript

Målgrupp

  • Nyutträdande webbutvecklare
  • Erfarna frontendutvecklare
  • Vem som helst intresserad av att lära sig hur man utvecklar appar med Angular
 28 timmar

Antal deltagare


Pris per deltagare

Vittnesmål (1)

Kommande Kurser

Relaterade Kategorier