😈VJP Sanakirja😈

Tämä sanakirja avaa kurssilla käytettävää slangia selkokieleksi.

Design

wireframe	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?
UX	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
UI	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)
WCAG	Web Content Accessibility Guidelines: joukko ohjeita, jotka auttaa tekemään nettisisällöstä kaikille saavutettavaa
responsiivisuus	Sivun ulkoasun ja sisällön muuttuminen eri kokoisille näytöille. Tästä vastaa CSS

GIT

Sana	Selitys
GIT	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
Komentopaneeli/terminaali	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ä
Repositorio	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
Commit	“Sitoumus”; laitat muokkaamasi koodin paikalliseen repositorioosi
Push/pull	Siirrät paikallisessa ympäristössäsi tekemät muutokset yleiseen repositorioon, joka voi olla vaikka version.aalto.fi:ssä tai git hubissa

Koodaus

deployaaminen	Ohjelma (esim. verkkosivu) siirretään omasta työskentely-ympäristöstä (esim. Vs Code) muiden saataville (esim. ‘insert se miten tehdään kurssilla’)
kirjasto	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()
framework	Tapa rakentaa ohjelmaa. Määrittelee peruspilarit tekemiselle, kuten erilaisia komponentteja ja rakenteita, sääntöjä ja toimintoja. Esim. React
syntaksi	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”)
responsiivisuus	Katso design
Flexbox	CSS:n tapa järjestellä verkkosivun sisältöjen paikkoja joustavasti
Asynkroonisuus	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
Node.js	Pyörittää Javascriptiä ikään kuin selain, mutta muualla, jotta Javascriptiä voidaan käyttää myös backend koodaukseen

Yleinen verkkoliikenne, tietorakenne ja apit

serveri	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)
Hakemisto	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
DOM-puu	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. osion sisällä voi olla osio. Osista puhutaan solmuina ja rakenteesta voikin piirtää puukaavion.
URL	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
Localhost	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ä.
IP-osoite	tunniste, yksilöllinen “osoite”, jolla laite tunnistetaan internetissä tai paikallisessa verkossa
http/https	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
Api	Ohjelmointirajapinta, joka mahdollistaa kahden ohjelman tai ohjelmiston osan välisen kommunikoinnin, eli toinen ohjelma voi esim. jakaa toiselle tietoja