...

JavaScript on yksi web-hostingin kolmesta suuresta: sen lisäksi, että HTML (sivurakenne) ja CSS (esitystapa), objektikeskeinen ohjelmointikieli tarjoaa sisällön dynaamisoinnin. JavaScriptiä ei kuitenkaan voi käyttää vain sivujen suunnittelussa. Palvelinpuolen sovelluksia voidaan ohjata myös JavaScriptillä.

JavaScriptin alkuperä

Nimestään huolimatta JavaScriptillä ei ole juurikaan tekemistä Javan kanssa. Alun perin skriptikieli oli nimeltään LiveScript, ja Netscape kehitti sen Netscape Navigatorin ja Java-sovellusten (Java-asiakassovellusten) vuorovaikutusta varten. Koska JavaScript oli itse asiassa oma ohjelmisto, se oli kilpailutekijä yrityksille, kuten esimerkiksi Microsoft edustettuna. Nämä vastasivat JavaScriptin kehitykseen omilla ratkaisuillaan, kuten skriptikielellä JScript. Ajan mittaan JavaScript on kuitenkin vakiinnuttanut asemansa ensisijaisena skriptikielenä, jota kaikki selaimet tukevat nykyään, asiakaspuolen ja (lisäksi) php) palvelinpuolen dynamisointi.

Asiakaspuolen dynamisointi

JavaScriptin luultavasti käytetyin toiminto on mahdollisuus asiakaspuolen dynamisointiin. Asiakas on verkkoselain. Asiakaspuolen dynamisointi tarkoittaa, että asiakkaalle näytettävää konkreettista sisältöä muokataan. HTML on verkkosivuston rakenteen staattinen kuvaus, niin sanottu Document Object Model (DOM). CSS:ää (Cascading Style Sheets) käytetään tämän "luurangon" erilliseen suunnitteluun, mutta JavaScript tarjoaa mahdollisuuden siirtää, poistaa tai lisätä HTML-elementtejä.

Tätä DOM-käsittelyä (DOM-skriptausta) voidaan käyttää monin tavoin. Toiminnot sidotaan aluksi tiettyihin tapahtumiin niin sanottujen tapahtumankäsittelijöiden kautta. Nämä voivat olla käyttäjän klikkauksia, aikoja tai jopa verkkosivuston latautumista. Tapahtumapohjaiset muutokset voidaan sitten käynnistää HTML-elementteihin määritettyjen tunnusten avulla. Tähän voi sisältyä kaikkea yksinkertaisten dynaamisten lomakkeiden tai taulukkosuodattimien ohjelmoinnista videosoittimien tai monimutkaisten dynaamisten grafiikoiden upottamiseen.

JQuery: Vähemmän monimutkainen JavaScript

JavaScript on esimerkki oliokeskeisistä ohjelmointikielistä. Näin ollen kokemattomien verkkosuunnittelijoiden kynnys päästä alalle on suhteellisen korkea. JavaScript-kirjasto JQuery tarjoaa yksinkertaistetun syntaksin, joka mahdollistaa yleisimmät käyttötapaukset nopeasti ja helposti, rajoittamatta kuitenkaan JavaScriptin toiminnallisuutta (paljon). Vaikka JavaScript tarjoaa prototyyppien (luokkien sijaan), instanssien (konkreettisten objektien) ja metodien (objekteihin sidottujen funktioiden) määrittelynsä ansiosta samanlaista monimutkaisuutta ja muunneltavuutta kuin esimerkiksi Java tai Python, JQuery rajoittaa sanastoa ja rakenteita. Komennot ovat sisäkkäisiä, joten rakenne on ymmärrettävissä melko nopeasti. Jos kyseessä eivät ole monimutkaiset ja epätavalliset sovellukset, JQueryn yksinkertainen ratkaisu on siis hyvin todennäköisesti olemassa.

Palvelinpuolen dynamisointi: AJAX ja Node.js

DOM-käsittelyn lisäksi JavaScriptiä käytetään myös viestintään palvelimien kanssa, kuten tietokantakyselyihin. Vuodesta 2009 lähtien on ollut käytössä node.js, joka on kehys palvelinpuolen dynamisointiin JavaScriptillä. Tämä oli mahdollista jo ennen vuotta 2009, mutta node.js mahdollistaa helpomman integroinnin. Tämä on etu JavaScript-ohjelmoijille, sillä heidän ei enää tarvitse turvautua muihin kieliin, kuten php:hen. Lisäksi node.js mahdollistaa prosessien rinnakkaistamisen. Tämä on eduksi, koska liian monet näistä niin sanotuista säikeistä voivat johtaa pysähtymiseen. Node.js:ssä pyynnöt suoritetaan yhdessä säikeessä, mikä voi lisätä suorituskykyä merkittävästi.

Node.js on esimerkki AJAXin mahdollisuuksista. Lyhenne tarkoittaa menettelyä nimeltä Asynchronous JavaScript and XML. Tämä periaate mahdollistaa sisällön pyytämisen palvelimilta ilman, että koko sivua tarvitsee ladata uudelleen. Monille verkkopalveluille, kuten YouTubelle, täydellinen uudelleenlataus videopyyntöjen tai kommenttien lataamisen jälkeen olisi suuri haitta. AJAX on myös ratkaisu pyyntöjen kasaantumisen ongelmaan asynkronisen käsittelyn ansiosta, kuten edellä on selitetty Node.js:n osalta.

JavaScript-integraatio

JavaScriptin perusintegrointi verkkotarjontaan toimii täsmälleen samalla tavalla kuin CSS-tiedostojen yhdistäminen. Tähän on kaksi mahdollisuutta: Toisaalta JavaScriptiä voidaan käyttää HTML-dokumentin otsikossa ja toisaalta sen rungossa.

 

Nykyiset artikkelit

Uncategorized

Miksi latausajan optimointi tekee eron konversioihisi

Nykypäivän digitaaliaikana internetin käyttäjät odottavat salamannopeaa käyttökokemusta vieraillessaan verkkosivustolla. Pitkät latausajat eivät ainoastaan johda huonoon käyttökokemukseen, vaan ne voivat myös aiheuttaa