JavaScript

JavaScript je eden od treh velikih orodij spletnega gostovanja: poleg HTML (struktura strani) in CSS (predstavitev), objektno usmerjeni programski jezik pa omogoča dinamizacijo vsebine. JavaScript pa ni uporaben le pri oblikovanju strani. Aplikacije na strani strežnika lahko upravljate tudi z JavaScriptom.

Izvori JavaScript-a

Kljub imenu ima JavaScript le malo skupnega z Javo. Prvotno se je skriptni jezik imenoval LiveScript, razvil pa ga je Netscape za interakcijo brskalnika Netscape Navigator z javanskimi programčki (odjemalske aplikacije Java). Ker je JavaScript dejansko lastniška programska oprema, je predstavljal konkurenčni dejavnik za podjetja, kot so Microsoft zastopani. Ti so se na razvoj JavaScripta odzvali z lastnimi rešitvami, kot je skriptni jezik JScript. Vendar se je JavaScript sčasoma uveljavil kot glavni skriptni jezik, ki ga zdaj podpirajo vsi brskalniki, za uporabo na strani odjemalca in (poleg php) dinamizacija na strani strežnika.

Dinamizacija na strani odjemalca

Verjetno najbolj uporabljena funkcija JavaScripta je možnost dinamizacije na strani odjemalca. Odjemalec je spletni brskalnik. Dinamizacija na strani odjemalca pomeni, da se spreminja konkretna vsebina, ki je prikazana v odjemalcu. HTML je statični opis strukture spletnega mesta, tako imenovani objektni model dokumenta (DOM). Medtem ko se CSS (Cascading Style Sheets) uporablja za ločeno oblikovanje tega "skeleta", JavaScript ponuja možnost premikanja, brisanja ali dodajanja elementov HTML.

To manipuliranje z DOM (pisanje scenarijev DOM) je mogoče uporabiti na več načinov. Funkcije so sprva vezane na določene dogodke s tako imenovanimi obdelovalci dogodkov. To so lahko kliki uporabnika, časi ali celo nalaganje spletnega mesta. Spremembe, ki temeljijo na dogodkih, lahko nato sprožite z ID-ji, dodeljenimi elementom v jeziku HTML. To lahko vključuje vse od programiranja preprostih dinamičnih obrazcev ali filtrov tabel do vgrajevanja predvajalnikov videoposnetkov ali zapletenih dinamičnih grafik.

JQuery: Manj zapleten JavaScript

JavaScript je primer objektno usmerjenih programskih jezikov. Zato je vstopni prag za neizkušene spletne oblikovalce razmeroma visok. Knjižnica JavaScript JQuery ponuja poenostavljeno sintakso, ki ne omejuje funkcionalnosti JavaScripta (v veliki meri) in omogoča hitro in enostavno uporabo najpogostejših primerov uporabe. Medtem ko je JavaScript z opredelitvijo prototipov (namesto razredov), instanc (konkretnih objektov) in metod (funkcij, vezanih na objekte) podobno zapleten in spremenljiv kot na primer Java ali Python, JQuery omejuje besedišče in strukture. Ukaze je mogoče gnezditi, zato lahko strukturo hitro razumete. Če torej ne gre za zapletene in nenavadne aplikacije, je zelo verjetno, da obstaja preprosta rešitev v JQueryju.

Dinamizacija na strani strežnika: AJAX in Node.js

Poleg manipulacije z DOM se JavaScript uporablja tudi za komunikacijo s strežniki, na primer za poizvedbe po zbirki podatkov. Od leta 2009 je na voljo node.js, ogrodje za dinamizacijo na strani strežnika z JavaScriptom. To je bilo mogoče že pred letom 2009, vendar node.js omogoča lažjo integracijo. To je prednost za programerje v javascriptu, saj jim ni treba več uporabljati drugih jezikov, kot je php. Poleg tega node.js omogoča tudi vzporejanje procesov. To je prednost, saj lahko preveč teh tako imenovanih niti povzroči zastoj. V node.js se zahteve izvajajo v eni sami niti, kar lahko znatno poveča zmogljivost.

Node.js je primer možnosti AJAX-a. Akronim pomeni postopek, ki se imenuje asinhroni JavaScript in XML. To načelo omogoča zahtevanje vsebine s strežnikov, ne da bi bilo treba ponovno naložiti celotno stran. Pri številnih spletnih ponudbah, kot je YouTube, bi bilo popolno ponovno nalaganje po zahtevkih za videoposnetke ali nalaganju komentarjev velika pomanjkljivost. AJAX je tudi rešitev za problem kopičenja zahtevkov zaradi asinhrone obdelave, kot je pojasnjeno zgoraj za Node.js.

Integracija JavaScript

Osnovna vključitev JavaScripta v spletne ponudbe deluje na popolnoma enak način kot povezava z datotekami CSS. Za to obstajata dve možnosti: Po eni strani se lahko JavaScript uporablja v glavi, po drugi strani pa v telesu dokumenta HTML.