Aké technológie a metódy sa používajú na dosiahnutie…

HTML: Semantické označovanie štruktúry obsahu.
CSS: Štylizácia a vzhľad prvkov, vrátane pseudo-tried :hover, :active, :focus a prechodov/animácií pre plynulé zmeny.
JavaScript: Hlavný jazyk na pridanie dynamiky a interaktivity.
- Práca s DOM (Document Object Model) na zmenu štruktúry, obsahu a štýlov stránky.
- Spracovanie udalostí (kliknutia, zadávanie klávesov, prechody myšou atď.).
- AJAX (Asynchronous JavaScript and XML) alebo Fetch API na asynchrónne požiadavky na server bez obnovenia stránky.
Frameworky a knižnice JavaScript:
- React: Komponentovo orientovaný prístup, virtuálny DOM pre efektívne aktualizácie rozhrania.
- Vue.js: Progresívny framework, reaktivita dát.
- Angular: Komplexný framework pre veľké aplikácie.
- jQuery (zastaralé, ale stále používané): Uľahčuje prácu s DOM, spracovanie udalostí a AJAX.
Server Sent Events (SSE) a WebSockets: Na obojsmernú komunikáciu v reálnom čase medzi klientom a serverom.
CSS preprocesory (Sass, Less): Zlepšujú možnosti CSS, umožňujú používanie premenných, mixínov, vnorenia a funkcií na tvorbu udržiavateľnejších a zložitejších štýlov, ktoré môžu ovplyvniť interaktivitu.
SVG (Scalable Vector Graphics): Na tvorbu interaktívnej vektorovej grafiky.
Canvas API: Na kreslenie grafiky a animácií pomocou JavaScriptu.

// Príklad spracovania udalosti kliknutia na tlačidlo v JavaScripte
document.getElementById('myButton').addEventListener('click', function() {
  alert('Tlačidlo bolo stlačené!');
});

/* Príklad použitia pseudo-triedy :hover */
button:hover {
  background-color: lightblue; /* Zmena farby pri prechode myšou */
}

Hlavné metódy:

Manipulácia s DOM.
Spracovanie používateľského vstupu (udalosti myši, klávesnice, dotykové udalosti).
Asynchrónne požiadavky na server na dynamické aktualizácie obsahu (AJAX/Fetch).
Tvorba animácií a prechodov.
Používanie hotových UI komponentov (tlačidlá, formuláre, posúvače, modálne okná) z knižníc alebo frameworkov.
Validácia používateľského vstupu na strane klienta.
Dynamické načítanie obsahu.

Aké technológie a metódy sa používajú na dosiahnutie interaktivity na webových stránkach?