13. Technologie na straně klienta: DHTML, DOM a jeho komponenty. CSS – preprocesory a frameworky. JavaScript – knihovny a frameworky, AJAX, JSON

Question 1

Technologie na straně klienta

Answer 1

technologie na zařízení uživatele

umožňují uživatelům přístup k webovým stránkám, aplikacím a dalším online službám

používají se pro tvorbu interaktivních webových aplikací, které běží na straně klienta (v prohlížeči uživatele)

Question 2

DHTML

Answer 2

Dynamic HTML

Umožňuje vytvářet dynamické efekty, jako jsou například animace a změny obsahu stránky bez nutnosti načítání nové stránky

Question 3

DOM

Answer 3

Document Object Model

Programovací rozhraní pro webové stránky, které umožňuje programům a skriptům manipulovat s obsahem HTML nebo XML dokumentů

Každý element dokumentu (např.: <p>, <div>) je reprezentován objektem v DOM, který lze upravovat (měnit jeho obsah, styl nebo vlastnosti)

DOM umožňuje vytvářet interaktivní webové stránky, které mohou reagovat na uživatelské vstupy nebo
změny stavu

DOM je NEZÁVISLÝ na programovacím jazyku a může být použit v různých jazycích, jako jsou JavaScript, Java, PHP nebo Python

Question 4

CSS

Answer 4

Cascading Style Sheets

Jazyk používaný k popisu vzhledu a formátování webových stránek napsaných v jazycích HTML

Určený k definici stylů HTML elementů pomocí selektorů, jako jsou barvy, velikosti, písma, okraje aj.

Umožňuje oddělení vzhledu od struktury stránky

Question 5

CSS - Preprocesory

Answer 5

Nástroje, které rozšířují syntaxi CSS kódu

Rozšiřují jazyk o funkce, která nejsou v běžném CSS k dispozici (proměnné, podmínky, cykly,
matematické operace)

Výrazně usnadňují práci s kódem a zvyšují jeho přehlednost

Jelikož webové prohlížeče podporují pouze standardní jazyk CSS, musejí se tyto preprocesory do CSS přikládat

Question 6

CSS - Frameworky

Answer 6

Sady předpřipravených stylů a kódů, poskytující hotové řešení pro design a responzivní layout

Výrazně usnadňují, urychlují a zefektivňují tvorbu webových stránek

Většinou obsahují definice pro typografii, utility, tabulky, formuláře, tlačítka, navigace, modální okna a další

Question 7

JavaScript

Answer 7

Objektově orientovaný jazyk skriptovací jazyk, který se používá především na webových stránkách pro interaktivitu, animace a dynamickou manipulaci s obsahem stránky

JavaScript se spouští v prohlížeči na straně uživatele (klienta) a umožňuje skriptovat webové stránky, přidávat
funkce, upravovat formuláře a další

Mimo webové stránky se v JavaScriptu mohou psát také desktopové a mobilní aplikace, hry aj.

JavaScript je také často používán v kombinaci s dalšími technologiemi, jako jsou CSS a HTML, pro tvorbu
moderních webových stránek

Syntaxe vychází z jazyků C/C++/Java, avšak principiálně a funkčně se značně liší

I přes to, že byl vytvořen pro běh na straně klienta, jej lze využívat i na straně serveru (Node.js)

Question 8

JavaScript - Knihovny

Answer 8

Knihovny jsou soubory předem napsaného kódu, který může být použit v různých projektech

Umožňují programátorům snadno a rychle vyvíjet webové stránky nebo aplikace

Nejpopulárnější knihovny – React, Angular, Vue.js nebo JQuery usnadňující práci s DOM

Question 9

JavaScript - Frameworky

Answer 9

Kolekce předem napsaného kódu, který poskytuje programátorům hotovou kostru pro tvorbu webových aplikací

Frameworky obsahují mnoho funkcí, které zjednodušují a zrychlují vývoj webových aplikací

Nejpopulárnější frameworky – React, Angular, Vue.js, Ember.js

Question 10

AJAX

Answer 10

Asynchronous JavaScript and XML

Technologie, která umožňuje webovým stránkám komunikovat s webovým serverem bez potřeby načítání znovu celé stránky

Umožňuje posílat a přijímat data asynchronně, což znamená, že uživatelé mohou interagovat s webovou stránkou bez zbytečného zpoždění

AJAX může být použit pro komunikaci s webovým serverem pomocí metod GET, POST, PUT a DELETE

Question 11

JSON

Answer 11

JavaScript Object Notation

Datový formát, který se používá pro přenos dat mezi serverem nebo webovými aplikacem

Jedná se o způsob kódování dat, který umožňuje jednoduchý zápis datových struktur
- Objektů, pole, řetězců, čísel a booleovských hodnot

JSON se stal populárním kvůli své jednoduchosti a univerzálnosti

Data jsou zapsána jako páry klíč-hodnota, klíče jsou řetězce a hodnoty mohou být objekty, pole, řetězce, čísla nebo booleovské hodnoty

JSON je snadno čitelný pro člověka a také snadno zpracovatelný pro stroje