Web ohjelmointi Flashcards
HTTP
protokolla, jota käytetään kommunikointiin web-sivujen välillä ja tiedon siirtämiseen verkossa
DOM
document object model, web sivun rakenteen representaatio, jonka avulla JS voi muuttaa sivun sisältöä ja rakennetta dynaamisesti
CSS
kieli, jota käytetään määrittelemäään web-sivujen ulkoasu ja sen ominaisuudet
AJAX
tekniikka web sivujen päivittämiseen ilman että koko sivua tarvitsee ladata uudelleen
SPA
web-sovellus joka toimii yhdellä HTML-sivulla ja dynaamisesti päivittää sisältöä käyttäjän toiminnan perusteella
Fullstack
viittaa fronendin ja backendin kehitykseen
React
JS-kirjasto, joka on suunniteltu rakentamaan käyttöliittymiä
Komponentti
itsenäinen, uudelleenkäytettävä osa käyttöliittymässä
JSX
JS laajennus, joka, mahdollistaa HTML:n käytön React-sovellusten sisällä
Node.js
JS ympäristö, joka mahdollistaa JS suorittamisen palvelimella
olio
kuvaa tietorakennetta, joka koostuu ominaisuuksista tai muuttujista
komponentin tila
React-komponentin sisäinen tila, joka voi muuttua ja vaikuttaa komponentin renderöintii
refaktorointi
koodin uudelleenjärjestelyä tai muokkaamista
destrukturointi
mahdollistaa tietorakenteiden purkamista pienempiin osiin
rederöinti
prosessi, jossa käyttöliittymän komponentit muunnetaan virtuaalisesta DOM:sta todelliseksi näkymäksi käyttäjälle
tapahtumankäsittelijä
Funktio, joka rekisteröityy kutsuttavaksi tiettyjen tapahtumien yhteydessä
moduuli
koodin organisaatioyksikkö, oma hakemisto
key-attribuutti
react-komponentin ominaisuus, joka auttaa tunnistamaan ja seuraamaan dynaamisesti luotuja komponentteja tai elementtejä
lomakkeen käsittely
prosessi, jolla käsitellään käyttäjän lomakkeille syöttämiä tietoja
axios
JS kirjasto, jota käytetään tekemään HTTP-pyyntöjä selaimen ja palvelimen välillä
npm
käytetään JS kirjastojen hallintaan ja jakeluun
promise
edustaa asynkronista toimintaa ja sen lopputulosta (odottaa, onnistunut, epäonnistunut)
effect-hook
hook-funktio, jota käytetään suorittamaan toimintoja komponentin elinkaaren eri vaiheissa, aiheuttaa sivun uudelleen renderöitymisen
express
node.js-web-sovelluskehys, joka helpottaa palvelimen kehitystä
nodemon
node.js-sovellus, joka valvoo tiedostonmuutoksi ja käynnistää uudelleen sovelluksen automaattisesti
middleware
Funktio, joiden avulla voidaan käsitellä request ja response olioita
same origin policy
rajoittaa JS pääsyä resursseihin eri alkuperästä
CORS
mahdollistaa verkkosivujen välisen kommunikoinnin
skeema
tietokannan rakenteen kuvaus
dokumenttitietokanta
tallentaa tietoja JSON-tyyppisesissä dokumenteissä
ympäristömuuttuja
muuttuja, joka on asetettu käyttöjärjestelmän ympäristöön ja jota voidaan käyttää sovelluksen konfigurointiin ja käyttäytymisen ohjaamiseen eri ympäristöissä
api
rajapinta, joka määrittelee, miten eri ohjelmistokomponentit voivat kommunikoida keskenään
RESTful API
suunnittelumalli, jota käytetään web-palveluiden rakentamiseen ja perustuu HTTP-protokollaan
JSON
tietomalli, jota käytetään tiedonsiirtoon selaimen ja palvelimen välillä