כדי לראות את תחומי ההנחיות, אפשר לעיין בתחומים הבאים.
תחומי לימוד מרכזיים
שיטות מומלצות ליצירת חוויות בטוחות ואיכותיות באינטרנט.
accessibility
הערכה, תיקון והטמעה של דפוסי נגישות יעילים בכל האפליקציה.
צפייה במדריך accessibility ב-GitHub
performance
אופטימיזציה של Core Web Vitals, קיצור זמני טעינת הדפים ושיפור הרספונסיביות לקלט של משתמשים.
צפייה במדריך performance ב-GitHub
privacy
הטמעת הפרטיות במרכז, הגבלה על איסוף המידע, ביקורות של צד שלישי וטיפול מאובטח בנתונים.
security
יישום הנחיות אבטחה למניעת פגיעות נפוצות באינטרנט (XSS, CSP, קובצי Cookie, בידוד בין מקורות).
צפייה במדריך security ב-GitHub
טכנולוגיות אינטרנט
שיטות מומלצות לשימוש בשפות, בטכנולוגיות ובסביבות זמן ריצה של ליבת האינטרנט.
html
הטמעה של ארכיטקטורת HTML מודרנית, סמנטיקה, ממשקי API אינטראקטיביים מקוריים (Dialog, Popover, Details), ניהול מיקוד ותעדוף משאבים.
css
יישום של שיטות מומלצות מודרניות לארכיטקטורת CSS, לפריסות ולביצועים.
css-layout
ליצור פריסות רספונסיביות באמצעות מאפיינים מודרניים של CSS, כמו flexbox, grid, subgrid, container queries, anchor positioning ו-intrinsic sizing.
צפייה במדריך css-layout ב-GitHub
forms
ליצור טפסים נגישים, מאובטחים וידידותיים למשתמשים.
passkeys
הטמעה של WebAuthn ומפתחות גישה באפליקציות אינטרנט בהתאם לעקרונות מודרניים חוצי-תחומים.
צפייה במדריך passkeys ב-GitHub
webmcp
הטמעה של WebMCP כדי לחשוף פונקציונליות של דפדפן בצד הלקוח ככלים אינטראקטיביים לסוכני AI.
יכולות הדפדפן (אופציונלי)
שיטות מומלצות לעבודה עם ממשקי API ופלטפורמות ייעודיים לדפדפן. אלה מיומנויות נפרדות מ-modern-web-guidance, וצריך להתקין אותן בנפרד.
chrome-extensions
פיתוח תוספים מאובטחים ל-Chrome בהתאם ל-Manifest V3, תוך הימנעות מבעיות נפוצות במחזור החיים של Service Worker ובארגז חול, וייעול הפרסום בחנות האינטרנט של Chrome בעזרת הכנה של מטא-נתונים, מדיניות פרטיות והצדקות להרשאות. כדי להפעיל את התכונה, בוחרים את מיומנות chrome-extensions במהלך ההתקנה של Modern Web Guidance:
npx modern-web-guidance@latest install --choose
צפייה במיומנות chrome-extensions ב-GitHub
השלבים הבאים
עכשיו, אחרי שהבנתם את Modern Web Guidance, אתם יכולים לנסות אותו בעצמכם. כדי להתחיל, כדאי לעיין בתכונות ובתרחישי השימוש שנתמכים ב-Modern Web Guidance ולנסות כמה הנחיות לדוגמה.