Návrh Školení

Úvod

  • Co je Angular?
  • Co je nového v Angularu 11?

Přehled TypeScript a ES6 JavaScriptu

  • Syntaxe TypeScriptu
  • Použití transpilátoru TypeScriptu
  • Nastavení Angular 11 a TypeScriptu

Přehled částí v Angular 11

  • Angular CLI
  • Komponenty
  • Direktivy
  • Vstupy a výstupy
  • Data binding a interpolace
  • Bazén událostí
  • Modelování dat
  • Spuštění aplikace
  • Experimentální Webpack

Vytvoření první Angular aplikace

  • Plánování aplikace
  • Nastavení Angular projektu
  • Vytvoření mobilního uživatelského rozhraní pomocí Bootstrap 4 a Sass

Vytvoření komponenty

  • Pochopení životního cyklu komponenty
  • Data flow
  • Použití šablon a stylů
  • Projekce obsahu
  • Práce s AppModule
  • Práce s vlastními komponentami
  • Použití view encapsulation
  • Implementace životních cyklů
  • Použití ViewChildren a ContentChildren

Data binding v Angular 11

  • Pochopení property a event bindingu
  • Binding a přiřazování aliasů k vlastním vlastnostem
  • Binding a přiřazování aliasů k vlastním událostem

Práce s direktivami

  • Vestavěné direktivy
  • Vlastní direktivy

Služby v Angular 11

  • Vytvoření logging služby
  • Vytvoření datové služby

Použití dependency injection a providers

  • Injectory, provider a tokeny
  • Konfigurace dependency injectionu
  • Konfigurace provideru
  • Použití služeb v komponentách, direktivách a službách

Procházení stránek pomocí směrování

  • Pochopení různých navigačních metod
  • Směrovací strategie
  • Nastavení tras
  • Konfigurace a načtení tras
  • Použití parametrů v trasách
  • Vytvoření vnějších tras
  • Použití přesměrování a wildcard tras
  • Pochopení směrovacích strážců

Použití RxJS k vytváření a práci s observables v Angularu

  • Přehled observables
  • Přehled RxJS
  • Vytvoření & použití observables v Angularu

Generování formulářů pro uživatelský vstup

  • Použití template driven formulářů
  • Použití reaktivních formulářů
  • Vytvoření vlastních validací
  • Validace, filtrování a čištění dat z formuláře

Použití pipes

  • Transformace výstupu
  • Vestavěné pipes
  • Async pipe
  • Vlastní pipes

Požadávání externích HTTP API

  • Odesílání požadavků

Testování Angular 10 aplikace

  • Použití Jasmine pro unit testing
  • Použití Protractoru pro end-to-end testování

Ladění aplikace

  • Pochopení chybových zpráv v Angularu
  • Použití sourcemaps k ladění kódu v prohlížeči
  • Čtení diagnostiky TypeScript kompilátoru
  • Použití Augury

Optimalizace Angular 11 aplikace

  • Přepracování kódu
  • Změna velikosti balíčků a eliminace mrtvého kódu

Bezpečnost v Angular 11

  • Jak funguje ověřování
  • Použití JWT ověřování
  • Co by mělo a co nemělo být napsáno v Angularu

Nasazení Angular 11 aplikace do produkce

  • Nasazení na IIS, Apache, Nginx atd.

Nejlepší praktiky v Angular 11

Řešení problémů

Závěr a shrnutí

Požadavky

  • Oboznámění se základy HTML, CSS a JavaScriptu

Publikum

  • Vývojáři
 28 hodiny

Počet účastníků


Cena za účastníka

Reference (5)

Nadcházející kurzy

Související kategorie