# রাউটিং উন্নত করুন ## নির্দেশনা আপনি ইতিমধ্যে একটি মৌলিক রাউটিং সিস্টেম তৈরি করেছেন, এখন এটি পেশাদার বৈশিষ্ট্যগুলির সাথে উন্নত করার সময় যা ব্যবহারকারীর অভিজ্ঞতা উন্নত করে এবং ডেভেলপারদের জন্য আরও ভালো সরঞ্জাম সরবরাহ করে। বাস্তব জীবনের অ্যাপ্লিকেশনগুলিতে শুধুমাত্র টেমপ্লেট পরিবর্তনই যথেষ্ট নয় \u2013 এগুলিতে প্রয়োজন হয় গতিশীল পেজ শিরোনাম, লাইফসাইকেল হুক এবং সম্প্রসারণযোগ্য আর্কিটেকচার। এই অ্যাসাইনমেন্টে, আপনি আপনার রাউটিং বাস্তবায়নকে দুটি গুরুত্বপূর্ণ বৈশিষ্ট্য দিয়ে প্রসারিত করবেন যা সাধারণত প্রোডাকশন ওয়েব অ্যাপ্লিকেশনে পাওয়া যায়। এই উন্নতিগুলি আপনার ব্যাংকিং অ্যাপটিকে আরও পরিপূর্ণ করে তুলবে এবং ভবিষ্যতের কার্যকারিতার জন্য একটি ভিত্তি প্রদান করবে। বর্তমানে রাউটস ডিক্লারেশনে শুধুমাত্র টেমপ্লেট আইডি ব্যবহার করা হয়। কিন্তু নতুন পেজ প্রদর্শনের সময় মাঝে মাঝে আরও কিছু প্রয়োজন হয়। চলুন আমাদের রাউটিং বাস্তবায়নকে দুটি অতিরিক্ত বৈশিষ্ট্য দিয়ে উন্নত করি: ### বৈশিষ্ট্য ১: গতিশীল পেজ শিরোনাম **উদ্দেশ্য:** প্রতিটি টেমপ্লেটের জন্য শিরোনাম দিন এবং টেমপ্লেট পরিবর্তনের সময় উইন্ডো শিরোনামটি এই নতুন শিরোনাম দিয়ে আপডেট করুন। **কেন এটি গুরুত্বপূর্ণ:** - **উন্নত করে** ব্যবহারকারীর অভিজ্ঞতা, ব্রাউজারের ট্যাবে বর্ণনামূলক শিরোনাম দেখানোর মাধ্যমে - **অ্যাক্সেসিবিলিটি বৃদ্ধি করে** স্ক্রিন রিডার এবং সহায়ক প্রযুক্তির জন্য - **বেটার বুকমার্কিং এবং ব্রাউজার ইতিহাসের প্রসঙ্গ প্রদান করে** - **পেশাদার ওয়েব ডেভেলপমেন্টের সেরা চর্চা অনুসরণ করে** **বাস্তবায়ন পদ্ধতি:** - **রাউটস অবজেক্ট প্রসারিত করুন** যাতে প্রতিটি রাউটের জন্য শিরোনাম তথ্য অন্তর্ভুক্ত থাকে - **`updateRoute()` ফাংশন পরিবর্তন করুন** যাতে এটি গতিশীলভাবে `document.title` আপডেট করে - **পরীক্ষা করুন** যে শিরোনামগুলি সঠিকভাবে পরিবর্তিত হচ্ছে যখন স্ক্রিনের মধ্যে নেভিগেট করা হয় ### বৈশিষ্ট্য ২: রাউট লাইফসাইকেল হুক **উদ্দেশ্য:** টেমপ্লেট পরিবর্তনের পরে কিছু কোড চালানোর একটি অপশন যোগ করুন। আমরা চাই যে ড্যাশবোর্ড পেজটি প্রদর্শিত হলে ডেভেলপার কনসোলে `'Dashboard is shown'` প্রিন্ট হোক। **কেন এটি গুরুত্বপূর্ণ:** - **কাস্টম লজিক কার্যকর করার সুযোগ দেয়** যখন নির্দিষ্ট রাউট লোড হয় - **অ্যানালিটিক্স, লগিং বা ইনিশিয়ালাইজেশন কোডের জন্য হুক প্রদান করে** - **আরও জটিল রাউট আচরণের জন্য একটি ভিত্তি তৈরি করে** - **ওয়েব ডেভেলপমেন্টে অবজারভার প্যাটার্ন প্রদর্শন করে** **বাস্তবায়ন পদ্ধতি:** - **রাউট কনফিগারেশনে একটি ঐচ্ছিক কলব্যাক ফাংশন প্রপার্টি যোগ করুন** - **টেমপ্লেট রেন্ডারিং সম্পন্ন হওয়ার পরে কলব্যাক ফাংশনটি (যদি থাকে) কার্যকর করুন** - **নিশ্চিত করুন** যে এই বৈশিষ্ট্যটি যেকোনো রাউটের জন্য কাজ করে যার জন্য একটি কলব্যাক সংজ্ঞায়িত করা হয়েছে - **পরীক্ষা করুন** যে কনসোলে বার্তাটি প্রদর্শিত হচ্ছে যখন ড্যাশবোর্ডে যাওয়া হয় ## মূল্যায়ন | মানদণ্ড | চমৎকার | যথেষ্ট | উন্নতির প্রয়োজন | | -------- | ---------------------------------------------------------------------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------- | | | দুটি বৈশিষ্ট্য বাস্তবায়িত এবং কার্যকর। শিরোনাম এবং কোড সংযোজন নতুন রাউট যোগ করার সময়ও কাজ করে। | দুটি বৈশিষ্ট্য কাজ করে, কিন্তু আচরণটি হার্ডকোড করা এবং `routes` ডিক্লারেশনের মাধ্যমে কনফিগারযোগ্য নয়। তৃতীয় রাউট যোগ করার সময় শিরোনাম এবং কোড সংযোজন কাজ করে না বা আংশিকভাবে কাজ করে। | একটি বৈশিষ্ট্য অনুপস্থিত বা সঠিকভাবে কাজ করছে না। | --- **অস্বীকৃতি**: এই নথিটি AI অনুবাদ পরিষেবা [Co-op Translator](https://github.com/Azure/co-op-translator) ব্যবহার করে অনুবাদ করা হয়েছে। আমরা যথাসাধ্য সঠিকতার জন্য চেষ্টা করি, তবে অনুগ্রহ করে মনে রাখবেন যে স্বয়ংক্রিয় অনুবাদে ত্রুটি বা অসঙ্গতি থাকতে পারে। মূল ভাষায় থাকা নথিটিকে প্রামাণিক উৎস হিসেবে বিবেচনা করা উচিত। গুরুত্বপূর্ণ তথ্যের জন্য, পেশাদার মানব অনুবাদ সুপারিশ করা হয়। এই অনুবাদ ব্যবহারের ফলে কোনো ভুল বোঝাবুঝি বা ভুল ব্যাখ্যার জন্য আমরা দায়বদ্ধ নই।