নির্দেশনার ক্ষেত্রগুলো অন্বেষণ করতে নিম্নলিখিত বিষয়গুলো ব্রাউজ করুন।
মূল বিষয়সমূহ
ওয়েবে নিরাপদ ও উন্নত মানের অভিজ্ঞতা তৈরির সর্বোত্তম পদ্ধতি।
accessibility
আপনার সম্পূর্ণ অ্যাপ্লিকেশন জুড়ে কার্যকর অ্যাক্সেসিবিলিটি প্যাটার্নগুলো মূল্যায়ন, সংশোধন এবং প্রয়োগ করুন।
GitHub-এ accessibility গাইডটি দেখুন
performance
কোর ওয়েব ভাইটালস অপ্টিমাইজ করুন, পেজ লোড হওয়ার সময় কমান এবং ব্যবহারকারীর ইনপুটের প্রতি রেসপন্সিভনেস উন্নত করুন।
গিটহাবে performance গাইডটি দেখুন
privacy
ডিজাইন অনুযায়ী গোপনীয়তা, ডেটা হ্রাসকরণ, তৃতীয় পক্ষের নিরীক্ষা এবং নিরাপদ ডেটা পরিচালনা বাস্তবায়ন করুন।
গিটহাবে privacy নির্দেশিকা দেখুন
security
সাধারণ ওয়েব দুর্বলতা (XSS, CSP, কুকি, ক্রস-অরিজিন আইসোলেশন) থেকে সুরক্ষার জন্য প্রতিরোধমূলক নিরাপত্তা নির্দেশিকা প্রয়োগ করুন।
গিটহাবে security নির্দেশিকা দেখুন
ওয়েব প্রযুক্তি
মূল ওয়েব ভাষা, প্রযুক্তি এবং রানটাইম পরিবেশ ব্যবহারের সর্বোত্তম অনুশীলন।
html
আধুনিক এইচটিএমএল আর্কিটেকচার, সিম্যান্টিকস, নেটিভ ইন্টারেক্টিভ এপিআই (ডায়ালগ, পপওভার, ডিটেইলস), ফোকাস ম্যানেজমেন্ট এবং রিসোর্স প্রায়োরিটাইজেশন বাস্তবায়ন করুন।
গিটহাবে html নির্দেশিকাটি দেখুন
css
আধুনিক CSS আর্কিটেকচার, লেআউট এবং পারফরম্যান্সের সেরা অনুশীলনগুলো প্রয়োগ করুন।
css-layout
ফ্লেক্সবক্স, গ্রিড, সাবগ্রিড, কন্টেইনার কোয়েরি, অ্যাঙ্কর পজিশনিং এবং ইন্ট্রিনসিক সাইজিং-এর মতো আধুনিক CSS ফিচার ব্যবহার করে রেসপন্সিভ লেআউট তৈরি করুন।
গিটহাবে css-layout গাইডটি দেখুন।
forms
প্রবেশযোগ্য, সুরক্ষিত এবং ব্যবহারকারী-বান্ধব ওয়েব ফর্ম তৈরি করুন।
গিটহাবে forms নির্দেশিকাটি দেখুন
passkeys
সর্বাধুনিক নীতিমালা অনুসরণ করে ওয়েব অ্যাপ্লিকেশনগুলিতে WebAuthn এবং Passkey প্রয়োগ করুন।
গিটহাবে passkeys নির্দেশিকাটি দেখুন
webmcp
এআই এজেন্টদের জন্য ক্লায়েন্ট-সাইড ব্রাউজার কার্যকারিতাকে ইন্টারেক্টিভ টুল হিসেবে প্রকাশ করতে WebMCP প্রয়োগ করুন।
ব্রাউজারের সক্ষমতা (ঐচ্ছিক)
বিশেষায়িত ব্রাউজার এপিআই এবং প্ল্যাটফর্ম নিয়ে কাজ করার সর্বোত্তম পদ্ধতি। এগুলো modern-web-guidance থেকে আলাদা দক্ষতা এবং এগুলো পৃথকভাবে আয়ত্ত করতে হবে।
chrome-extensions
Manifest V3-এর অধীনে সুরক্ষিত এবং নিয়মসম্মত Chrome এক্সটেনশন তৈরি করুন যা সাধারণ সার্ভিস ওয়ার্কার লাইফসাইকেল এবং স্যান্ডবক্সিং-এর ত্রুটিগুলো এড়িয়ে চলে, এবং আপনার মেটাডেটা, গোপনীয়তা নীতি, ও অনুমতির যৌক্তিকতা প্রস্তুত করার সাহায্যে Chrome Web Store- এ প্রকাশনাকে সহজতর করে। এতে অংশ নিতে, Modern Web Guidance ইনস্টল করার সময় chrome-extensions স্কিলটি নির্বাচন করুন:
npx modern-web-guidance@latest install --choose
গিটহাবে chrome-extensions স্কিলটি দেখুন
পরবর্তী পদক্ষেপ
এখন যেহেতু আপনি মডার্ন ওয়েব গাইডেন্স সম্পর্কে বুঝে গেছেন, নিজেই এটি ব্যবহার করে দেখুন! মডার্ন ওয়েব গাইডেন্সে সমর্থিত ফিচার ও এর ব্যবহার সম্পর্কে জানুন এবং কাজ শুরু করার জন্য কয়েকটি নমুনা প্রম্পট চেষ্টা করে দেখুন ।