Bouw voor het web, met de browser als uitgangspunt

HTML-broncode weergegeven op een donker computerscherm

Über diese Auswahl

Een praktische route langs webfundamentals, gerichte cursussen, browsercompatibiliteit en toegankelijke implementatie. Frameworks maken veel dingen handig, maar de browser bepaalt nog steeds hoe een pagina zich gedraagt. Een basis in HTML, CSS, JavaScript en toegankelijkheid maakt onbekende tools minder mysterieus. Deze referenties werken goed naast een klein project dat u veilig kunt inspecteren, wijzigen en afbreken. Probeer dit eerst Bouw een kleine pagina met een kop, een formulier en een…

Een praktische route langs webfundamentals, gerichte cursussen, browsercompatibiliteit en toegankelijke implementatie.

Frameworks maken veel dingen handig, maar de browser bepaalt nog steeds hoe een pagina zich gedraagt. Een basis in HTML, CSS, JavaScript en toegankelijkheid maakt onbekende tools minder mysterieus. Deze referenties werken goed naast een klein project dat u veilig kunt inspecteren, wijzigen en afbreken.

Probeer dit eerst

Bouw een kleine pagina met een kop, een formulier en een lijst. Leer de onderliggende functie in MDN kennen, gebruik een web.dev-les voor meer verdieping en controleer de compatibiliteit voordat u een nieuwere mogelijkheid adopteert. Test de pagina met een toetsenbord voordat u meer glans toevoegt.

Houd er rekening mee

Bewaar de exacte referentie waarmee een probleem is opgelost, en noteer wat er is veranderd. Dat creëert een werkend notitieboekje, in plaats van nog een lijst met tutorials die je ooit moet afmaken.

4 Links/In der vom Kurator gewählten Reihenfolge

Link 1Englisch (Vereinigte Staaten)

MDN Leer webontwikkeling

Gebruik dit als een gestructureerde basis als u wilt begrijpen wat het platform doet. Volg een kort gedeelte, reproduceer het voorbeeld en verander iets om te controleren of u het goed begrijpt.

developer.mozilla.org

Link 2–

web.dev Leren

Kies een cursus die aansluit bij uw directe vraag, zoals CSS, prestaties of formulieren. Pas één les toe op hetzelfde kleine project, zodat het lezen waarneembaar gedrag wordt.

web.dev

Link 3Englisch (Vereinigte Staaten)

Kan ik gebruiken

Controleer de ondersteuning voor een specifieke functie in verschillende browsers. Lees de opmerkingen en details over gedeeltelijke ondersteuning en beslis vervolgens over een terugval op basis van uw daadwerkelijke doelgroep in plaats van een enkel percentage.

caniuse.com

Link 4Englisch

Het A11Y-project

Zet toegankelijkheidsintenties om in concrete implementatiechecks. Gebruik de checklist als leidraad voor het onderzoek, maar onthoud dat een aangevinkt vakje geen vervanging is voor testen met echte gebruikers.