java script
Até agora, o que vimos de (X)HTML e CSS serviram para apresentar dados/conteúdo ao usuário
– (X)HTML para estruturação
– CSS para visual
Serviu muito bem até o momento
Mas se o usuário desejar mais interação? “Participar” da página apresentada? O Java Script serve, neste contexto, para prover uma interação entre o usuário e a página web que não é obtida utilizando só (X)HTML e CSS.
Introdução
HTML
+
CSS
+
JavaScript
=
INTERATIVIDADE
Introdução
O Java Script permite detectar qualquer coisa que ocorre em uma página web como:
– O usuário clicando em botões
– Redimensionando a janela do navegador
– Fornecendo dados em um campo de texto
– Dando foco a um elemento
Sendo assim, Java Script é uma linguagem de programação de script que identifica eventos ocorridos em uma página web. É possível escrever código para responder a essas interações do usuário, como por exemplo
– Executar cálculo
– Trocar dinamicamente as imagens na página
– Validar dados
Introdução
Foi criada em 1995 por Brendam Eich e apresentada em sua primeira versão pela empresa Netcape, hoje Mozilla
Foundation
É baseada na estrutura da linguagem C
O objetivo inicial foi permitir uma linguagem de controle lógico a ser utilizada em conjunto com o HTML, possibilitando a criação de páginas dinâmicas
Passou por várias versões (1.0, 1.1, … , 1.9) e a atualmente já existe a versão 2.0
JavaScript
Toda linguagem de programação permite a um programa executar três operações básicas
– Entrada de dados
– Processamento de dados
– Saída de informação
Primeiro exemplo em JavaScript
1) Crie um arquivo (X)HTML como você está acostumado
– Copie e cole as informações abaixo (use um arquivo que você já tenha)
Primeiro exemplo em JavaScript
2) Insira as linhas de código destacadas.
3) Salve o arquivo e execute em seu navegador (ver exemplo)
Conceitos
Existem algumas formas de se inserir código JavaScript em uma página