Angular I: Základy

• Kurz je určen pro studenty, kteří se chtějí naučit základy vývoje front-end web aplikací pomocí frameworku Angular.

• Architekturu a názvosloví knihovny Angular
• Vytvářet front-end aplikace pro sběr, validaci a presentaci dat
• Spravovat uživatelské události pomocí knihovny Angular
• Vytvářet vlastní Angular komponenty a sdílet mezi nimi stav
• Používat template a reactive forms
• Komunikovat s back-end API pomocí knihovny Angular
• Využívat lazy loading komponent a pokročilý routing

• Syntaxe jazyka TypeScript na úrovni kurzu [JS_TS]
• Znalost DOM objektů na úrovní kurzu [JS_DOM1]

Úvod do Angular

• Co je Angular
• Proč TypeScript

Vývojové prostředí

• Hello World
• Struktura projektu

Architektura knihovny

• Moduly, komponenty, šablony (templates)
• Moduly vs stand-alone komponenty
• Dekorátory a metadata
• Direktivy
• Služby a dependency injection

Prezentace dat

• Data binding a výrazy
• Direktivy a bloky pro řízení toku v šablonách
  • podmíněné renedrování
  • opakované renderování
• CSS, style, class

Interakce s uživatelem

• Události a event handlery
• objekt $event

Práce s formuláři

• Referenční proměnné v šablonách
• Template forms
• Reactive forms

Direktivy

• Tvorba atributových direktiv

Spolupráce komponent

• Inputy a outputy
• Služby a dependency injection
• Signály

Komunikace s backendem

• Angular HTTP client
• Observable a rxjs

Navigace (routing)

• Základní navigace
• Vnořené routy
• Parametrické routy
• Lazy loading

Předchozí kurzy

JavaScript I: Základy [JS_PROG1]

JavaScript II: Pokročilé techniky [JS_PROG2]

DOM v JavaScriptu I: Základy [JS_DOM1]

TypeScript - typová kontrola pro JavaScript [JS_TS1]

Navazující kurzy

Komunikace se serverem pomocí AJAX a Fetch API [JS_AJAX]

Angular II: Pokročilé techniky [JS_ANGULAR2]

Asynchronní a reaktivní programování v JavaScriptu [JS_ASYNC]

DOM v JavaScriptu I: Základy [JS_DOM1]

DOM v JavaScriptu II: Pokročilé techniky [JS_DOM2]

Tvorba backend aplikací pomocí Express.js [JS_EXPRESS1]

React I: Základy [JS_REACT1]

React II: Pokročilé techniky [JS_REACT2]

Redux a jeho implementace v Angular a React aplikacích [JS_REDUXJS1]

Úvod do frameworku Solid.js [JS_SOLID1]

Úvod do frameworku Svelte [JS_SVELTE1]

Automatizované testování JS aplikací pomocí knihovny Jest [JS_TEST_JEST]

Úvod do Vue.js [JS_VUE1]

Tvorba JS aplikací s využitím protokolu WebSocket [JS_WEBSOCKET]

jQuery Framework [JS_JQUERY]