Bygg for nettet, med nettleseren som utgangspunkt

HTML-kildekode vist på en mørk dataskjerm

About this selection

En praktisk vei gjennom grunnleggende web, fokuserte kurs, nettleserkompatibilitet og tilgjengelig implementering. Rammer gjør mange ting praktiske, men nettleseren bestemmer fortsatt hvordan en side oppfører seg. En forankring i HTML, CSS, JavaScript og tilgjengelighet gjør ukjente verktøy mindre mystiske. Disse referansene fungerer godt ved siden av et lite prosjekt du kan inspisere, endre og bryte trygt. Prøv dette først Bygg en liten side med en overskrift, et skjema og en liste. Lær den…

En praktisk vei gjennom grunnleggende web, fokuserte kurs, nettleserkompatibilitet og tilgjengelig implementering.

Rammer gjør mange ting praktiske, men nettleseren bestemmer fortsatt hvordan en side oppfører seg. En forankring i HTML, CSS, JavaScript og tilgjengelighet gjør ukjente verktøy mindre mystiske. Disse referansene fungerer godt ved siden av et lite prosjekt du kan inspisere, endre og bryte trygt.

Prøv dette først

Bygg en liten side med en overskrift, et skjema og en liste. Lær den underliggende funksjonen i MDN, bruk en web.dev-leksjon for dybde, og sjekk kompatibilitet før du tar i bruk en nyere funksjon. Test siden med et tastatur før du legger til mer polish.

Husk

Lagre den nøyaktige referansen som løste et problem og en merknad om hva som endret seg. Det skaper en fungerende notatbok, i stedet for en annen liste over opplæringsprogrammer som skal fullføres en dag.

4 links/In the curator’s chosen order

Link 1MDN Web Docs

MDN Lær webutvikling

Bruk dette som et strukturert grunnlag når du skal forstå hva plattformen gjør. Følg et kort avsnitt, gjenskap eksemplet og endre noe for å kontrollere forståelsen din.

developer.mozilla.org

Link 2–

web.dev Lær

Velg et kurs knyttet til det umiddelbare spørsmålet ditt, for eksempel CSS, ytelse eller skjemaer. Bruk én leksjon på det samme lille prosjektet slik at lesingen blir observerbar atferd.

web.dev

Link 3–

Kan jeg bruke

Sjekk støtte for en bestemt funksjon på tvers av nettlesere. Les notatene og detaljer om delvis støtte, og velg deretter en reserve basert på det faktiske publikummet ditt i stedet for en enkelt prosentandel.

caniuse.com

Link 4–

A11Y-prosjektet

Gjør tilgjengelighetsintensjoner til konkrete implementeringskontroller. Bruk sjekklisten til å veilede etterforskningen, samtidig som du husker at en avkrysset boks ikke er en erstatning for testing med ekte brukere.