Elvileg minden weboldal 3 technológiára épül; HTML, CSS és Javascript. A HTML foglalkozik a webhely különböző alkotórészeinek sorrendjével, a CSS pedig a részek renderelésének módjával és Javascript összetett feladatok, például válasz a felhasználói műveletekre.
En korábbi cikkek Elmagyaráztuk, hogy ez egy CSS keretrendszer, és megadtuk a legjobbak listáját, amelyeket Linuxban használhatunk. Hogy a Javascript szerepét egy kicsit nehezebb megmagyarázni, egy kis bevezetést fogunk folytatni a témával, mielőtt kommentálnánk annak kereteit.
Javascript programozási nyelv. Egy kis bevezetés
Mi az a Javascript?
A Javascript az egy eredetileg a weboldalak statikus állapotának megakadályozására létrehozott programozási nyelv, bár napjainkban azokra az ágazatokra terjedt el, amelyeknek semmi közük a webhez.
La Javascriptben írt programokat szkripteknek nevezzük és egy Javascript motor néven ismert virtuális gép belsejében futnak.
Minden modern böngésző tartalmazza a Javascript motor verzióját
A felhasználók biztonsága érdekében a különböző böngészők korlátokat szabnak a Javascript-kód működésére. Például hozzáférés a lemez kritikus fájljaihoz. Ez azonban tovább korlátozható mindegyik konfigurációs beállításában.
A Javascript kód működése egy weboldalon a következő:
- A böngészőbe ágyazott Javascript motor beolvassa a kódot.
- A kód konvertálódik gépi nyelvre.
- A gép végrehajtja a kódot.
Programozási nyelvként a Javascript a következő feladatokat tudja végrehajtani:
- Tárolja az információkat a változókban.
- Kezelje a szöveges karakterláncokat.
- Futtasson programokat, amelyek reagálnak az eseményekre, például egy linkre kattintva.
A Javascript képességei nőnek Alkalmazás-programozási interfészek (API) használatával
Az API-k vannak meghatározott feladatokhoz létrehozott programkönyvtárak amelyek mentesítik a fejlesztőt a meglévő kód átírásától. A Javascript esetében kétféle APIS-ről beszélhetünk
Böngésző Api
A böngészőben futnak, és reagálnak a környezetre. Például:
Dokumentum objektum modell (DOM): Lehetővé teszi az oldal HTML és CSS kódjának módosítását bizonyos eseményekre reagálva. Ez azokról a webhelyekről szól, amelyek lehetővé teszik számunkra, hogy megnézzük, hogyan jelenne meg egy oldal a különböző eszközökön.
Geolocation APIa: A felhasználó helyének észlelésére és ennek megfelelő reagálásra szolgál. Például a Netflix arra használja, hogy megtudja, milyen tartalmat láthat az országában vagy a Google Maps, hogy megmutassa, hol tartózkodik.
Vászon és WebGL: Ideálisak a 2d és a 3D grafika ábrázolásához
Multimédia API-k: Lehetővé teszik multimédiás tartalom továbbítását és fogadását egy weboldalról.
Harmadik fél API-k
A különböző webszolgáltatások igyekeznek minél több felhasználót szerezni (és egyes esetekben több információt kapnak az adott felhasználóktól az eladáshoz) hozzon létre programozási felületeket, hogy a fejlesztők integrálhassák a funkciókat amelyet ezek a szolgáltatások külső oldalaknak nyújtanak. Ez vonatkozik például azokra a weboldalakra, amelyek lehetővé teszik, hogy regisztráljon Google vagy Facebook fiókjába.
Hogyan működik a Javascript kód egy weboldalon belül
Először is tisztázni kell azt minden javascript szkript a saját futási környezetében fut. Minden fülhöz van végrehajtási környezet (ha különböző webhelyeket nyitunk meg ugyanazon az ablakon belül) vagy különféle ablakokhoz, ha úgy tetszik. Semmilyen esetben nem állnak kapcsolatban egymással, vagy, mint mondtuk, az operációs rendszerrel a felhasználó aktív beavatkozása nélkül.
Első se betölti a weboldal HTML kódját és létrehozzák a dokumentum objektummodelljét, hogy az megjelenhessen a böngészőben. Ezután a csatolandó elemeket betöltjük az oldalra média-, kép- és stíluslapként. Végül a stílusokat az oldal különböző részeihez rendelik ahogy a stíluslapok meghatározzák.
Miután mindez befejeződött, akkor indul a Javascript motor a fent említett sorrendet követve.
Következő cikkünkben a Javascript kereteinek ígért listáját mutatjuk be.