Que tecnologias e métodos são utilizados para…

HTML: Marcação semântica da estrutura do conteúdo.
CSS: Estilização e estilização de elementos, incluindo pseudo-classes (:hover, :active, :focus) e transições/animações para mudanças suaves.
JavaScript: Linguagem principal para adicionar dinamismo e interatividade.
- Trabalhar com DOM (Modelo de Objeto do Documento) para modificar a estrutura, conteúdo e estilos da página.
- Lidar com eventos (cliques, entrada por teclado, passagem do rato, etc.).
- AJAX (JavaScript e XML assíncronos) ou Fetch API para pedidos assíncronos ao servidor sem recarregar a página.
Frameworks e bibliotecas JavaScript:
- React: Abordagem baseada em componentes, DOM virtual para atualizar a interface de forma eficiente.
- Vue.js: Framework progressivo, reatividade de dados.
- Angular: Framework completo para aplicações grandes.
- jQuery (obsoleto, mas ainda em uso): Facilita trabalhar com DOM, lidar com eventos e AJAX.
Eventos enviados pelo servidor (SSE) e WebSockets: Para comunicação bidirecional em tempo real entre cliente e servidor.
Pré-processadores CSS (Sass, Less): Melhoram as capacidades do CSS permitindo usar variáveis, mixins, aninhamento e funções para criar estilos mais fáceis de manter e mais complexos, que podem influenciar a interatividade.
SVG (Gráficos vetoriais escaláveis): Para criar gráficos vetoriais interativos.
Canvas API: Para desenhar gráficos e animações com JavaScript.

// Exemplo de manipulação de evento de clique num botão em JavaScript
document.getElementById('myButton').addEventListener('click', function() {
  alert('Botão pressionado!');
});

/* Exemplo de uso do pseudo-classe :hover */
button:hover {
  background-color: lightblue; /* Alterar cor ao passar o rato */
}

Métodos principais:

Manipulação do DOM.
Manipulação de entrada do utilizador (eventos de mouse, teclado, toque).
Requisições assíncronas ao servidor para atualizar dinamicamente o conteúdo (AJAX/Fetch).
Criação de animações e transições.
Uso de componentes UI prontos (botões, formulários, sliders, janelas modais) de bibliotecas ou frameworks.
Validação de entrada do utilizador no lado do cliente.
Carregamento dinâmico de conteúdo.

Que tecnologias e métodos são utilizados para alcançar interatividade nos websites?