Byg til nettet med browseren som udgangspunkt

HTML-kildekode vist på en mørk computerskærm

Om dette udvalg

En praktisk rute gennem grundlæggende web, fokuserede kurser, browserkompatibilitet og tilgængelig implementering. Rammer gør mange ting praktiske, men browseren bestemmer stadig, hvordan en side opfører sig. En jordforbindelse i HTML, CSS, JavaScript og tilgængelighed gør ukendte værktøjer mindre mystiske. Disse referencer fungerer godt ved siden af et lille projekt, du kan inspicere, ændre og bryde sikkert. Prøv dette først Byg en lille side med en overskrift, en formular og en liste. Lær…

En praktisk rute gennem grundlæggende web, fokuserede kurser, browserkompatibilitet og tilgængelig implementering.

Rammer gør mange ting praktiske, men browseren bestemmer stadig, hvordan en side opfører sig. En jordforbindelse i HTML, CSS, JavaScript og tilgængelighed gør ukendte værktøjer mindre mystiske. Disse referencer fungerer godt ved siden af et lille projekt, du kan inspicere, ændre og bryde sikkert.

Prøv dette først

Byg en lille side med en overskrift, en formular og en liste. Lær den underliggende funktion i MDN, brug en web.dev-lektion for at få dybde, og tjek kompatibilitet, før du tager en nyere funktion i brug. Test siden med et tastatur, før du tilføjer mere polish.

Husk

Gem den nøjagtige reference, der løste et problem, og en note om, hvad der er ændret. Det skaber en fungerende notesbog snarere end endnu en liste over øvelser, der skal afsluttes en dag.

4 links/I kuratorens valgte rækkefølge

Link 1amerikansk engelsk

MDN Lær webudvikling

Brug dette som et struktureret grundlag, når du skal forstå, hvad platformen gør. Følg et kort afsnit, gentag eksemplet, og skift noget for at kontrollere din forståelse.

developer.mozilla.org

Link 2–

web.dev Lær

Vælg et kursus, der er knyttet til dit umiddelbare spørgsmål, såsom CSS, ydeevne eller formularer. Anvend en lektion til det samme lille projekt, så læsningen bliver observerbar adfærd.

web.dev

Link 3amerikansk engelsk

Kan jeg bruge

Tjek understøttelse af en bestemt funktion på tværs af browsere. Læs noterne og detaljerne om delvis support, og beslut dig derefter for en tilbagebetaling baseret på dit faktiske publikum i stedet for en enkelt procentdel.

caniuse.com

Link 4engelsk

A11Y-projektet

Gør tilgængelighedsintentioner om til konkrete implementeringstjek. Brug tjeklisten til at vejlede efterforskningen, mens du husker, at et afkrydset felt ikke er en erstatning for test med rigtige brugere.