Moderné webové technológie 5 - Angular - Navigácia a Logout

Zhrnutie prednášky

Prednáška nadväzuje na predchádzajúce hodiny o Angulári krátkou rekapituláciou komponentov, servisov, udalostí a routera, pričom sa následne zameriava na prácu s prúdmi dát (Observable) z knižnice RxJS a spôsoby reakcie na ne pomocou subscribe a operátorov ako map a catchError. Hlavnou témou je návrh robustnejšieho servisu pre HTTP komunikáciu, ktorý by mal centrálne odchytávať všetky chybové stavy (nedostupnosť servera, zlé prihlasovacie údaje, chýbajúce práva) tak, aby sa chyby vôbec nedostávali do komponentov. Zdôrazňuje sa princíp oddelenia zobrazovacej logiky komponentov od spracovania dát a komunikácie, ktoré by mali zabezpečovať výlučne servisy. Na záver sa predstavuje Material komponent snackbar ako spôsob nenásilného informovania používateľa bez nutnosti interakcie.

• - Rekapitulácia komponentov (šablóna, CSS, trieda) a servisov ako singletonov injektovaných cez konštruktor
• - Tri typy udalostí v Angulári: od používateľa, zo životného cyklu komponentu a z dátových prúdov (Observable)
• - Router umožňuje vkladanie komponentov cez router-outlet a presmerovanie pomocou pravidiel alebo metódy navigateByUrl
• - Observable z RxJS prenáša dáta, chybu alebo signál o konci prúdu, na ktoré sa reaguje cez subscribe
• - Pipe a operátory (map, catchError) umožňujú medzispracovanie dát v prúde pred ich doručením príjemcovi
• - Cieľom je vytvoriť HTTP servis, ktorý centrálne odchytáva chyby (nedostupný server, zlé heslo, chýbajúce práva), aby sa nedostali do komponentov
• - Predstavenie Material komponentu snackbar na jednosmerné informovanie používateľa bez potreby jeho reakcie

Zhrnutie pripravené s pomocou AI z prepisu videa.