Online informativni dan 26. 11. 2026 ob 18.00 – študij ob delu, cena, štipendije. Rezervirajte mesto →
Academia
Diplomsko delo 2021Medijska produkcijadizajn · prednji del · razvoj spletne strani

Razvoj spletne strani z ogrodjem React

Osnova vsake spletne strani so tehnologije HTML, CSS in JavaScript, zato bodo opisali njihovo delovanje in jih podrobneje predstavili.

Blaž Petekdiplomant, Medijska produkcija · zagovor junij 2021Mentor: Matej Butala · mentor v podjetju: Miha Jerot
VrstaDiplomsko deloMedijska produkcija
Področjedizajn, prednji del, razvoj spletne strani
MentorMatej Butalamentor v podjetju: Miha Jerot
Obseg31 straniPDF 1,61 MB
ZagovorJunij 2021objavljeno 29. 6. 2021
V 30 sekundah
Vprašanje

Končni cilj diplomskega dela je podrobno spoznati ogrodje ReactJS in postaviti delujočo spletno stran, ki uporabnikom predlaga vsebine za ogled glede na filtre, ki jih so izbrali.

Metoda

Izvedli bodo tudi primerjavo med tremi trenutno najbolj priljubljenimi ogrodji JavaScript: Angular, Vue in ReactJS.

Ugotovitev

To pomeni, da opišete rezultat in ne načina, kako ga doseči.

V diplomskem delu bodo raziskali osnove razvoja prednjega oziroma začelnega (angl. frontend) in zalednega (angl. backend) dela spletnih strani. Osnova vsake spletne strani so tehnologije HTML, CSS in JavaScript, zato bodo opisali njihovo delovanje in jih podrobneje predstavili. Izvedli bodo tudi primerjavo med tremi trenutno najbolj priljubljenimi ogrodji JavaScript: Angular, Vue in ReactJS. To pomeni, da opišete rezultat in ne načina, kako ga doseči. Osnovni gradnik v ogrodju React je komponenta.

Zakaj je problem resničen

V diplomskem delu bodo raziskali osnove razvoja prednjega oziroma začelnega (angl. frontend) in zalednega (angl. backend) dela spletnih strani. Osnova vsake spletne strani so tehnologije HTML, CSS in JavaScript, zato bodo opisali njihovo delovanje in jih podrobneje predstavili.

Metoda

Izvedli bodo tudi primerjavo med tremi trenutno najbolj priljubljenimi ogrodji JavaScript: Angular, Vue in ReactJS. React.js je knjižnica JavaScript, ki se uporablja za upravljanje vidnega sloja spletnih aplikacij. Omogoča prilagodljivost glede orodij in arhitekture.

Zaradi razvite skupnosti uporabnikov in podpore večjih podjetij je React zanesljiv. Razvijalci začelnega dela se uporabo ogrodja React naučijo hitreje in ga aktivno implementirajo. Koda ogrodja React je napisana v jezikih JavaScript in JSX.

Koda napisana deklarativno.

Kaj je nastalo

To pomeni, da opišete rezultat in ne načina, kako ga doseči. Osnovni gradnik v ogrodju React je komponenta. To razvijalcem omogoča ponovno uporabo kode, učinkovitejše testiranje, nadgrajevanje in vzdrževanje aplikacije.

Deklarativna koda in komponente sta glavni značilnosti ogrodja Reacta. Ker bodo ogrodje React uporabili tudi v diplomskem delu, ga bodo podrobneje opisali. Predstavili bodo vse korake razvoja spletnih strani, torej kako preiti od ideje do dizajna in na koncu do želenega izdelka.

Opisali bodo, katere elemente je potrebno uporabiti za oblikovanje strani, primerjali najbolj priljubljena ogrodja za razvoj in zapisali kodo. Danes se za ReactJS odloča večina spletnih razvijalcev. Razlog za to je, da ponuja zelo bogato knjižnico JavaScript.

Knjižnica JavaScript omogoča razvijalcem spleta večjo prilagodljivost, da lahko izberejo želeni način. Končni cilj diplomskega dela je podrobno spoznati ogrodje ReactJS in postaviti delujočo spletno stran, ki uporabnikom predlaga vsebine za ogled glede na filtre, ki jih so izbrali. Sama spletna stran bo na voljo za ogled na spletnem naslovu: https://imbored.tv/.

Prenesite diplomsko delo31 strani · PDF 1,61 MB
Petek, B. (2021). Razvoj spletne strani z ogrodjem React. Diplomsko delo, Academia, višja strokovna šola, Maribor.
Prenesite PDF
dizajnprednji delrazvoj spletne straniReactzaledni sistem
Development of a Website Using the React FrameworkIn the diploma thesis, they will explore the fundamentals of developing the front-end and back-end parts of websites. The foundation of every website consists of HTML, CSS and JavaScript technologies, which is why they will describe their functioning and present them in detail.

Objavljeno 29. 6. 2021 · licenca CC BY-NC 4.0 (besedilo in PDF diplomskega dela; fotografije in videi © Academia) · izvirna objava: academia.si.

Iz dela

Slike, sheme in zaslon

Zaslon z React kodo za razvoj spletne straniZaslon z React kodo za razvoj spletne straniSimbolična fotografija (Pixabay, Pexels)
Sorodni projekti

Še iz programa Medijska produkcija

Vsi diplomski projekti →
Vpis · Medijska produkcija

Želite v dveh letih narediti tak projekt?

Pustite e-pošto. V enem delovnem dnevu dobite osebni odgovor karierne svetovalke: ali je modul pravi za vas, kako se prizna vaša služba kot praksa in koliko stane – plus predmetnik, urnik in cenik.

Go Higher.
Osebni odgovor po e-pošti v enem delovnem dnevu. Brez spama; s pošiljanjem se strinjate s politiko zasebnosti.
Preden greste

Pošljemo vam predmetnik, potek študija ter možnosti financiranja in štipendij.

Brez klicev, brez spama. Ena e-pošta z vsem, kar potrebujete za odločitev, in povabilom na predavanje.

S pošiljanjem se strinjate, da vas Academia kontaktira po e-pošti ali telefonu. Zasebnost · odjava kadar koli.