برای آشنایی با حوزههای تخصصی راهنمایی، به رشتههای زیر مراجعه کنید.
رشتههای اصلی
بهترین شیوهها برای ایجاد تجربیات ایمن و با کیفیت بالا در وب.
accessibility
الگوهای دسترسی مؤثر را در کل برنامه خود ارزیابی، اصلاح و پیادهسازی کنید.
راهنمای accessibility را در GitHub مشاهده کنید
performance
بهینهسازی Core Web Vitals ، کاهش زمان بارگذاری صفحه و بهبود پاسخگویی به ورودی کاربر.
راهنمای performance را در GitHub مشاهده کنید
privacy
پیادهسازی حریم خصوصی از طریق طراحی، کمینهسازی دادهها، ممیزیهای شخص ثالث و مدیریت امن دادهها.
راهنمای privacy را در GitHub مشاهده کنید
security
دستورالعملهای امنیتی پیشگیرانه را برای محافظت در برابر آسیبپذیریهای رایج وب (XSS، CSP، کوکیها، جداسازی متقابل مبدا) پیادهسازی کنید.
راهنمای security را در گیتهاب مشاهده کنید
فناوریهای وب
بهترین شیوهها برای استفاده از زبانهای اصلی وب، فناوریها و محیطهای زمان اجرا.
html
معماری مدرن HTML، معناشناسی، APIهای تعاملی بومی (Dialog، Popover، Details)، مدیریت تمرکز و اولویتبندی منابع را پیادهسازی کنید.
راهنمای html را در گیتهاب مشاهده کنید
css
معماری مدرن CSS، طرحبندیها و بهترین شیوههای عملکرد را به کار بگیرید.
راهنمای css را در GitHub مشاهده کنید
css-layout
با استفاده از ویژگیهای مدرن CSS مانند flexbox، grid، subgrid، container queryها، موقعیتیابی anchor و اندازهگذاری ذاتی، طرحبندیهای واکنشگرا بسازید.
راهنمای css-layout را در GitHub مشاهده کنید.
forms
فرمهای وب قابل دسترس، امن و کاربرپسند بسازید.
راهنمای forms را در گیتهاب مشاهده کنید
passkeys
پیادهسازی WebAuthn و Passkeys در برنامههای وب با پیروی از اصول مدرن و فراگیر.
راهنمای passkeys را در GitHub مشاهده کنید
webmcp
پیادهسازی WebMCP برای نمایش قابلیتهای مرورگر سمت کلاینت به عنوان ابزارهای تعاملی برای عاملهای هوش مصنوعی.
راهنمای webmcp را در GitHub مشاهده کنید
قابلیتهای مرورگر (انتخابی)
بهترین شیوهها برای کار با APIها و پلتفرمهای تخصصی مرورگر. اینها مهارتهایی جدا از modern-web-guidance هستند و باید بهصورت جداگانه نصب شوند.
chrome-extensions
افزونههای کروم امن و سازگار را تحت Manifest V3 بسازید که از مشکلات رایج چرخه عمر سرویس ورکرها و sandboxing جلوگیری میکند و با کمک به آمادهسازی فرادادهها، سیاستهای حفظ حریم خصوصی و توجیهات مجوز، انتشار در فروشگاه وب کروم را ساده میکند. برای انتخاب، هنگام نصب Modern Web Guidance، مهارت chrome-extensions را انتخاب کنید:
npx modern-web-guidance@latest install --choose
مهارت chrome-extensions را در گیتهاب مشاهده کنید
مراحل بعدی
حالا که راهنمای وب مدرن را فهمیدید، خودتان آن را امتحان کنید! ویژگیها و موارد استفاده پشتیبانیشده در راهنمای وب مدرن را کشف کنید و برای شروع، چند نمونه از دستورالعملها را امتحان کنید .