23 Flashcards
(4 cards)
popište html a html 5 api
HTML (Hyper Text Markup Language)
- Značkovací jazyk určený pro tvorbu webových stránek. Značkám se říká tagy a každý tag popisuje určitý druh obsahu. Jednotlivé elementy tvořené tagy mají atributy, díky kterým lze formátovat a upravovat vzhled stránky. První verze vznikla v roce 1991, nejnovější verze je HTML5 z roku 2014. Na začátek HTML stránky by se měl zadat tzv. doctype, který určuje verzi jazyka HTML použitou pro tvorbu dokumentu (v HTML5 <!DOCTYPE html>)
- Syntaxe HTML = <značka nazev_atributu=“hodnota“>obsah</značka>, tagy mohou být párové jako v ukázce, či napárové, které nemusí mít ukončovací tag <br></br>
- HTML5 = 5. hlavní verze HTML, nejedná se jen o verzi HTML, ale i o verzi CSS, JavaScript a HTML API. Vznikl jako tzv. Living Standard, tedy nikdy není dokončen, ale je stále aktualizován a vylepšován. Přidávají se nové funkcionality, ale zůstává zpětná kompatibilita.
- Novinky v HTML5 = Jednoduchý doctype a definice znakové sady, nové tagy (section, article, nav), nové formlářové prvky (number, time), nové grafické tagy (canvas, svg), nové multimediální tagy (audio, video). Nakonec také nové funkcionality API: Geolokace, Drag and Drop, lokální úložiště, cache aplikace, WebStorage.
Definuj HTML dom
HTML (Hyper Text Markup Language)
- Značkovací jazyk určený pro tvorbu webových stránek. Značkám se říká tagy a každý tag popisuje určitý druh obsahu. Jednotlivé elementy tvořené tagy mají atributy, díky kterým lze formátovat a upravovat vzhled stránky. První verze vznikla v roce 1991, nejnovější verze je HTML5 z roku 2014. Na začátek HTML stránky by se měl zadat tzv. doctype, který určuje verzi jazyka HTML použitou pro tvorbu dokumentu (v HTML5 <!DOCTYPE html>)
- Syntaxe HTML = <značka nazev_atributu=“hodnota“>obsah</značka>, tagy mohou být párové jako v ukázce, či napárové, které nemusí mít ukončovací tag <br></br>
- HTML5 = 5. hlavní verze HTML, nejedná se jen o verzi HTML, ale i o verzi CSS, JavaScript a HTML API. Vznikl jako tzv. Living Standard, tedy nikdy není dokončen, ale je stále aktualizován a vylepšován. Přidávají se nové funkcionality, ale zůstává zpětná kompatibilita.
- Novinky v HTML5 = Jednoduchý doctype a definice znakové sady, nové tagy (section, article, nav), nové formlářové prvky (number, time), nové grafické tagy (canvas, svg), nové multimediální tagy (audio, video). Nakonec také nové funkcionality API: Geolokace, Drag and Drop, lokální úložiště, cache aplikace, WebStorage.
popište html dom události
- Definuje DOM události onClick, onFocus, onBlur, onMouseOver, OnLoad, onChange, onKeyPress atd. Události jsou zpracovávny pomocí jazyka JavaScirpt, označíme si selectorem element u kterého chceme naslouchat na daný event a přiřadíme mu EventListener, ve kterém definujeme na jaký event chceme naslouchat. Pokud k eventu dojde, např naslucháme na kliknutí tlačítka a uživatel na něj klikne, tak to EventListener zachytí a zaktivuje kód, který je v něm definovaný. Eventům takto můžeme i zabraňovat, když definujeme v těle funkce EventListeneru metodu event.preventDefault(), která základní chování eventu zruší.
Java script + příklad
JavaScript
- Primárně frontendový programovací jazyk pro HTML stránky a Web
- Je multiplatformní, objektově orientovaný a interpretovaný
- Syntaxe je podobná jazyku C/C++, Java
- Hlavní využití je k ovládání UI prvků (tlačítka, textová pole), animace, efekty nebo asynchronní načítání dat (klientská logika)
- Do HTML dokumentu se vkládá pomocí tagu
nebo lze do HTML souboru importovat přímo celý .js soubor.
- Syntaxe = jednotlivé příkazy se oddělují středníkem, hodnoty mohou být čísla nebo řetězce, přiřazovací operátor (=), aritmetické operátory (+,-,*,/), logické operátory (===, !=, <, >), má vlastní klíčová slova jako function, new, this, komentáře jsou buď jednořádkové // nebo více řádkové /* … */
- Má dvě možnosti reprezentace obsence hodnoty, buď je proměnná undefined, což znamená, že ještě nebyla inicializována nebo je null, což se používá pro úmyslné nulování hodnoty nebo při inicializaci prázdné proměnné.
Příklad užití jazyka JavaScript pro zpracování události stistknutí tlačítka:
const button = document.getElementById('big-button');
button.addEventListener('click', () => {
alert(‘Tlačítko bylo zmáčknuto‘);
});
