Angular I: Základy

Kurz je určený pre študentov, ktorí sa chcú naučiť základy vývoja front-end webových aplikácií pomocou frameworku Angular.

• Architektúru a názvoslovie knižnice Angular
• Vytvárať front-end aplikácie na zber, validáciu a prezentáciu dát
• Spravovať užívateľské udalosti pomocou knižnice Angular
• Vytvárať vlastné Angular komponenty a zdieľať medzi nimi stav
• Používať template a reactive forms
• Komunikovať s back-end API pomocou knižnice Angular
• Využívať lazy loading komponent a pokročilý routing

• Syntax jazyka TypeScript na úrovni kurzu [JS_TS]
• Znalosť DOM objektov na úrovni kurzu [JS_DOM1]

Úvod do Angular

• Čo je Angular
• Prečo TypeScript

Vývojové prostredie

• Hello World
• Štruktúra projektu

Architektúra knižnice

• Moduly, komponenty, šablóny (templates)
• Moduly vs. stand-alone komponenty
• Dekorátory a metadáta
• Direktívy
• Služby a dependency injection

Prezentácia dát

• Data binding a výrazy
• Direktívy a bloky pre riadenie toku v šablónach
  • podmienené renedrovanie
  • opakované renderovanie
• CSS, style, class

Interakcia s užívateľom

• Udalosti a event handlery
• objekt $event

Práca s formulármi

• Referenčné premenné v šablónach
• Template forms
• Reactive forms

Direktívy

• Tvorba atribútových direktív

Spolupráca komponentov

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

Komunikácia s backendom

• Angular HTTP client
• Observable a rxjs

Navigácia (routing)

• Základná navigácia
• Vnorené routy
• Parametrické routy
• Lazy loading

Predošlé 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]

Nasledujúce kurzy

Komunikácia so serverom pomocou 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]