69. Angular - Validácia hesla 2, validácia emailov
Dokončíme validáciu hesla a pridáme validátor emailov cez pattern.
O predmete
Predmet Webové technológie je určený pre študentov Košickej akadémie softvérového vývoja, druhý ročník. Predmet poskytuje vedomosti a skúsenosti v práci s Javascript-om, Typescript-om a frameworkom Angular.
Stretnutia
68. Angular - Reaktívne formuláre, registrácia
Nainštalujeme si knižnizu na overovanie sily hesla 'zxcvbn-ts' a použijeme ju vo vlastnom validátore.
67. Angular - Reaktívne formuláre, registrácia
Dotiahneme registráciu.
66. Angular - Reaktívne formuláre, registrácia
Vytvoríme si registračný formulár a využijeme pri tom reaktívne formuláre a validáciu.
65. Angular - Validácia, reaktívne formuláre
Dokončíme validáciu template driven formulárov a začneme pracovať s reaktívnymi formulármi.
64. Angular - validátory pre template driven formuláre
Predstavíme si validátory pre staršie, ale stále populárne, template driven formuláre.
63. Angular - vlastná pipe, validátory pre template driven formuláre
Doprechádzame si písomku, vytvoríme vlastnú pipe.
62. Angular - písomka
Napíšeme si písomku o stavebných prvkoch v Angulari.
61. Angular - tabuľka so skupinami
Pridáme komponent, ktorý bude zobrazovať tabuľku so skupinami.
60. Angular - opakovanie
Prejdeme si doterajší projekt a pripomenieme si základné súčasti a ich funkcionalitu, príprava na písomku.
59. Angular - logout, zložitejšie stĺpce tabuľky
Angular - štvrtá časť
Angular - piata časť
films-server.jar
https://gitlab.kosickaakademia.sk/wt-1n-2025-26/films
Zrealizujeme odhlásenie na strane klienta. Ukážeme si zložitejšie stĺpce v Material Table.
58. Angular - localStorage, signál v servise
Použijeme token na získanie rozšírených používateľov a zobrazíme si ich v tabuľke. Uložíme sme si token v localStorage, ktorý prežije aj zmenu URL "zvonku". Upravíme si navigačnú lištu tak, že vždy ukazuje správne stav prihlásenia.
57. Angular - Chyby HTTP komunikácie
Vytvoríme si službu na vypisovanie informačných a chybových správ cez Material Snackbar. Napíšeme si univerzálnu ochytávaciu metódu na HTTP chyby. Vytvoríme navigáciu na stránku.
56. Angular - Chyby HTTP komunikácie
Odchytíme chyby pri prihlasovaní a vypíšeme ich v komponente.
55. Angular - Router
Angular - druhá časť
Angular - tretia časť films-server.jar
https://gitlab.kosickaakademia.sk/wt-1n-2025-26/films
Nastavíme základný router aj s presmerovaním a odchytením všetkých zlých URL adries. Vytvoríme si komponent na prihlasovanie a spracujeme prihlásenie v službe.
54. Angular - chyby v Observable, Material knižnica, Material table
Ukážeme si spracovanie chýb z Observable. Ukážeme si na príklade tabuľky používateľov použitie Material knižnice a to rovno cez komponent Material Table s jednoduchými stĺpcami mat-text-column.
53. Angular - service, Http client, Observable
Angular - prvá časť
Angular - druhá časť
films-server.jar
https://gitlab.kosickaakademia.sk/wt-1n-2025-26/films
Porozprávame si o princípe MVC v komponentoch, vytvoríme si službu na správu zoznamu používateľov. Vytvoríme si service a napojíme sa na REST server.
Server spustíme v konzole, ak máme nainštalovanú javu aspoň vo verzii 17, príkazom:
52. Angular - komponenty
Vytvoríme si Angular projekt, vysvetlíme si základnú štruktúru, porozprávame si o triedach v Typescripte.
Server spustíme v konzole, ak máme nainštalovanú javu aspoň vo verzii 17, príkazom: