Kursplan

Introduktion

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

Översikt över Typescript och ES6 JavaScript

  • TypeScript Syntax
  • Använda transpilern TypeScript
  • Konfigurera Angular 12 och Typescript

Översikt över Angular 12:s delar

  • Angular CLI
  • Komponenter
  • direktiv
  • Ingångar och utgångar
  • Databindning och interpolation
  • Händelsebindning
  • Datamodellering
  • Bootstrapping
  • Experimentellt webbpaket

Skapa din första Angular applikation

  • Planera ansökan
  • Konfigurera ett Angular-projekt
  • Skapa ett mobilvänligt gränssnitt med Bootstrap 4 och Sass

Skapa en komponent

  • Förstå komponentlivscykeln
  • Data flöde
  • Använda mallar och stilar
  • Projicera innehåll
  • Arbeta med AppModule
  • Arbeta med anpassade komponenter
  • Använder View Encapsulation
  • Implementering av livscykelhakar
  • Använder ViewChildren och ContentChildren

Databindning i Angular 12

  • Förstå fastighets- och händelsebindning
  • Bindning och tilldelning av alias till anpassade egenskaper
  • Bindning och tilldelning av alias till anpassade händelser

Arbeta med direktiv

  • Inbyggda direktiv
  • Anpassade direktiv

Angular 12 tjänster

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

Använder Dependency Injection och Providers

  • Injektorer, leverantör och tokens
  • Konfigurera beroendeinjektion
  • Konfigurera din leverantör
  • Injicera tjänster i komponenter, direktiv och tjänster

Byta sida med routing

  • Förstå de olika navigeringsmetoderna
  • Routingstrategier
  • Ställa in rutter
  • Konfigurera och ladda rutter
  • Använda parametrar i rutter
  • Skapa kapslade rutter
  • Använda omdirigerings- och jokerteckenrutter
  • Förstå Route Guards

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

  • Översikt över observerbara
  • Översikt över RxJS
  • Bygga och använda observerbara objekt i Angular

Generera formulär för användarinmatning

  • Använda malldrivna formulär
  • Använda Reactive Forms
  • Skapa anpassad validering
  • Validera, filtrera och sanera formulärdata

Använda rör

  • Omvandlar utdata
  • Inbyggda rör
  • Asynkront rör
  • Anpassade rör

Ringa anrop till externa HTTP-API:er

  • Skickar förfrågningar

Testa applikationen Angular 12

  • Använder Jasmine för enhetstestning
  • Utforskar Protractor alternativ för end-to-end-testning

Felsökning av applikationen

  • Förstå felmeddelanden i Angular
  • Använda källkartor för att felsöka kod i webbläsaren
  • Läsning TypeScript Kompilatordiagnostik
  • Använder Augury för att felsöka i en webbläsare

Optimera Angular 12-applikationen

  • Omarbetar koden
  • Minskar buntstorleken och eliminerar död kod

Angular 12 Säkerhet

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

Distribuera en Angular 12-applikation till produktion

  • Utplacering till IIS, Apache, Nginx etc.

Angular 12 bästa praxis

Felsökning

Sammanfattning och slutsats

Krav

  • Bekantskap med grundläggande HTML, CSS och JavaScript

Publik

  • Utvecklare
  • Programmerare
 28 timmar

Antal deltagare



Price per participant

Vittnesmål (2)

Relaterade Kurser

Relaterade Kategorier