Web-Dev-For-Beginners/translations/ml/7-bank-project/1-template-route/assignment.md

# റൂട്ടിംഗ് മെച്ചപ്പെടുത്തുക

## നിർദ്ദേശങ്ങൾ

നിങ്ങൾ അടിസ്ഥാന റൂട്ടിംഗ് സംവിധാനം നിർമാണം പൂർത്തിയാക്കിയിരിക്കുന്നു, ഇപ്പോൾ അത് ഉപഭോക്തൃ അനുഭവം മെച്ചപ്പെടുത്തുകയും മികച്ച ഡെവലപ്പർ ടൂൾസുകൾ നൽകുകയും ചെയ്യുന്ന പ്രൊഫഷണൽ ഫീച്ചറുകൾ ചേർത്തുകൊണ്ട് പ്രഗതി കൈക്കൊള്ളാൻ സമയം എത്തി. യഥാർത്ഥ ലോക അപ്ലിക്കേഷനുകൾക്ക് ഒരു ടെംപ്ലേറ്റ് മാറൽ മാത്രമല്ല, ഡൈനാമിക് പേജ് തലക്കെട്ടുകൾ, ലൈഫ്‌സൈക്കിൾ ഹൂക്കുകൾ, വിപുലമായ ആർക്കിടെക്ചറുകൾ എന്നിവ ആവശ്യമാണ്.

ഈ അസൈൻമെന്റിൽ, നിർമ്മിത റൂട്ടിംഗ് ഇംപ്ലമെന്റേഷനിൽ സാധാരണ പ്രൊഡക്ഷൻ വെബ് അപ്ലിക്കേഷനുകളിൽ കാണപ്പെടുന്ന രണ്ട് മുഖ്യ ഫീച്ചറുകൾ ചേർക്കും. ഈ മെച്ചപ്പെടുത്തലുകൾ നിങ്ങളുടെ ബാങ്കിംഗ് ആപ്പ് കൂടുതൽ പ്രൊഫഷണലായി തോന്നുകയും ഭാവി ഫംഗ്ഷനാലിറ്റിക്ക് ഒരു അടിസ്ഥാനവും നൽകുകയും ചെയ്യും.

റൂട്ടുകൾ പ്രഖ്യാപനത്തിൽ ഇപ്പോൾ ഉപയോഗിക്കാനുള്ള ടെംപ്ലേറ്റ് ഐഡി മാത്രമേ ഉണ്ടാകൂ. പക്ഷേ ഒരു പുതിയ പേജ് പ്രദർശിപ്പിക്കുമ്പോൾ.kannada ചില അധിക വിവരങ്ങൾ ആവശ്യമായേക്കാം. ഇരുവിഭാഗവും ചേർത്തുകൊണ്ട് നമ്മുടെ റൂട്ടിംഗ് പാലിക്കൽ മെച്ചപ്പെടുത്താം:

### ഫീച്ചർ 1: ഡൈനാമിക് പേജ് തലക്കെട്ടുകൾ  
**വെല്ലുവിളി:** ഓരോ ടെംപ്ലേറ്റിനും തലക്കെട്ടുകൾ നൽകുക, ടെംപ്ലേറ്റ് മാറുമ്പോൾ വിൻഡോ തലക്കെട്ട് ഈ പുതിയ തലക്കെട്ടിലേക്ക് അപ്ഡേറ്റ് ചെയ്യുക.

**എന്തുകൊണ്ട് ഇത് മാത്രം:**  
- **ഉപഭോക്തൃ അനുഭവം മെച്ചപ്പെടുത്തുന്നു** വേർവിവരമുള്ള ബ്രൗസർ ടാബ് തലക്കെട്ടുകൾ കാണിച്ച്  
- **ആക്‌സസിബിലിറ്റി വർധിപ്പിക്കുന്നു** സ്ക്രീൻ റീഡർമാർക്കും സഹായകര സാങ്കേതിക വിദ്യകൾക്കും  
- **ഉത്തമമായ ബുക്ക്മാർകിംഗ്, ബ്രൗസർ ഹിസ്റ്ററി ഇടപെടലുകൾ നൽകുന്നു**  
- **പ്രൊഫഷണൽ വെബ് ഡെവലപ്പ്മെന്റ് മികച്ച രീതികളനുസരിക്കുന്നു**

**ഇംപ്ലിമെന്റേഷൻ വീതി:**  
- **റൂട്ട്സ് ഒബ്ജക്ട് പരിധി വർദ്ധിപ്പിക്കുക** ഓരോ റൂട്ടിനും തലക്കെട്ട് വിവരങ്ങൾ ഉൾപ്പെടുത്തുക  
- **`updateRoute()` ഫംഗ്ഷൻ മാറ്റുക** ഡൈനാമിക് ആയി `document.title` അപ്ഡേറ്റ് ചെയ്യും  
- **ടീസ്റ്റുചെയ്യുക** സ്ക്രീനുകൾ മധ്യേ നാവിഗേറ്റ് ചെയ്താൽ തലക്കെട്ടുകൾ ശരിയായി മാറുന്നു എന്ന്  

### ഫീച്ചർ 2: റൂട്ടും ലൈഫ്‌സൈക്കിൾ ഹുക്കുകൾ  
**വെല്ലുവിളി:** ടെംപ്ലേറ്റ് മാറിയതിനു ശേഷം ചില കോഡ് എക്സിക്യൂട്ട് ചെയ്യാനുള്ള ഓപ്ഷൻ ചേർക്കുക. ഡെവലപ്പർ കോൺസോളിൽ ഓരോ തവണ ഡാഷ്ബോർഡ് പേജ് കാണുമ്പോഴും `'Dashboard is shown'` പ്രിന്റ് ചെയ്യണം.

**എന്തുകൊണ്ട് ഇത് മാത്രം:**  
- **കസ്റ്റം ലജിക്ക് പ്രവർത്തിപ്പിക്കാൻ സഹായിക്കുന്നു** പ്രത്യേക റൂട്ടുകൾ ലോഡ് ചെയ്യുമ്പോൾ  
- **ആനലിറ്റിക്സ്, ലോഗിംഗ്, ഇൻഷ്യലൈസേഷൻ കോഡിനുള്ള ഹുക്കുകൾ നൽകുന്നു**  
- **കീഴിലെ കോംപ്ലക്സിറ്റി ഉള്ള റൂട്ടിങ് പെരുമാറ്റങ്ങൾക്കുള്ള നാമ്പ് സൃഷ്ടിക്കുന്നു**  
- **വെബ് ഡെവലപ്പ്മെന്റിലുള്ള ഓബ്സ്‌വർ പാറ്റേൺ കാണിക്കുന്നു**

**ഇംപ്ലിമെന്റേഷൻ വീതി:**  
- **റൂട്ടിംഗ് കോൺഫിഗറേഷനുകളിൽ ഓപ്ഷണൽ കോൾബാക്ക് ഫംഗ്ഷൻ ചേർക്കുക**  
- **ടെംപ്ലേറ്റ് റേൻഡറിങ്ങ് കഴിഞ്ഞ് കോൾബാക്ക് ഫംഗ്ഷൻ എക്സിക്യൂട്ട് ചെയ്യുക (ഉണ്ടെങ്കിൽ)**  
- **കോൾബാക്ക് നിർവചിച്ചിരിക്കുന്ന ഏതൊരു റൂട്ടിനും ഈ ഫീച്ചർ പ്രവർത്തിക്കാൻ ഉറപ്പാക്കുക**  
- **ഡാഷ്ബോർഡ് സന്ദർശിക്കുമ്പോൾ കോൺസോളിൽ മെസേജ് കാണാനുണ്ടെന്ന് പരിശോദിക്കുക**

## റുബ്രിക്

| ക്രൈട്ടീരിയ | ഉത്തമം                                                                                                                           | നല്ലത്                                                                                                                                                                                  | മെച്ചപ്പെടുത്തേണ്ടത്                                      |
| -------- | --------------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------------- |
|          | ഇരുവരും ഫീച്ചറുകളും വിജയംകരമായി പ്രവർത്തിക്കുന്നു. തലക്കെട്ടു, കോഡ് ചേർക്കൽ പുതിയ третьാം റൂട്ടിലും `routes` ഡിക്ലറേഷനിൽ ലഭ്യമാകുന്നു. | ഇരുവരും ഫീച്ചറുകൾ പ്രവർത്തിക്കുന്നു, പക്ഷേ അത് ഹാർഡ്‌കോഡായി മാത്രമേ ഉള്ളൂ; `routes` ഡിക്ലറേഷൻ വഴി കോൺഫിഗർ ചെയ്യാൻ കഴിയുന്നില്ല.  മൂന്നാം റൂട്ടിൽ തലക്കെട്ട്, കോഡ് ചേർക്കൽ പൂർണമായും അല്ലെങ്കിൽ ഭാഗികമായി പ്രവർത്തിക്കുന്നില്ല. | ഒന്നാം ഫീച്ചർ ഇല്ലാത്തത് അല്ലെങ്കിൽ ശരിയായി പ്രവർത്തിക്കുന്നില്ല. |

---

<!-- CO-OP TRANSLATOR DISCLAIMER START -->
**അസൂയാവാക്ക്**:  
ഈ രേഖ AI തര്‍ജ്ജമാ സേവനം [Co-op Translator](https://github.com/Azure/co-op-translator) ഉപയോഗിച്ച് തര്‍ജ്ജമ ചെയ്തതാണ്. ഞങ്ങള്‍ നിര്‍വ്വികാരതക്കും കൃത്യതക്കും പ്രയത്‌നം ചെയ്യും എങ്കിലും, ഓട്ടോമേറ്റഡ് തര്‍ജ്ജമയില്‍ തെറ്റുകളോ അക്യുറസിയില്ലായ്മയോ ഉണ്ടായിരിക്കാന്‍ സാധ്യതവുണ്ട്. സ്വദേശീയ ഭാഷയില്‍ ഉള്ള അസ്തിത്വത്തിലുള്ള പകർപ്പ് പ്രാധാന്യത്തോടെ കാണണമെന്നും കരുതുക. പ്രധാനമായ വിവരങ്ങൾക്ക്, പ്രൊഫഷണൽ മനുഷ്യ തര്‍ജ്ജമ ഉപയോഗിക്കണമെന്ന് ശിപാര്‍ശ ചെയ്യപ്പെടുന്നു. ഈ തര്‍ജ്ജമ ഉപയോഗിക്കുന്നതില്‍നിന്നുള്ള എളുപ്പമോ തെറ്റിദ്ധാരണയോ കാരണം ഞങ്ങൾക്ക് ഉത്തരവാദിത്വമില്ല.
<!-- CO-OP TRANSLATOR DISCLAIMER END -->