Webdev eli nettisivujen kehitys pohjautuu kolmeen kieleen HTML, CSS ja JavaScript. Lyhyesti HTML määrittää mitä sivulla on, CSS määrittää miltä se näyttää ja Javascript (JS) lisää toiminnallisuutta, esimerkiksi nappeihin. Tämän esimerkkisivun koodit löytää Päivölän Gitlabista.
Jos kehitettävä sivu on monimutkainen ja sisältää paljon liikkuvia osia, voi haluta käyttää niin sanottua web framework. Framework antaa kirjoittaa jotain mukavampaa ja kääntää ihmisen tuottamat koodit selaimen ymmärtämään muotoon (HTML/CSS/JS). Yleisin web framework on React, mutta muitakin on olemassa. Kannattainee aloittaa ilman frameworkkiä, sillä se opettaa paremmat perusteet ja monen frameworking etu tuntuu vasta isommissa projekteissa.
Kun kehität omia sivujasi, voit avata minkä tähansa
html tiedoston selaimella. Tämä onnistuu joskus
tuplaklikkamalla, mutta myös painamalla selaimessa control+o (open) ja
valitsemalla html tiedoston. Kun teet muutoksia, niin näet ne
painamalla joko f5, control+r, tai klikkaamalla refresh nappia (yleensä
osoitepalkin vasemmalla puolella). Netissä olevan sivun koodia voi tutkia
selaimen työkaluilla. Ne saa auki painamalla johonkin hiiren oikealla
napilla ja valitsemalla "Inspect element"/"Tarkastele elementtiä" tjsp.
Myös f12 tai control+śhift+c avaa selaimen työkalut. Sieltä näkee vaikka
mitä ja selaimen työkalupakin hanskaaminen on kriittistä web koodarille.