Koje tehnologije i metode se koriste za postizanje…

HTML: Семантична означава структура садржаја.
CSS: Форматирање и стилизовање елемената, укључујући псевдокласове (:hover, :active, :focus) и транзиције/анимације за глатке промене.
JavaScript: Главни језик за додавање динамике и интерактивности.
- Рад са DOM (Document Object Model) за измену структуре, садржаја и стилова странице.
- Обрада догађаја (кликови, унос са тастатуре, hover итд.).
- AJAX (Asynchronous JavaScript and XML) или Fetch API за асинхроне захтеве серверу без поновног учитавања странице.
Фрејмворци и библиотеке JavaScript:
- React: Компонентно-оријентисан приступ, виртуелни DOM за ефикасно ажурирање интерфејса.
- Vue.js: Прогресивни фрејмворк, реактивност података.
- Angular: Комплетан фрејмворк за велике апликације.
- jQuery (застарело, али још увек у употреби): Олакшава рад са DOM, обраду догађаја и AJAX.
Server Sent Events (SSE) и WebSockets: За двосмерну комуникацију у реалном времену између клијента и сервера.
CSS пре-процесори (Sass, Less): Побољшавају могућности CSS-а, омогућавајући коришћење променљивих, миксина, унутрашњег низања и функција за стварање лакше одрживих и сложенијих стилова који могу утицати на интерактивност.
SVG (Масштабљива векторска графика): За креирање интерактивних векторских графика.
Canvas API: За цртање графика и анимација помоћу JavaScript-а.

// Пример обраде догађаја клика на дугме у JavaScript-у
document.getElementById('myButton').addEventListener('click', function() {
  alert('Дугме је притиснуто!');
});

/* Пример коришћења псевдокласе :hover */
button:hover {
  background-color: lightblue; /* Промена боје при преласку миша */
}

Главне методе:

Манипулација DOM-ом.
Обрада улаза корисника (догађаји миша, тастатуре, додира).
Асиметрични захтеви серверу за динамичко ажурирање садржаја (AJAX/Fetch).
Креирање анимација и прелаза.
Коришћење готових UI компоненти (дугмади, форми, клизачи, модални прозори) из библиотека или фрејмворка.
Валидација уноса корисника на страни клијента.
Динамичко учитавање садржаја.

Koje tehnologije i metode se koriste za postizanje interaktivnosti na veb-sajtovima?