You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
Web-Dev-For-Beginners/translations/hr/7-bank-project/1-template-route/assignment.md

4.4 KiB

Poboljšajte usmjeravanje

Upute

Sada kada ste izradili osnovni sustav usmjeravanja, vrijeme je da ga unaprijedite profesionalnim značajkama koje poboljšavaju korisničko iskustvo i pružaju bolje alate za razvoj. Aplikacije u stvarnom svijetu trebaju više od samog prebacivanja predložaka zahtijevaju dinamične naslove stranica, životne cikluse i proširive arhitekture.

U ovom zadatku proširit ćete svoju implementaciju usmjeravanja s dvije ključne značajke koje se često nalaze u produkcijskim web aplikacijama. Ova poboljšanja učinit će vašu aplikaciju za bankarstvo sofisticiranijom i pružiti temelj za buduće funkcionalnosti.

Deklaracija ruta trenutno sadrži samo ID predloška koji se koristi. No, kada se prikazuje nova stranica, ponekad je potrebno malo više. Poboljšajmo našu implementaciju usmjeravanja s dvije dodatne značajke:

Značajka 1: Dinamični naslovi stranica

Cilj: Dodijelite naslove svakom predlošku i ažurirajte naslov prozora s novim naslovom kada se predložak promijeni.

Zašto je ovo važno:

  • Poboljšava korisničko iskustvo prikazivanjem opisnih naslova kartica preglednika
  • Povećava pristupačnost za čitače ekrana i tehnologije za pomoć
  • Omogućuje bolje označavanje i kontekst povijesti preglednika
  • Prati najbolje prakse profesionalnog web razvoja

Pristup implementaciji:

  • Proširite objekt ruta kako bi uključivao informacije o naslovu za svaku rutu
  • Izmijenite funkciju updateRoute() kako bi dinamički ažurirala document.title
  • Testirajte da se naslovi ispravno mijenjaju prilikom navigacije između ekrana

Značajka 2: Kuke životnog ciklusa ruta

Cilj: Dodajte opciju za pokretanje nekog koda nakon promjene predloška. Želimo ispisati 'Dashboard is shown' u konzoli za razvojne programere svaki put kad se prikaže stranica nadzorne ploče.

Zašto je ovo važno:

  • Omogućuje izvršavanje prilagođene logike prilikom učitavanja određenih ruta
  • Pruža kuke za analitiku, zapisivanje ili inicijalizacijski kod
  • Stvara temelj za složenije ponašanje ruta
  • Demonstrira obrazac promatrača u web razvoju

Pristup implementaciji:

  • Dodajte opcionalnu funkciju povratnog poziva u konfiguraciju ruta
  • Izvršite funkciju povratnog poziva (ako postoji) nakon što se predložak prikaže
  • Osigurajte da značajka radi za bilo koju rutu s definiranim povratnim pozivom
  • Testirajte da se poruka u konzoli pojavljuje prilikom posjeta nadzornoj ploči

Rubrika

Kriterij Izvrsno Zadovoljavajuće Potrebno poboljšanje
Obje značajke su implementirane i rade. Naslov i dodavanje koda također rade za novu rutu dodanu u deklaraciju routes. Obje značajke rade, ali ponašanje je unaprijed definirano i nije konfigurabilno putem deklaracije routes. Dodavanje treće rute s naslovom i dodavanjem koda ne radi ili djelomično radi. Jedna od značajki nedostaje ili ne radi ispravno.

Odricanje od odgovornosti:
Ovaj dokument je preveden pomoću AI usluge za prevođenje Co-op Translator. Iako nastojimo osigurati točnost, imajte na umu da automatski prijevodi mogu sadržavati pogreške ili netočnosti. Izvorni dokument na izvornom jeziku treba smatrati autoritativnim izvorom. Za ključne informacije preporučuje se profesionalni prijevod od strane čovjeka. Ne preuzimamo odgovornost za nesporazume ili pogrešna tumačenja koja proizlaze iz korištenja ovog prijevoda.