HTML5 a CSS3

Kurz je určený pre všetkých, ktorí sa chcú zoznámiť s tagmi jazyka HTML5 a CSS3.

Na kurze sa naučíte používať nové HTML5 tagy a nové CSS3 vlastnosti.

Základy práce s PC, HTML a CSS.

Úvod

• stručná história, HTML 4 vs. 5, špecifikácia, aktuálny stav CSS 2 vs. 3, špecifikácia, podpora v prehliadačoch, prefixy
• čo nového prináša HTML5 - nové sémantické značky, práca s multimédiami, nové formulárové prvky, nové možnosti v javascript (DOM, API)

Grafika a animácie

• 2D a 3D kreslenie, WebGL
• CSS3 vlastnosti - border-radius, box-shadow, text-shadow, barva rgba, transform, transitions, animations
• nové možnosti práce s pozadím - gradienty, multiple-backgrounds, background-size
• prehliadaný formát SVG na webu

Multimédiá v HTML5 - <AUDIO>, <VIDEO>

Nové sémantické značky (<SECTION>, <HEADER>, <FOOTER>aj.)

Formulárové prvky

• nové atribúty značky <INPUT> - number, date, search, color a iné
• nové formulárové prvky
• nové atribúty - novalidate, pattern, required, autofocus a iné

Ďalšie možnosti CSS 3

• nové typy selektorov
• nové media queries
• font-face (použitie vlastného fontu)
• box-sizing
• multi-column layout
• Flexbox (CSS Flexible Box Model)

Vzhľad webu pre mobilné zariadenia

• špeciálne stránky pre smartphony a tablety
• jedna verzia webu - responzívny webdesign
• prispôsobivé obrázky, alternatívne obrázky
• grafika pre vysoké rozlíšenie (napr. retina displej)
• optimalizácia grafiky a rýchlosti stránok, data uri, LESS a iné

Predošlé kurzy

Tvorba WWW stránok v HTML a CSS [INTHTML]

Nasledujúce kurzy

PHP – skriptovací jazyk [INTPH1]

JavaScript I: Základy [JS_PROG1]

Angular I: Základy [JS_ANGULAR1]

DOM v JavaScripte I: Základy [JS_DOM1]

React I: Základy [JS_REACT1]

Úvod do Vue.js [JS_VUE1]