rautalanka/luonnos/suunnitelma. Miltä ohjelma tai design tulee pääpiirteittään näyttämään ilman visuaalisia yksityiskohtia. Esim. Mitä erilaisia komponentteja on ja mihin ne asetetaan?

User eXperience; käyttäjäkokemus. Käyttäjän kokonaisvaltaiset mietteet, ajatukset ja tunteet tuotteesta tuotteen käyttämisen aikana ja sen jälkeen

User Interface; käyttöliittymä. Rakennettu kommunikointiväline ihmisen ja koneen välillä (VJP-kontekstissa ainakin, onhan toki esim. automaattiolypsykoneiden suunnittelussa mietitty käyttöliittymää, jotta lehmät ois mahis tyytyväisiä :D) Voi olla graafinen (esim. Figma (eli suunnittelet käyttöliittymällä käyttöliittymiä :D)) tai tekstipohjainen (esim. komentopaneeli)

Katso myös: Komentopaneeli/terminaali

Web Content Accessibility Guidelines: joukko ohjeita, jotka auttaa tekemään nettisisällöstä kaikille saavutettavaa

Sivun ulkoasun ja sisällön muuttuminen eri kokoisille näytöille. Tästä vastaa CSS

versionhallintajärjestelmä ohjelmisto; kun teet koodia, siitä tehdään ensin yksi versio, seuraavaan parannellaan jotain, seuraavaan taas jotain jne. On hyvä, että kaikki versiot ovat tallessa, jos vaikka jotain menee pieleen. GIT säilyttää versiot ja auttaa niiden hallinnassa! Kun moni työskentelee saman koodin kanssa, on kätevää, että kaikki eivät suoraan muuta koodia GIT:iin vaan voivat ensin omassa ympäristössään työskennellä rauhassa, varmistaa, että koodi toimii ja viedä sen sitten versiojärjestelmään muiden saataville

Katso myös: Repositorio, Push/pull

Tekstipohjainen käyttöliittymä tietokoneen kanssa toimimiseen. Voit esim. liikkua hakemistoista/kansioista toiseen, asentaa niihin tavaraa, poistaa niistä tavaraa tai ajaa niissä olevia ohjelmistoja lyhyillä käskyillä

Katso myös: UI, Hakemisto

Tietokansio, johon voi tallentaa kooditiedostoja ja muita projektin tiedostoja. Voi olla esim. GIT:ssä tai paikallisesti omalla koneella. Pitää koneella sekä GIT:ssä myös kirjaa versiotiedoista sisältöjen lisäksi

Katso myös: GIT, Commit, Push/pull

“Sitoumus”; laitat muokkaamasi koodin paikalliseen repositorioosi

Katso myös: Repositorio

Siirrät paikallisessa ympäristössäsi tekemät muutokset yleiseen repositorioon, joka voi olla vaikka version.aalto.fi:ssä tai git hubissa

Katso myös: GIT, Repositorio

Ohjelma (esim. verkkosivu) siirretään omasta työskentely-ympäristöstä (esim. Vs Code) muiden saataville (esim. ‘insert se miten tehdään kurssilla’)

kokoelma koodia/yksinkertaistettuja tapoja rakentaa ohjelmia, jotta kaikkea ei aina tarvitse koodata ihan alusta alkaen. Vrt. scalan korkean tason käskyt esim. map() tai forEach()

Tapa rakentaa ohjelmaa. Määrittelee peruspilarit tekemiselle, kuten erilaisia komponentteja ja rakenteita, sääntöjä ja toimintoja. Esim. React

Miten kirjoittaa koodia niin, että tietokone ymmärtää sen, eli esim. mihin laitat sulut, pisteet jne. Esim. et voi Scalassa kirjoittaa println“moi” vaan on kirjoitettava println(“moi”)

CSS:n tapa järjestellä verkkosivun sisältöjen paikkoja joustavasti

Viittaa siihen, että kaikkea ei suoritetakkaan absoluuttisessa asetetussa järjestyksessä, vaan tietty osa koodia voidaan asettaa asynkroniseksi, jolloin se suoritetaan eri aikataululla ja muu koodin suoritus voi esimerkiksi jatkua, vaikka tämä osio jäisi taustalla suorittumaan

Pyörittää Javascriptiä ikään kuin selain, mutta muualla, jotta Javascriptiä voidaan käyttää myös backend koodaukseen

palvelin; vähän niinkun “tietokone” muttei välttämättä fyysinen; looginen rakennelma. Suorittaa siltä pyydettyjä aktiviteettaja esim. laskee, lähettää dataa jne. Rakennelma voi olla esim datakeskuksessa tai cloudissa (jotka toki pohjimmiltaan ovat myös datakeskuksissa)

Tietokoneen tapa järjestää tietoa, jotta se pystyy esim. hakemaan niitä tehokkaasti. Voi ajatella esim. kansioina, joiden sisällä on sisältö tai/ja uusia kansioita

Katso myös: Komentopaneeli/terminaali, URL

Tapa, jolla verkkosivun sisältö järjestellään selaimelle ymmärrettäväksi rakenteeksi. Se siis ikään kuin kertoo, miten eri osat liittyvät toisiinsa ja miten käsitellä niitä. Esim. <head> osion sisällä voi olla <title> osio. Osista puhutaan solmuina ja rakenteesta voikin piirtää puukaavion.

Uniform Resource Locator: polku internetistä löytyvään hakemistoon. Vähän niinkuin reittiohjeet tiettyyn osoitteeseen jollain palvelimella, josta tietyn verkkosivun tiedot löytyvät

Katso myös: Hakemisto

Localhost on lokaali verkko-osoite, jolla pystyt ajamaan omalla koneellasi internettiä vaativaa palvelua esim. lokaalia verkkokehitystä. Näin et joudu hostaamaan palvelua verkossa, kun teet kehitystyötä.

tunniste, yksilöllinen “osoite”, jolla laite tunnistetaan internetissä tai paikallisessa verkossa

Protokolla, eli määritelty tapa, jolla tietokoneet kommunikoivat keskenään, eli esim. pyytävät toisiltaan tietoja ja lähettävät toisilleen tietoja. Kun avaat verkkosivun, koneesi tekee https-pyynnön jollekin palvelimelle saadakseen sivun html, css yms. muut tiedot

Ohjelmointirajapinta, joka mahdollistaa kahden ohjelman tai ohjelmiston osan välisen kommunikoinnin, eli toinen ohjelma voi esim. jakaa toiselle tietoja

Tiedon mittaamista ja keräämistä etäältä. Mittaustulokset lähetetään automaattisesti toiseen paikkaan analysointia ja seurantaa varten. Sovellukset keräävät käyttötilastoja ja virheilmoituksia kehittäjille.