| dc.contributor.author | Järvinen, Topi | |
| dc.date.accessioned | 2023-10-05T07:41:07Z | |
| dc.date.available | 2023-10-05T07:41:07Z | |
| dc.date.issued | 2023 | - |
| dc.identifier.uri | http://www.theseus.fi/handle/10024/807539 | |
| dc.description.abstract | ReactJS on suosittu JavaScript-kirjasto, jota käytetään käyttöliittymän rakentamiseen verkkosovelluksissa. Opinnäytetyön tavoitteena on syventyä Reactin keskeisiin ominaisuuksiin ja toteuttaa web-käyttöliittymä.
Teorian osassa käsitellään frontend-teknologian ja Reactin keskeisiä teknologioita ja ominaisuuksia. Käsiteltäviin teknologioihin sisältyy DOM, HTML, CSS, JavaScript, versionhallintajärjestelmät, sekä ReactJS ja sen keskeiset ominaisuudet.
Käytännön osassa toteutetaan Moonfang, videopeliohje- ja uutissivusto, keskittyen käyttöliittymään. Opinnäytetyössä kuvaillaan sivun toteutuksen eri vaiheita ja Reactin ominaisuuksia kehitystyössä. Työssä hyödynnetään Reactin koukkuja (hookseja), komponenttipohjaisuutta sekä erikseen asennettavia React-kirjastoja, React Routersia navigointia varten, ja React-popups on käytössä popup-ikkunoita varten.
Lopputuloksena syntyi teos frontend-kehityksen ja Reactin keskeisistä teknologioista ja ominaisuuksista ja verkkosivusto Moonfang toimivalla käyttöliittymällä. | - |
| dc.language.iso | fin | - |
| dc.rights | CC BY 4.0 | - |
| dc.title | Web-käyttöliittymän toteutus Reactilla | - |
| dc.type.ontasot | fi=AMK-opinnäytetyö|sv=YH-examensarbete|en=Bachelor's thesis| | - |
| dc.identifier.urn | URN:NBN:fi:amk-2023100426848 | - |
| dc.subject.degreeprogram | fi=Tietojenkäsittely|sv=Informationsbehandling|en=Business Information Technology| | - |
| dc.subject.yso | JavaScript | - |
| dc.subject.yso | käyttöliittymät | - |
| dc.subject.yso | WWW-sivut | - |
| dc.subject.yso | Internet | - |
| dc.subject.yso | CSS | - |
| dc.subject.yso | HTML | - |
| dc.subject.yso | WWW | - |
| dc.subject.yso | ohjelmointi | - |
| dc.subject.yso | sovellusohjelmat | - |
| dc.subject.yso | ohjelmointikielet | - |
| dc.subject.discipline | Tietojenkäsittely, tradenomi | - |
| annif.suggestions.links | http://www.yso.fi/onto/yso/p840|http://www.yso.fi/onto/yso/p1295|http://www.yso.fi/onto/yso/p4050|http://www.yso.fi/onto/yso/p20405|http://www.yso.fi/onto/yso/p10581|http://www.yso.fi/onto/yso/p9170|http://www.yso.fi/onto/yso/p10582|http://www.yso.fi/onto/yso/p4887|http://www.yso.fi/onto/yso/p8456|http://www.yso.fi/onto/yso/p162 | fi |
