Materjalid koostas ja kursuse viib läbi
Tartu Ülikooli arvutiteaduse instituudi informaatika didaktika töörühm
| < eelmine | 4. OSA sisukord | järgmine > |
4.3 Silmaring. Veebirakendused
Veebirakendus on veebibrauseri kaudu kasutatav tarkvararakendus. Erinevalt tavalisest veebilehest, mille peamine eesmärk võib olla info esitamine, võimaldab veebirakendus kasutajal tavaliselt aktiivselt tegutseda, näiteks saata e-kirju, teha oste, sisestada ja töödelda andmeid, mängida mänge või täita veebipõhiseid vorme. Veebirakenduste loomisel kasutatakse sageli selliseid tehnoloogiaid nagu HTML, CSS ja JavaScript.
HTML (ingl Hypertext Markup Language) on märgendikeel (mitte programmeerimiskeel!), mille abil saab kirjeldada veebilehe sisu ja struktuuri. HTML-i abil määratakse näiteks pealkirjad, tekstilõigud, pildid ja lingid. Järgmine HTML-kood loob lihtsa veebilehe osa, mis sisaldab pealkirja (h1) "Tere!":
… <body> <h1>Tere!!</h1> </body> …
CSS (ingl Cascading Style Sheets) on keel, mida kasutatakse veebilehtede kujunduse ja välimuse määramiseks. Põhimõtteliselt aitab CSS teha veebilehe ilusamaks ja paremini kujundatuks. Mõtle sellele nagu riiete valimisele. HTML on nagu keha struktuur, mis ütleb, kus on pea, käed ja jalad. CSS on aga nagu riietumine – see määratleb, millised värvid, kujundused ja stiilid kehale peale pannakse. See CSS-kood määratleb stiili kahele HTML elemendile: <body> ja <h1>.
body {
background-color: lightblue;
}
h1 {
color: navy;
}
JavaScript on programmeerimiskeel, mis aitab muuta veebilehed dünaamiliseks. JavaScript võimaldab näiteks reageerida kasutaja tegevustele, muuta veebilehe sisu, kontrollida vormidesse sisestatud andmeid ja suhelda serveriga. Kui näed veebilehel interaktiivset vormi, avanevat menüüd või sisu, mis muutub vastavalt kasutaja tegevusele, kasutatakse selleks sageli JavaScripti.
Allikas: https://www.linkedin.com/pulse/fundamental-elements-web-development-html-css-anass-essadikine-byn7e/
Nende tehnoloogiate kasutamine on nähtav brauseris ja need sobivad tavalise veebilehe loomiseks, kuid veebirakenduse struktuur ei ole nii lihtne.
HTML ja CSS ning sageli JavaScript moodustavad veebirakenduse kliendipoolse osa (ingl front end). Järgmisena tuleb serveripoolne (ingl back end) loogika, mis on vastutav andmete töötlemise eest serveris. See võib hõlmata andmebaasiga suhtlemist, kasutajate autentimist ja teisi taustaülesandeid. JavaScripti saab lisaks brauserile kasutada ka serveripoolses programmeerimises. Veebirakenduses kasutatakse sageli ka andmebaasi, kuhu salvestatakse andmed, mida veebirakendus kasutab. Seal võivad olla näiteks kasutajate andmed, tekstid, pildid jne. Andmebaas on nagu maja kelder, kus hoitakse kõike, mida vajad. Allpool on toodud lihtne illustratsioon sellest, kuidas veebirakendus töötab.
Veebirakenduste arendamine hõlmab sageli probleemide lahendamist ja loomingulist mõtlemist. Arendajad peavad leidma efektiivseid viise, kuidas lahendada tehnilisi väljakutseid ja kohandada oma lähenemist vastavalt erinevatele olukordadele, mis omakorda aitab tulevikus tööd leida ja karjääris edeneda.
ALLIKAD
- https://et.wikipedia.org/wiki/HTML
- https://et.wikipedia.org/wiki/CSS
- https://et.wikipedia.org/wiki/JavaScript
- https://www.linkedin.com/pulse/fundamental-elements-web-development-html-css-anass-essadikine-byn7e/
Materjali koostas Karolina Samasev. Kohendatud kursuse korraldajate poolt.
| < eelmine | 4. OSA sisukord | järgmine > |