از میان مهارتهای راهنمای وب مدرن فهرستشده، متناسب با مرحله فعلی خود در چرخه عمر توسعه وب، از طراحی اولیه تا پیادهسازی نهایی امنیت، یکی را انتخاب کنید.
رشتههای اصلی وب
هماهنگکنندههایی برای کمک به تقویت و تمرکز کار شما بر اساس نظم وب.
accessibility
/modern-web-guidance accessibility
به عنوان راهنمای ممیزی مرکزی شما برای ارزیابی، اصلاح و پیادهسازی الگوهای دسترسی مؤثر در کل برنامه شما عمل میکند.
مهارت accessibility را در GitHub مشاهده کنید
performance
/modern-web-guidance performance
به شما کمک میکند تا Core Web Vitals را بهینه کنید، تأخیر زمان بارگذاری صفحه را کاهش دهید و پاسخگویی به ورودی کاربر را بهبود بخشید.
مهارت performance را در GitHub مشاهده کنید
user-experience
/modern-web-guidance user-experience
به عنوان ابزار رابط کاربری (UI) شما برای پیادهسازی سریع عناصر سفارشی واکنشگرا، انتقالهای روان و الگوهای طراحی مدرن عمل میکند.
مهارت user-experience را در گیتهاب مشاهده کنید
فناوریهای وب
این مهارتهای اصلی، بلوکهای سازندهی ضروری برای هر برنامهی مدرنی را فراهم میکنند و تضمین میکنند که پروژهی شما با بهترین شیوههای مدرن و با در نظر گرفتن HTML معنایی، سرعت و قابلیت همکاری آغاز میشود.
html
/modern-web-guidance html
دستورالعملهای عملمحور برای معماری مدرن HTML، معناشناسی، APIهای تعاملی بومی (Dialog، Popover، Details)، مدیریت تمرکز و اولویتبندی منابع. از این راهنما هنگام ساختاردهی اسناد وب، پیادهسازی همپوشانیهای بومی یا بهینهسازی ترتیب بارگذاری منابع استفاده کنید.
مهارت html را در GitHub مشاهده کنید
css
/modern-web-guidance css
دستورالعملهای عملمحور برای معماری، طرحبندیها و عملکرد CSS مدرن. از این راهنما هنگام نوشتن سبکها، مدیریت سیستمهای طراحی یا بهینهسازی رندر وب استفاده کنید.
مهارت css را در GitHub مشاهده کنید
css-layout
/modern-web-guidance css-layout
طرحبندیهای مدرن CSS مانند flexbox، grid، subgrid، container queryها، موقعیتیابی anchor و اندازهبندی ذاتی. از این مهارت هنگام معماری اجزای رابط کاربری واکنشگرا یا طرحبندی صفحه استفاده کنید.
مهارت css-layout را در GitHub مشاهده کنید
forms
/modern-web-guidance forms
بهترین شیوهها برای ساخت فرمهای وب قابل دسترس، ایمن و کاربرپسند. از این راهنما هنگام ایجاد یا تغییر فرمها، ورودیها و جریانهای ارسال استفاده کنید.
مهارت forms را در گیتهاب مشاهده کنید
cpp-on-the-web
/modern-web-guidance cpp-on-the-web
کامپایل C و C++ برای وب مدرن با استفاده از WebAssembly. از این مهارت زمانی استفاده کنید که نیاز به پورت کردن کد C++، ساخت کتابخانههای C++ با Emscripten یا راهاندازی کامپوننتهای C++ با کارایی بالا در مرورگر دارید.
مهارت cpp-on-the-web را در GitHub مشاهده کنید
قابلیتهای مرورگر (انتخابی)
این مهارتها به شما کمک میکنند تا افزونههای کروم را مطابق با استانداردهای مدرن مانند Manifest V3 توسعه دهید و انتشار در فروشگاه وب کروم را با کمک به آمادهسازی فرادادهها، سیاستهای حفظ حریم خصوصی و توجیهات مجوز، ساده کنید. این مهارتها اختیاری هستند و به طور پیشفرض فعال نیستند.
chrome-extensions
/modern-web-guidance chrome-extensions
افزونههای کروم امن و سازگار را تحت Manifest V3 بسازید که از مشکلات رایج چرخه عمر سرویس ورکرها و sandboxing جلوگیری کند. برای شرکت در این فرآیند، باید مهارت chrome-extensions را مشخص کنید:
npx skills add GoogleChrome/modern-web-guidance --skill chrome-extensions
مهارت chrome-extensions را در گیتهاب مشاهده کنید
امنیت، اعتماد و هویت
این مهارتها با ایمنسازی برنامهها در برابر سوءاستفادههای سمت کلاینت مانند XSS از طریق هدرهای دفاعی HTTP و ایزولهسازی مبدا، بر اعتماد کاربر تمرکز دارند. توسعهدهندگان همچنین میتوانند جریانهای احراز هویت را با کلیدهای عبور توسعه دهند، ردیابی شخص ثالث را به حداقل برسانند و از مهارتها برای انتقال کتابخانههای C/C++ به ماژولهای WebAssembly استفاده کنند.
security
/modern-web-guidance security
دستورالعملهای امنیتی پیشگیرانه برای توسعهدهندگان وب (XSS، CSP، کوکیها، جداسازی متقابل مبدا). از این مهارت برای هدایت فرآیند حسابرسی، آزمایش و استقرار ایمن سیاستهای امنیتی استفاده کنید.
مهارت security را در GitHub مشاهده کنید
passkeys
/modern-web-guidance passkeys
آشنایی جامع و اصول مشترک برای پیادهسازی WebAuthn و Passkeys در برنامههای وب. از این راهنما هنگام مدیریت ثبت، احراز هویت، مدیریت یا احراز هویت مجدد Passkey استفاده کنید.
مهارت passkeys در GitHub مشاهده کنید
privacy
/modern-web-guidance privacy
دستورالعملهای عملمحور برای توسعهدهندگان وب جهت پیادهسازی حریم خصوصی از طریق طراحی، کمینهسازی دادهها، ممیزیهای شخص ثالث و مدیریت امن دادهها. از این مهارت هنگام طراحی برنامهها، ادغام سرویسهای شخص ثالث، مدیریت دادههای کاربر یا پیکربندی هدرهای امنیتی استفاده کنید.
مهارت privacy را در GitHub مشاهده کنید
سیستمهای عامل
این مهارتها به پر کردن شکاف بین برنامه وب شما و گردشهای کاری هوش مصنوعی با WebMCP کمک میکنند. با نمایش قابلیتهای مرورگر سمت کلاینت به عنوان ابزارهای تعاملی، میتوانید به عوامل هوش مصنوعی دستور دهید تا مستقیماً با ویژگیهای برنامه تعامل داشته باشند.
webmcp
/modern-web-guidance webmcp
پیادهسازی WebMCP برای نمایش قابلیتهای مرورگر سمت کلاینت به عنوان ابزارهای تعاملی برای عاملهای هوش مصنوعی.
مهارت webmcp را در GitHub مشاهده کنید
مراحل بعدی
حالا که راهنمای وب مدرن را فهمیدید، خودتان آن را امتحان کنید! ویژگیها و موارد استفاده پشتیبانیشده در راهنمای وب مدرن را کشف کنید و برای شروع، چند نمونه از دستورالعملها را امتحان کنید .