Návrh Školení

Úvod

  • Co je Angular?
  • Co je nového v Angular 12?

  • Přehled TypeScriptu a ES6 JavaScriptu

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

    • Přehled částí Angular 12

      • Angular CLI
      • Komponenty
      • Direktivy
      • Vstupy a výstupy
      • Data binding a interpolace
      • Event binding
      • Data modeling
      • Nahrávání aplikací
      • 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

          • Porozumění životnímu 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 lifecycle hooks
          • Použití ViewChildren a ContentChildren

          • Data binding v Angular 12

            • Porozumění 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

              • Servisy v Angular 12

                • Vytvoření logovacího servisu
                • Vytvoření datového servisu

                • Použití závislostí a providerů

                  • Injectory, provider a tokeny
                  • Konfigurace závislostí
                  • Konfigurace vašeho provideru
                  • Použití servisů v komponentách, direktivách a servisech

                  • Přepínání stránek pomocí routingu

                    • Porozumění různým metodám navigace
                    • Routovací strategie
                    • Nastavení tras
                    • Konfigurace a načítání tras
                    • Použití parametrů v trasách
                    • Vytvoření vnořených tras
                    • Použití přesměrování a wildcard tras
                    • Porozumění route guards

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

                      • Přehled observables
                      • Přehled RxJS
                      • Vytváření a použití observables v Angularu

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

                        • Použití template driven formulářů
                        • Použití reaktivních formulářů
                        • Vytváření vlastní validace
                        • Ověřování, filtrování a sanizace dat formuláře

                        • Použití pipes

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

                          • Připojení k externím HTTP API

                            • Odesílání požadavků

                            • Testování Angular 12 aplikace

                              • Použití Jasmine pro unit testy
                              • Průzkum alternativ k Protractoru pro end-to-end testy

                              • Ladění aplikace

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

                                • Optimalizace Angular 12 aplikace

                                  • Vytváření efektivního kódu
                                  • Zmenšování velikosti bundle a eliminace nezbytného kódu

                                  • Bezpečnost v Angular 12

                                    • Jak funguje autentizace
                                    • Použití JWT autentizace
                                    • Co by a co by nemělo být psáno v Angularu

                                    • Nasazení Angular 12 aplikace do produkce

                                      • Nasazování do IIS, Apache, Nginx atd.

                                      • Osvědčené postupy pro Angular 12

                                        Řešení problémů

                                        Závěr a shrnutí

Požadavky

  • Omlouvání se sázkou na základní HTML, CSS a JavaScript

  • Cílová skupina

    • Vývojáři
    • Programátoři

 28 hodiny

Počet účastníků


Cena za účastníka

Reference (4)

Nadcházející kurzy

Související kategorie