Bekijk de volgende disciplines om de begeleidingsgebieden te verkennen.
Kerndisciplines
Beste werkwijzen voor het creëren van veilige en kwalitatief hoogwaardige online ervaringen.
accessibility
Beoordeel, corrigeer en implementeer effectieve toegankelijkheidspatronen in uw gehele applicatie.
Bekijk de accessibility op GitHub.
performance
Optimaliseer de belangrijkste webstatistieken , verkort de laadtijden van pagina's en verbeter de responsiviteit op gebruikersinvoer.
Bekijk de performance op GitHub.
privacy
Implementeer privacy by design, minimaliseer data, laat audits door derden uitvoeren en zorg voor een veilige gegevensverwerking.
security
Implementeer preventieve beveiligingsrichtlijnen om te beschermen tegen veelvoorkomende webkwetsbaarheden (XSS, CSP, cookies, cross-origin isolation).
Webtechnologieën
Aanbevelingen voor het gebruik van de belangrijkste webprogrammeertalen, -technologieën en -runtimeomgevingen.
html
Implementeer moderne HTML-architectuur, semantiek, native interactieve API's (dialoogvenster, pop-up, details), focusbeheer en resourceprioritisering.
Bekijk de html handleiding op GitHub.
css
Pas moderne CSS-architectuur, lay-outs en best practices voor prestatieoptimalisatie toe.
Bekijk de css handleiding op GitHub.
css-layout
Ontwikkel responsieve lay-outs met behulp van moderne CSS-functies zoals flexbox, grid, subgrid, containerqueries, anchor-positionering en intrinsic sizing.
Bekijk de css-layout handleiding op GitHub.
forms
Ontwikkel toegankelijke, veilige en gebruiksvriendelijke webformulieren.
Bekijk de handleiding forms op GitHub.
passkeys
Implementeer WebAuthn en Passkeys in webapplicaties volgens de meest gangbare moderne principes.
Bekijk de handleiding passkeys op GitHub.
webmcp
Implementeer WebMCP om client-side browserfunctionaliteit beschikbaar te stellen als interactieve tools voor AI-agenten.
Bekijk de webmcp handleiding op GitHub.
Browserfunctionaliteiten (optioneel)
Aanbevelingen voor het werken met gespecialiseerde browser-API's en -platformen. Dit zijn aparte vaardigheden die losstaan van modern-web-guidance en moeten afzonderlijk worden geïnstalleerd.
chrome-extensions
Ontwikkel veilige en conforme Chrome-extensies onder Manifest V3 die veelvoorkomende valkuilen in de levenscyclus van service workers en sandboxing vermijden, en stroomlijn het publiceren naar de Chrome Web Store met hulp bij het voorbereiden van uw metadata, privacybeleid en toestemmingsverantwoordingen. Om deel te nemen, selecteert u de skill chrome-extensions tijdens de installatie van Modern Web Guidance.
npx modern-web-guidance@latest install --choose
Bekijk de chrome-extensions skill op GitHub.
Volgende stappen
Nu je Modern Web Guidance begrijpt, kun je het zelf uitproberen! Ontdek de functies en gebruiksscenario's die Modern Web Guidance ondersteunt en probeer een paar voorbeeldvragen uit om aan de slag te gaan.