Byg en tilgængelig webapp med HTML, Sass og JavaScript

Leder du efter et andet webapp-projekt at bygge? Er du interesseret i at integrere tilgængelighed på dine hjemmesider? Ønsker du at lære mere om oprettelse af mobil-første apps?

Hvis du svarede "ja" på et af disse spørgsmål, vil du kunne lide denne nye vejledning, som vi netop har frigivet på YouTube-kanalen freeCodeCamp.org.

I denne vejledning vil du oprette en To Do-liste-app med HTML, Sass og almindelig vanilje JavaScript. Din app er lydhør og har mobil-først i tankerne.

Appen bygges også med tilgængelighed (A11y) i tankerne for tastaturnavigation og skærmlæsere. Du vil også bruge Web Storage API til at oprette en vedvarende datalager, så listeelementerne vises igen, hver gang vi besøger webappen.

Denne tutorial blev oprettet af Dave Gray. Dave er en universitetsinstruktør, der underviser i webudvikling. Han har også en YouTube-kanal med mange fremragende tutorials.

Her er de emner, som Dave dækker i denne vejledning:

  • HTML-fundament
  • SASS / CSS stilarter
  • Javascript-klasser
  • Javascript-funktioner
  • Test af tilgængelighedsfunktionerne
  • Oprydning af kode og forbedringer til A11y
  • Test af rettelserne og forbedringerne til appen
  • At forbedre appen

Se den fulde vejledning på YouTube-kanalen freeCodeCamp.org (2-timers ur).