Gitlab pages esimerkki sivu

Webdev eli nettisivujen kehitys pohjautuu kolmeen kieleen HTML, CSS ja JavaScript. Kielistä lisää omilla sivuillaan, mutta lyhyesti html määrittää mitä sivulla on, css määrittää miltä se näyttää ja javascript (js) määrittää mitä se tekee. Tämän esimerkkisivun koodit löytää täältä. Kun lähdet opiskelemaan niin lue sivut listatussa järjestyksessä, ne olettavat tietoa toisistaan.

Kun kehität omia sivujasi, voit avata minkä tähansa html tiedoston selaimella ja kun teet muutoksia, niin näet ne painamalla joko f5, control ja r, tai klikkaamalla refresh nappia, yleensä osoitepalkin vasemmalla puolella

Joskus voi haluta käyttää niin sanottua web framework, joka ehkä antaa kirjoittaa jotain mukavampaa ja kääntää koodin noihin kolmeen kieleen. Yleisin web framework on React, mutta muitakin on olemassa. Pääosin kannattainee aloittaa ilman, sillä se opettaa paremmat perusteet ja monen frameworking etu tuntuu vasta isommissa projekteissa.

Jos sivu ei päivity vaikka koodi päivittyy, ongelma on todennäköisesti cache eli niin sanottu kakku. Selain kakuttaa tiedostoja, eli tallentaa ne sen sijaan että lataisi ne joka kerran uudestaan. Tämä nopeuttaa toimintaa normikäytössä, koska sivut suurelti pysyvät samana. Selaimesta riippuen cachen voi poistaa, mutta myös uusi incognito mode ikkuna toimii tyhjällä cachella.