Índice:
- Faça seu site fácil para pessoas navegarem
- Personaliza a maneira como o teu site se parece on-the-fly
- Criar efeitos animados dinâmicos e dinâmicos
Vídeo: Como ATIVAR ou DESATIVAR o JavaScript no Google Chrome 2024
HTML. DHTML. XML. JavaScript. Java. Instantâneo. No que diz respeito ao desenvolvimento da Web, a grande variedade de linguagens e ferramentas de desenvolvimento pode ser confusa - e você pode sequer perguntar qual idioma é o melhor para qual tarefa.
O fato é que cada idioma foi projetado com um determinado tipo de tarefa em mente e o JavaScript não é exceção. A Tabela 1 mostra os tipos de tarefas que o JavaScript é o melhor (e o mínimo) adequado para executar. O JavaScript é mais adequado para tarefas do cliente (baseadas no navegador).
Tabela 1: Usando JavaScript para a Tarefa Direta
Tarefa |
O JavaScript é Útil? |
São úteis JavaScript e CSS (DHTML)? |
Forneça aos usuários comentários úteis |
Sim |
Não |
Personalizar a aparência da página |
Sim |
Sim (mais sofisticado do que JavaScript sozinho) |
Examine ou altere os dados do formulário HTML |
Sim |
Não |
Crie animações simples |
Sim |
Sim (mais sofisticado do que JavaScript sozinho) |
Crie animações complexas |
Não |
Não |
Execute o processamento do servidor |
Não |
Não |
O JavaScript executa sua magia trabalhando em conjunto com HTML e cascata folhas de estilo (CSS). Veja como funciona: HTML e CSS permitem que você crie páginas da Web estáticas usando blocos de construção de tags ou objetos . O JavaScript permite inspecionar e manipular os objetos para perfurar páginas estáticas com interatividade e animações simples. (Em outras palavras, para usar o JavaScript, você precisa usar o HTML, para tirar proveito do dinâmico HTML, ou D HTML, recursos, você precisa usar HTML e CSS.)
Ao usar o JavaScript, você pode tornar um site fácil de navegar e até mesmo personalizar sua página, dependendo de quem está visualizando, o navegador que o visitante está usando para vê-lo e a que horas do dia é. Você pode até criar efeitos animados simples (mas efetivos).
Faça seu site fácil para pessoas navegarem
A maneira mais comum de animar suas páginas com o JavaScript é facilitar sua navegação. Por exemplo, você pode usar o JavaScript para
- Criar mapas de sites expansíveis.
- Adicionar dicas de ferramentas - bits úteis de texto que aparecem quando um usuário move um mouse sobre uma seção específica do seu site.
- Trocar imagens quando um usuário arrastar o mouse sobre uma determinada área da tela. (Este efeito é chamado de rolagem de mouse , e ajuda os usuários a determinar de imediato quais partes da sua página da Web são interativas ou clicáveis. )
- Inspecione os dados que o seu os usuários inserem e apresentam sugestões úteis se fizerem uma entrada inválida.
- Exibe uma mensagem de agradecimento depois que um usuário envia um formulário.
- Carregar conteúdo em vários quadros quando um usuário clica em um botão para que o usuário possa visualizar vários blocos de informações relacionadas ao mesmo tempo.
Além de eventos iniciados pelo usuário, como clicar e arrastar um mouse, o JavaScript também reconhece eventos automáticos - por exemplo, carregando uma página da Web em um navegador.
Personaliza a maneira como o teu site se parece on-the-fly
Todo mundo gosta de se sentir especial e as pessoas que visitam seu site não são uma exceção. Ao usar o JavaScript, você pode adaptar a maneira como suas páginas se parecem com diferentes usuários com base em critérios como
- Os tipos e versões específicas do navegador que os visitantes usam para exibir sua página
- A data ou a hora atual
- Seus usuários 'Comportamentos na última vez que visitaram suas páginas
- Preferências declaradas dos seus usuários
- Outros critérios que você pode imaginar
Criar efeitos animados dinâmicos e dinâmicos
Muitas pessoas assumem que você precisa de Java para criar animações para o Web, mas não é assim. Embora o JavaScript certamente não seja confundido com a maneira mais eficiente de criar animações de alta densidade, você pode usar JavaScript com folhas de estilo em cascata (a combinação às vezes é conhecida como DHTML) para criar uma variedade de realmente arrumada efeitos animados. De fato, usar JavaScript é a maneira mais fácil de implementar efeitos comuns, como rollovers.