Hyppää sisältöön
    • Suomeksi
    • På svenska
    • In English
  • Suomi
  • Svenska
  • English
  • Kirjaudu
Hakuohjeet
JavaScript is disabled for your browser. Some features of this site may not work without it.
Näytä viite 
  •   Ammattikorkeakoulut
  • Vaasan ammattikorkeakoulu
  • Opinnäytetyöt (Avoin kokoelma)
  • Näytä viite
  •   Ammattikorkeakoulut
  • Vaasan ammattikorkeakoulu
  • Opinnäytetyöt (Avoin kokoelma)
  • Näytä viite

Web-käyttöliittymän toteutus Reactilla

Järvinen, Topi (2023)

 
Avaa tiedosto
Jarvinen_Topi.pdf (599.1Kt)
Lataukset: 


Järvinen, Topi
2023
Näytä kaikki kuvailutiedot
Julkaisun pysyvä osoite on
https://urn.fi/URN:NBN:fi:amk-2023100426848
Tiivistelmä
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ä.
Kokoelmat
  • Opinnäytetyöt (Avoin kokoelma)
Ammattikorkeakoulujen opinnäytetyöt ja julkaisut
Yhteydenotto | Tietoa käyttöoikeuksista | Tietosuojailmoitus | Saavutettavuusseloste
 

Selaa kokoelmaa

NimekkeetTekijätJulkaisuajatKoulutusalatAsiasanatUusimmatKokoelmat

Henkilökunnalle

Ammattikorkeakoulujen opinnäytetyöt ja julkaisut
Yhteydenotto | Tietoa käyttöoikeuksista | Tietosuojailmoitus | Saavutettavuusseloste