Návrh Školení
Úvod
- Co je Angular? Co je nového v Angular 11?
Přehled Typescript a ES6 JavaScript
- Syntaxe TypeScript Použití transpileru TypeScript Nastavení Angular 11 a Typescript
Přehled dílů Angular 11
- Angular CLI komponenty Direktivy Vstupy a výstupy Vazba dat a interpolace Vazba událostí Modelování dat Bootstrapping Experimentální webový balíček
Vytvoření vaší první Angular aplikace
- Plánování aplikace Nastavení Angular projektu Vytvoření uživatelsky přívětivého uživatelského rozhraní pomocí Bootstrap 4 a Sass
Vytvoření komponenty
- Pochopení toku dat životního cyklu komponenty pomocí šablon a stylů Promítání obsahu Práce s AppModule Práce s vlastními komponentami pomocí zapouzdření zobrazení Implementace háčků životního cyklu pomocí ViewChildren a ContentChildren
Vazba dat v Angular 11
- Pochopení vazby vlastností a událostí Vazba a přiřazování aliasů uživatelským vlastnostem Vazba a přiřazování aliasů vlastním událostem
Práce se směrnicemi
- Vestavěné směrnice Celní směrnice
Angular 11 Služby
- Vytvoření služby protokolování Vytvoření datové služby
Použití Dependency Injection a Providers
- Injektory, poskytovatel a tokeny Konfigurace vkládání závislostí Konfigurace vašeho poskytovatele vkládání služeb do komponent, směrnic a služeb
Přepínání stránek pomocí směrování
- Porozumění různým metodám navigace Strategie směrování Nastavení tras Konfigurace a načítání tras pomocí parametrů v trasách Vytváření vnořených tras pomocí přesměrování a tras se zástupnými znaky Porozumění strážcům tras
Použití RxJS k vytváření a práci s Observables v Angular
- Přehled Observables Přehled RxJS Budování a používání Observables in Angular
Generování formulářů pro uživatelský vstup
- Používání formulářů řízených šablonou Používání Reactivních formulářů Vytváření vlastního ověřování Ověřování, filtrování a dezinfekce dat formulářů
Použití potrubí
- Transformace výstupu Vestavěná potrubí Vlastní potrubí asynchronního potrubí
Volání externích HTTP API
- Odesílání žádostí
Testování aplikace Angular 10
- Použití Jasmine pro testování jednotek Použití Protractor pro testování end-to-end
Ladění aplikace
- Pochopení chybových zpráv v Angular Použití Sourcemap k ladění kódu v prohlížeči Čtení TypeScript Diagnostika kompilátoru pomocí Augury
Optimalizace aplikace Angular 11
- Přepracování kódu Zmenšení velikosti balíku a odstranění mrtvého kódu
Angular 11 Bezpečnost
- Jak funguje ověřování Pomocí ověřování JWT Co by mělo a nemělo být napsáno v Angular
Nasazení aplikace Angular 11 do výroby
- Nasazení do IIS, Apache, Nginx atd.
Angular 11 Nejlepší postupy
Odstraňování problémů
Shrnutí a závěr
Požadavky
- Znalost základních HTML, CSS a JavaScript
Publikum
- Vývojáři
Reference (10)
The practical experience of actually working with the code
Chad Roskuge - ALTRON
Kurz - AngularJS Basics
interesting showing the topic
Adam Boroch - SPOC S.A.
Kurz - Angular JavaScript
The labs were interesting and probably the most useful learning tool to me. Anything I missed or forgot about was relearned or reinforced in the labs.
Joseph Fuerst
Kurz - Building Web Apps using the MEAN stack
Vaše vtipy se mi líbily
Dermot - Griffiths & Armour
Kurz - Angular 2 Fundamentals
Machine Translated
I mostly enjoyed the hands-on training code.
Tomislav Brajkovic - HSE - Healthlink
Kurz - Angular 4: Create Single-Page Applications Using HTML, CSS and JavaScript
Analýza krok za krokem. Vysvětlení každého řádku kódu. Každý problém, který jsem měl během kurzu, byl úspěšně vyřešen a Łukasz mi řekl důvod. Líbily se mi také osvědčené postupy, které byly prezentovány. Nikdy jsem nebyl přesvědčen o stylu TDD - prostě mi to nepřipadá užitečné a nestojí za to. Łukasz poukázal na tolik výhod TDD, že to úplně změnilo můj názor.
Michał Uściński - Devapo Sp. z o. o.
Kurz - Testing Angular Applications
Machine Translated
część o RxJS
Kacper - INWEBIT Sp. z o.o.
Kurz - Reactive Programming with Angular RxJS
I liked the communication and way of passing knowledge.
Marcin Wojdowski - PSI Polska Sp. z o.o.
Kurz - Angular 5
Good material! The trainer is a really nice guy which helps a lot!
Xander Knol - Conclusion Learning Centers
Kurz - Angular 6
Good examples and interactive course !