# Vylepšenie smerovania ## Pokyny Teraz, keď ste vytvorili základný systém smerovania, je čas ho rozšíriť o profesionálne funkcie, ktoré zlepšujú používateľskú skúsenosť a poskytujú lepšie nástroje pre vývojárov. Reálne aplikácie potrebujú viac než len prepínanie šablón – vyžadujú dynamické názvy stránok, lifecycle hooks a rozšíriteľné architektúry. V tejto úlohe rozšírite svoju implementáciu smerovania o dve základné funkcie, ktoré sa bežne nachádzajú v produkčných webových aplikáciách. Tieto vylepšenia dodajú vašej bankovej aplikácii profesionálny vzhľad a poskytnú základ pre budúce funkcie. Deklarácia trás momentálne obsahuje iba ID šablóny, ktoré sa má použiť. Ale pri zobrazovaní novej stránky je niekedy potrebné trochu viac. Vylepšime našu implementáciu smerovania o dve ďalšie funkcie: ### Funkcia 1: Dynamické názvy stránok **Cieľ:** Pridajte názvy ku každej šablóne a aktualizujte názov okna s týmto novým názvom, keď sa šablóna zmení. **Prečo je to dôležité:** - **Zlepšuje** používateľskú skúsenosť zobrazovaním popisných názvov na kartách prehliadača - **Zvyšuje** prístupnosť pre čítačky obrazovky a asistívne technológie - **Poskytuje** lepší kontext pre záložky a históriu prehliadača - **Dodržiava** profesionálne postupy webového vývoja **Prístup k implementácii:** - **Rozšírte** objekt trás o informácie o názve pre každú trasu - **Upravte** funkciu `updateRoute()`, aby dynamicky aktualizovala `document.title` - **Otestujte**, či sa názvy správne menia pri navigácii medzi obrazovkami ### Funkcia 2: Lifecycle hooks trás **Cieľ:** Pridajte možnosť spustiť nejaký kód po zmene šablóny. Chceme, aby sa v konzole vývojára zobrazilo `'Dashboard is shown'` vždy, keď sa zobrazí stránka dashboardu. **Prečo je to dôležité:** - **Umožňuje** vykonávanie vlastnej logiky pri načítaní konkrétnych trás - **Poskytuje** hooks pre analytiku, logovanie alebo inicializačný kód - **Vytvára** základ pre zložitejšie správanie trás - **Demonštruje** observer pattern vo webovom vývoji **Prístup k implementácii:** - **Pridajte** voliteľnú vlastnosť callback funkcie do konfigurácií trás - **Vykonajte** callback funkciu (ak je prítomná) po dokončení vykreslenia šablóny - **Zabezpečte**, že funkcia funguje pre akúkoľvek trasu s definovaným callbackom - **Otestujte**, či sa správa v konzole zobrazí pri návšteve dashboardu ## Hodnotiace kritériá | Kritérium | Vynikajúce | Dostatočné | Potrebuje zlepšenie | | --------- | ----------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | --------------------------------------------------------- | | | Obe funkcie sú implementované a fungujú. Názov a pridanie kódu fungujú aj pre novú trasu pridanú do deklarácie `routes`. | Obe funkcie fungujú, ale správanie je pevne zakódované a nie je konfigurovateľné prostredníctvom deklarácie `routes`. Pridanie tretej trasy s názvom a pridaním kódu nefunguje alebo funguje čiastočne. | Jedna z funkcií chýba alebo nefunguje správne. | --- **Zrieknutie sa zodpovednosti**: Tento dokument bol preložený pomocou služby AI prekladu [Co-op Translator](https://github.com/Azure/co-op-translator). Hoci sa snažíme o presnosť, prosím, berte na vedomie, že automatizované preklady môžu obsahovať chyby alebo nepresnosti. Pôvodný dokument v jeho rodnom jazyku by mal byť považovaný za autoritatívny zdroj. Pre kritické informácie sa odporúča profesionálny ľudský preklad. Nenesieme zodpovednosť za akékoľvek nedorozumenia alebo nesprávne interpretácie vyplývajúce z použitia tohto prekladu.