Bygg för webben, med webbläsaren som utgångspunkt

HTML-källkod som visas på en mörk datorskärm

Om dette utvalget

En praktisk väg genom webbgrunderna, fokuserade kurser, webbläsarkompatibilitet och tillgänglig implementering. Ramar gör många saker bekväma, men webbläsaren bestämmer fortfarande hur en sida beter sig. En grund i HTML, CSS, JavaScript och tillgänglighet gör okända verktyg mindre mystiska. Dessa referenser fungerar bra vid sidan av ett litet projekt som du kan inspektera, ändra och bryta på ett säkert sätt. Prova detta först Bygg en liten sida med en rubrik, ett formulär och en lista. Lär dig…

En praktisk väg genom webbgrunderna, fokuserade kurser, webbläsarkompatibilitet och tillgänglig implementering.

Ramar gör många saker bekväma, men webbläsaren bestämmer fortfarande hur en sida beter sig. En grund i HTML, CSS, JavaScript och tillgänglighet gör okända verktyg mindre mystiska. Dessa referenser fungerar bra vid sidan av ett litet projekt som du kan inspektera, ändra och bryta på ett säkert sätt.

Prova detta först

Bygg en liten sida med en rubrik, ett formulär och en lista. Lär dig den underliggande funktionen i MDN, använd en web.dev-lektion för djup och kontrollera kompatibiliteten innan du använder en nyare funktion. Testa sidan med ett tangentbord innan du lägger till mer polish.

Kom ihåg

Spara den exakta referensen som löste ett problem och en anteckning om vad som ändrades. Det skapar en fungerande anteckningsbok, snarare än en annan lista med tutorials att avsluta en dag.

4 lenker/I kuratorens valgte rekkefølge

Lenke 1engelsk (USA)

MDN Lär dig webbutveckling

Använd detta som en strukturerad grund när du behöver förstå vad plattformen gör. Följ ett kort avsnitt, återskapa exemplet och ändra något för att kontrollera din förståelse.

developer.mozilla.org

Lenke 2–

web.dev Lär dig

Välj en kurs kopplad till din omedelbara fråga, som CSS, prestanda eller formulär. Tillämpa en lektion på samma lilla projekt så att läsningen blir observerbart beteende.

web.dev

Lenke 3engelsk (USA)

Kan jag använda

Kontrollera stöd för en specifik funktion i alla webbläsare. Läs anteckningarna och detaljerna om partiell support och välj sedan en reserv baserat på din faktiska publik snarare än en enskild procentandel.

caniuse.com

Lenke 4engelsk

A11Y-projektet

Förvandla tillgänglighetsintentioner till konkreta implementeringskontroller. Använd checklistan för att vägleda undersökningen, samtidigt som du kom ihåg att en kryssad ruta inte är en ersättning för testning med riktiga användare.