Sobes.tech
Pomoc s pohovorom
Zdroje
Príprava na pohovor
Zdroje
Hľadanie práce
Zdroje
Právne
Späť k otázkam
Middle

Ak považujeme HTML5 za otvorenú webovú platformu, na čom je založená a z akých komponentov pozostáva?

sobes.tech AI

Odpoveď od AI

HTML5 ako webová platforma je založená na nasledujúcich princípoch a pojmoch:

  • Otvárané webové štandardy: Platforma je založená na odporúčaniach W3C a WHATWG, zabezpečujúc interoperabilitu a dostupnosť.
  • Semantika: Vylepšené štruktúrované označovanie obsahu pomocou nových prvkov pre lepšiu čitateľnosť stroji aj ľuďmi.
  • Prístupnosť: Zabudované mechanizmy a atribúty (napríklad ARIA) na tvorbu prístupných aplikácií.
  • Výkon: Nové API a prístupy na optimalizáciu rýchlosti načítania a fungovania webových aplikácií.
  • Rozšíriteľnosť: Možnosť pridávať nové funkcie pomocou API JavaScript.

Komponenty HTML5 webovej platformy zahŕňajú:

  • HTML: Jazyk značiek na štruktúrovanie obsahu. Zahŕňa nové prvky (<article>, <aside>, <nav>, <section>, <header>, <footer>, <main>, <figure>, <figcaption>, <mark>, <time>, <data>, meter, progress) a nové atribúty (data-*, contenteditable, spellcheck).
  • CSS: Jazyk štýlov na vizuálne usporiadanie. Zahŕňa nové možnosti:
    • Selektory (:nth-child, :nth-last-child, :first-of-type, :last-of-type, :only-child, :only-of-type, :not, :target, :checked, :indeterminate, :enabled, :disabled, :read-only, :read-write).
    • Pseudo-prvky (::before, ::after, ::first-letter, ::first-line, ::selection, ::placeholder).
    • Nové vlastnosti (display: flex, display: grid, transform, transition, animation, background-size, background-origin, background-clip, box-shadow, text-shadow, border-radius, border-image, gradient).
    • Media dotazy (@media) pre responzívny dizajn.
  • JavaScript: Jazyk skriptov pre interaktivitu a dynamiku. Zahŕňa nové API:
    • DOM (Document Object Model): Vylepšený prístup a manipulácia s prvkami stránky.
    • Canvas API: Dvojrozmerné kreslenie grafiky.
    • WebGL API: Trojrozmerné kreslenie grafiky (založené na OpenGL ES).
    • SVG (Scalable Vector Graphics): Vektorová grafika. Integruje sa s HTML.
    • Web Storage: Ukladanie dát na strane klienta (localStorage, sessionStorage).
    • IndexedDB: Klientska databáza pre štruktúrované dáta.
    • Web Workers: Vykonávanie náročných úloh na pozadí.
    • WebSocket API: Dvojstranná komunikácia v reálnom čase medzi klientom a serverom.
    • Geolocation API: Určenie polohy používateľa.
    • Drag and Drop API: Pretahovanie prvkov.
    • File API: Práca so súbormi na strane klienta.
    • History API: Správa histórie prehliadača bez obnovenia stránky.
    • Fetch API: Vylepšený spôsob vykonávania asynchrónnych HTTP požiadaviek.
    • Service Workers: Zachytávanie sieťových požiadaviek, cacheovanie, push oznámenia pre offline funkčnosť.
    • Web Audio API: Práca s audio na programovej úrovni.
    • Media Capture and Streams API (getUserMedia): Prístup ku kamere a mikrofónu.

Tieto komponenty pracujú v synergii, umožňujúc vytváranie zložitých, výkonných a interaktívnych webových aplikácií.

PredchádzajúceĎalej