Millised tehnoloogiad ja meetodid kasutatakse veebisaitide interaktiivsuse saavutamiseks?

• HTML: Semantiline sisu struktuuri märgistamine.
• CSS: Elementide kujundus ja stiilimine, sealhulgas псевдoklassid (:hover, :active, :focus) ning transition/animation sujuvate muutuste jaoks.
• JavaScript: Peamine keel dünaamikat ja interaktiivsust lisada:
  • Töötamine DOM-iga (Document Object Model) struktuuri, sisu ja stiilide muutmiseks.
  • Ürituste töötlemine (klõpsud, klaviatuuri sisestused, hiireliigutused jms).
  • AJAX (Asynchronous JavaScript and XML) või Fetch API asünkroonsete päringute tegemiseks serverile ilma lehte uuesti laadimata.
• JavaScripti raamistikud ja teegid:
  • React — komponendipõhine lähenemine, virtuaalne DOM tõhusaks uuendamiseks.
  • Vue.js — progressiivne raamistik, andmete reaktiivsus.
  • Angular — keerukas raamistik suurte rakenduste jaoks.
  • jQuery — (vananenud, kuid endiselt kasutusel) DOM-i töö, sündmuste töötlemine ja AJAX-i lihtsustamine.
• Server Sent Events (SSE) ja WebSockets: — kahepoolne ühendus reaalajas kliendi ja serveri vahel.
• CSS-preprocessorid (Sass, Less): — CSS võimaluste laiendamine, võimaldades kasutada muutujaid, miksine, sisseehitatud struktuuri ja funktsioone keerulisemate ja hooldatavate stiilide loomiseks, mis võivad mõjutada interaktiivsust.
• SVG (Scalable Vector Graphics): — interaktiivse vektorgrafika loomine.
• Canvas API: — graafika ja animatsioonide joonistamine JavaScripti abil.

// Näide kliki sündmuse töötlemisest JavaScriptis
document.getElementById('myButton').addEventListener('click', function() {
  alert('Nupp on vajutatud!');
});

/* Näide псевдокласса :hover kasutamisest */
button:hover {
  background-color: lightblue; /* värvi muutmine hiirega üle */
}

Peamised meetodid:

• DOM-i manipuleerimine.
• Kasutaja sisendi töötlemine (sündmused, hiir, klaviatuur, puudutused).
• Asünkroonilised päringud serverile — dünaamilise sisu uuendamiseks (AJAX/Fetch).
• Animatsioonide ja üleminekute loomine.
• Valmis UI-komponentide kasutamine (nupud, vormid, liugurid, modaalaknad) teekidest või raamistikest.
• Kasutaja sisendi valideerimine.
• Sisu dünaamiline laadimine.