V zásadě je každá webová stránka postavena na základě 3 technologií; HTML, CSS a Javascript. HTML se zabývá uspořádáním různých komponentních částí webu, CSS způsobem jejich vykreslení a Javascript složité úkoly, jako je reakce na akce uživatelů.
En předchozí články Vysvětlili jsme, že se jednalo o rámec CSS, a dali jsme seznam nejlepších, které můžeme v Linuxu použít. Jak je role Javascriptu trochu obtížnější vysvětlit, uděláme malý úvod do předmětu, než začneme komentovat jeho rámce.
Programovací jazyk Javascript. Malý úvod
Co je Javascript?
Javascript je programovací jazyk původně vytvořený tak, aby zabránil statickým webovým stránkám, i když se dnes jeho použití rozšířilo do sektorů, které s webem nemají nic společného.
Lprogramy napsané v JavaScriptu se nazývají skripty a běží uvnitř virtuálního stroje známého jako Javascript engine.
Všechny moderní prohlížeče obsahují svou verzi enginu Javascript
Pro bezpečnost uživatelů různé prohlížeče omezují možnosti kódu Javascript. Například přístup k důležitým souborům na disku. To však může být dále omezeno v možnostech konfigurace každého z nich.
Fungování kódu Javascript na webové stránce je následující:
- Javascript engine zabudovaný do prohlížeče přečte kód.
- Kód je převeden do strojového jazyka.
- Stroj provede kód.
Jako programovací jazyk může Javascript provádět následující úkoly:
- Ukládejte informace do proměnných.
- Zpracovat textové řetězce.
- Spouštějte programy reagující na události, jako je kliknutí na odkaz.
Zvyšují se možnosti Javascript prostřednictvím použití aplikačních programovacích rozhraní (API)
API jsou programové knihovny vytvořené pro konkrétní úkoly které osvobozují vývojáře od nutnosti přepsat stávající kód. V případě Javascript můžeme hovořit o dvou typech APIS
Prohlížeč Api
Běží uvnitř prohlížeče a reagují na prostředí. Máme například:
Model objektu dokumentu (DOM): Umožňuje provádět úpravy kódu HTML a CSS stránky v reakci na určité události. To je případ webů, které nám umožňují zjistit, jak by se stránka zobrazila na různých zařízeních.
Geolokační APIa: Používá se k detekci polohy uživatele a odpovídajícím způsobem reagovat. Například Netflix jej používá k tomu, aby zjistil, jaký obsah můžete vidět ve své zemi, nebo Mapy Google, aby vám ukázal, kde jste.
Plátno a WebGL: Jsou ideální pro vykreslování 2D a 3D grafiky
Multimediální API: Umožňují přenos a příjem multimediálního obsahu z webové stránky.
Rozhraní API třetích stran
Různé webové služby se snaží získat více uživatelů (a v některých případech více informací od těchto uživatelů k prodeji). Proto vytvářet programovací rozhraní, aby vývojáři mohli integrovat funkce že tyto služby poskytují externím webům. To je například případ těch webových stránek, které umožňují registraci pomocí účtu Google nebo Facebook.
Jak funguje kód Javascript na webových stránkách
Nejprve je třeba objasnit, že každý skript javascript běží ve svém vlastním běhovém prostředí. Pro každou kartu existuje prostředí pro provádění (pokud otevíráme různé weby ve stejném okně) nebo pro jiná okna, pokud dáváme přednost. V žádném případě nejsou vzájemně propojeny nebo, jak jsme řekli, s operačním systémem bez aktivního zásahu uživatele.
První se načte HTML kód webové stránky a vytvoří se objektový model dokumentu, aby jej bylo možné zobrazit v prohlížeči. Poté se načtou položky, které mají být připojeny na stránku jako média, obrázky a šablony stylů. Nakonec jsou styly přiřazeny různým částem stránky jak určují šablony stylů.
Jakmile je vše hotovo, nastane spuštění modulu Javascript podle výše uvedené sekvence.
V našem dalším článku pojednáme o slíbeném seznamu rámců pro Javascript.