ওয়েব ডেভেলপমেন্ট লাইফসাইকেলে আপনার বর্তমান পর্যায়ের সাথে মিলিয়ে তালিকাভুক্ত আধুনিক ওয়েব গাইডেন্স স্কিলগুলো থেকে বেছে নিন, যা প্রাথমিক স্টাইলিং থেকে শুরু করে চূড়ান্ত নিরাপত্তা বাস্তবায়ন পর্যন্ত বিস্তৃত।
মূল ওয়েব শৃঙ্খলা
ওয়েব ডিসিপ্লিন অনুযায়ী আপনার কাজকে আরও পরিমার্জিত ও কেন্দ্রীভূত করতে সাহায্যকারী অর্কেস্ট্রেটর।
accessibility
/modern-web-guidance accessibility
আপনার সম্পূর্ণ অ্যাপ্লিকেশন জুড়ে কার্যকর অ্যাক্সেসিবিলিটি প্যাটার্নগুলো মূল্যায়ন, সংশোধন এবং বাস্তবায়নের জন্য এটি আপনার কেন্দ্রীয় নিরীক্ষা নির্দেশিকা হিসেবে কাজ করে।
গিটহাবে accessibility দক্ষতা দেখুন
performance
/modern-web-guidance performance
এটি আপনাকে কোর ওয়েব ভাইটালস অপ্টিমাইজ করতে, পেজ লোড হওয়ার বিলম্ব কমাতে এবং ব্যবহারকারীর ইনপুটের প্রতি রেসপন্সিভনেস উন্নত করতে সাহায্য করে।
গিটহাবে performance স্কিলটি দেখুন
user-experience
/modern-web-guidance user-experience
এটি আপনার ইউজার ইন্টারফেস (UI) টুলকিট হিসেবে কাজ করে, যার মাধ্যমে দ্রুত রেসপন্সিভ কাস্টম এলিমেন্ট, সাবলীল ট্রানজিশন এবং আধুনিক স্টাইলিং প্যাটার্ন প্রয়োগ করা যায়।
গিটহাবে user-experience স্কিলটি দেখুন
ওয়েব প্রযুক্তি
এই মৌলিক দক্ষতাগুলো যেকোনো আধুনিক অ্যাপ্লিকেশনের জন্য অপরিহার্য ভিত্তি প্রদান করে, যা নিশ্চিত করে যে আপনার প্রকল্পটি সিমান্টিক এইচটিএমএল, গতি এবং আন্তঃকার্যক্ষমতাকে মাথায় রেখে আধুনিক সর্বোত্তম অনুশীলন অনুসারে শুরু হয়।
html
/modern-web-guidance html
আধুনিক এইচটিএমএল আর্কিটেকচার, সিম্যান্টিকস, নেটিভ ইন্টারেক্টিভ এপিআই (ডায়ালগ, পপওভার, ডিটেইলস), ফোকাস ম্যানেজমেন্ট এবং রিসোর্স প্রায়োরিটাইজেশন সম্পর্কিত কর্ম-ভিত্তিক নির্দেশিকা। ওয়েব ডকুমেন্টের কাঠামো তৈরি, নেটিভ ওভারলে প্রয়োগ, বা রিসোর্স লোডিং অর্ডার অপ্টিমাইজ করার সময় এই গাইডটি ব্যবহার করুন।
css
/modern-web-guidance css
আধুনিক CSS আর্কিটেকচার, লেআউট এবং পারফরম্যান্সের জন্য কার্যকরী নির্দেশিকা। স্টাইল তৈরি, ডিজাইন সিস্টেম পরিচালনা বা ওয়েব রেন্ডারিং অপ্টিমাইজ করার সময় এই নির্দেশিকাটি ব্যবহার করুন।
css-layout
/modern-web-guidance css-layout
আধুনিক CSS লেআউট, যেমন ফ্লেক্সবক্স, গ্রিড, সাবগ্রিড, কন্টেইনার কোয়েরি, অ্যাঙ্কর পজিশনিং এবং ইন্ট্রিনসিক সাইজিং। রেসপন্সিভ UI কম্পোনেন্ট বা পেজ লেআউট ডিজাইন করার সময় এই দক্ষতা ব্যবহার করুন।
গিটহাবে css-layout স্কিলটি দেখুন
forms
/modern-web-guidance forms
প্রবেশযোগ্য, সুরক্ষিত এবং ব্যবহারকারী-বান্ধব ওয়েব ফর্ম তৈরির সর্বোত্তম পদ্ধতি। ফর্ম, ইনপুট এবং সাবমিশন ফ্লো তৈরি বা পরিবর্তন করার সময় এই নির্দেশিকাটি ব্যবহার করুন।
cpp-on-the-web
/modern-web-guidance cpp-on-the-web
ওয়েবঅ্যাসেম্বলি ব্যবহার করে আধুনিক ওয়েবের জন্য C এবং C++ কম্পাইল করা। যখন আপনার C++ কোড পোর্ট করার, Emscripten দিয়ে C++ লাইব্রেরি তৈরি করার, অথবা ব্রাউজারে উচ্চ-পারফরম্যান্সের C++ কম্পোনেন্ট সেট আপ করার প্রয়োজন হয়, তখন এই দক্ষতাটি ব্যবহার করুন।
গিটহাবে cpp-on-the-web স্কিলটি দেখুন
ব্রাউজারের সক্ষমতা (ঐচ্ছিক)
এই দক্ষতাগুলো আপনাকে ম্যানিফেস্ট ভি৩ (Manifest V3)-এর মতো আধুনিক মান অনুসরণকারী ক্রোম এক্সটেনশন তৈরি করতে এবং আপনার মেটাডেটা, গোপনীয়তা নীতি ও অনুমতির যৌক্তিকতা প্রস্তুত করার মাধ্যমে ক্রোম ওয়েব স্টোরে প্রকাশনা প্রক্রিয়াকে সহজ করতে সাহায্য করে। এই দক্ষতাগুলো ঐচ্ছিক এবং ডিফল্টরূপে সক্রিয় থাকে না।
chrome-extensions
/modern-web-guidance chrome-extensions
Manifest V3-এর অধীনে সুরক্ষিত এবং নিয়মসম্মত Chrome এক্সটেনশন তৈরি করুন যা সাধারণ সার্ভিস ওয়ার্কার লাইফসাইকেল ও স্যান্ডবক্সিং-এর সমস্যাগুলো এড়িয়ে চলে। এতে অংশগ্রহণ করতে, আপনাকে chrome-extensions স্কিলটি নির্দিষ্ট করতে হবে:
npx skills add GoogleChrome/modern-web-guidance --skill chrome-extensions
গিটহাবে chrome-extensions স্কিলটি দেখুন
নিরাপত্তা, বিশ্বাস এবং পরিচয়
এই দক্ষতাগুলো প্রতিরক্ষামূলক HTTP হেডার এবং অরিজিন আইসোলেশনের মাধ্যমে XSS-এর মতো ক্লায়েন্ট-সাইড এক্সপ্লয়েট থেকে অ্যাপ্লিকেশন সুরক্ষিত করে ব্যবহারকারীর আস্থা অর্জনের উপর আলোকপাত করে। ডেভেলপাররা পাসকি ব্যবহার করে অথেনটিকেশন ফ্লো তৈরি করতে, তৃতীয় পক্ষের ট্র্যাকিং কমাতে এবং C/C++ লাইব্রেরিগুলোকে ওয়েবঅ্যাসেম্বলি মডিউলে পোর্ট করার জন্য এই দক্ষতাগুলো ব্যবহার করতে পারেন।
security
/modern-web-guidance security
ওয়েব ডেভেলপারদের জন্য প্রতিরোধমূলক নিরাপত্তা নির্দেশিকা (XSS, CSP, কুকি, ক্রস-অরিজিন আইসোলেশন)। নিরাপত্তা নীতিসমূহ নিরাপদে নিরীক্ষা, পরীক্ষা এবং প্রয়োগ করার প্রক্রিয়াকে পরিচালিত করতে এই দক্ষতাটি ব্যবহার করুন।
passkeys
/modern-web-guidance passkeys
ওয়েব অ্যাপ্লিকেশনে WebAuthn এবং Passkey বাস্তবায়নের জন্য ব্যাপক দিকনির্দেশনা এবং বহুমুখী নীতিমালা। পাসকি নিবন্ধন, প্রমাণীকরণ, ব্যবস্থাপনা বা পুনঃপ্রমাণীকরণের কাজ করার সময় এই নির্দেশিকাটি ব্যবহার করুন।
গিটহাবে passkeys স্কিলটি দেখুন
privacy
/modern-web-guidance privacy
ওয়েব ডেভেলপারদের জন্য ডিজাইন অনুযায়ী গোপনীয়তা, ডেটা হ্রাস, তৃতীয় পক্ষের নিরীক্ষা এবং নিরাপদ ডেটা পরিচালনা বাস্তবায়নের জন্য কর্মমুখী নির্দেশিকা। অ্যাপ্লিকেশন ডিজাইন করার সময়, তৃতীয় পক্ষের পরিষেবা একীভূত করার সময়, ব্যবহারকারীর ডেটা পরিচালনা করার সময় বা নিরাপত্তা হেডার কনফিগার করার সময় এই দক্ষতা ব্যবহার করুন।
এজেন্টিক সিস্টেম
WebMCP-এর সাহায্যে এই দক্ষতাগুলো আপনার ওয়েব অ্যাপ্লিকেশন এবং এআই ওয়ার্কফ্লোর মধ্যকার ব্যবধান দূর করতে সাহায্য করে। ক্লায়েন্ট-সাইড ব্রাউজারের কার্যকারিতাকে ইন্টারেক্টিভ টুল হিসেবে প্রকাশ করার মাধ্যমে, আপনি এআই এজেন্টদেরকে অ্যাপ্লিকেশনের ফিচারগুলোর সাথে সরাসরি ইন্টারঅ্যাক্ট করার নির্দেশ দিতে পারেন।
webmcp
/modern-web-guidance webmcp
এআই এজেন্টদের জন্য ক্লায়েন্ট-সাইড ব্রাউজার কার্যকারিতাকে ইন্টারেক্টিভ টুল হিসেবে প্রকাশ করতে WebMCP প্রয়োগ করুন।
পরবর্তী পদক্ষেপ
এখন যেহেতু আপনি মডার্ন ওয়েব গাইডেন্স সম্পর্কে বুঝে গেছেন, নিজেই এটি ব্যবহার করে দেখুন! মডার্ন ওয়েব গাইডেন্সে সমর্থিত ফিচার ও এর ব্যবহার সম্পর্কে জানুন এবং কাজ শুরু করার জন্য কয়েকটি নমুনা প্রম্পট চেষ্টা করে দেখুন ।