JAVASCRIPT Programação Web. O que é  E uma linguagem interpretada que e executada na maquina do cliente  Não esta associada ao framework java  Não.

Apresentação em tema: "JAVASCRIPT Programação Web. O que é  E uma linguagem interpretada que e executada na maquina do cliente  Não esta associada ao framework java  Não."— Transcrição da apresentação:

1 JAVASCRIPT Programação Web

2 O que é  E uma linguagem interpretada que e executada na maquina do cliente  Não esta associada ao framework java  Não consegue acessar recursos da maquina do cliente.

3 O que é  Utilizada para validação de formulários  Para interações locais com o cliente  Para controles de navegação  Aplicada nas mais variadas tecnologia de script: HTM, ASP, ASP.NET, JSP, PHP e etc

4 Caracteristicas  Case Sensitive – diferencia letras maiusculas de minusculas  Toda linha termina com um ponto e virgula exceto bloco de comandos

5 Tag

6 Mensagem //mensagem simples informativa alert(“minha mensagem”); // mensagem de escolha var opc=confirm(“continuar ?”);

7 Criando Variáveis var nome = “maria”; var nota1 = 8.5;

8 Convertendo Tipos //convertendo para inteiros var nota1 = parseInt(campo1.value); //convertendo para string var nome =parseString(78.5);

9 Convertendo Tipos //convertendo para decimais var nota1= parseFloat(campo1.value);

10 Operador de associação  Var teste = “ABCD”;

11 Operadores Aritméticos  + Soma  - subtração  / divisão  * multiplicação  () parenteses  % modulo (resto da divisão)

12 Acessando objetos htm  Para acessar um objeto htm e utilizado atraves do ID do objeto exemplo: var nota1 = parseFloat(campo1.value);

13 Funções function calculadora(n1, n2, op) { return valor; }

14 Funções function Testar(){ var nota1 = parseFloat(campo1.value); var nota2 = parseFloat(campo2.value); campo3.value = somar(nota1,nota2); } function somar(n1, n2){ var resultado = n1 + n2; return resultado; }

15 Funções  São blocos de comandos que serão reutilizados  Podem ser evocadas através do próprio js e de eventos de objetos da tela.  Não é obrigatório a lista de parâmetros e o return

16 Eventos Eventos são ações interativas da tela  onClick – ao clicar o objeto  onChange – ao alterar algum valor  onFocus – quando objeto esta selecionado  onMouseOver – quando o mouse esta em cima do objeto  onMouseOut – quando o mouse sai de cima do objeto  onKeyUp – quando uma tecla e pressionada e solta  onLoad – quando a pagina e carregada

17 Expressão Lógica  Uma expressão lógica e o comparativo de duas partes o qual vai retorna um tipo lógico (Verdadeiro ou Falso).  Os operadores relacionais são utilizados para comparar variáveis, constantes e valores entre si.

18 Operadores Relacionais  == Igualdade  != Diferente  > maior  >= maior igual  < menor  <= menor igual Exe: A=10, B=5 A>B => V, B>=A => F, A==B => F

19 Operadores Lógicos  Quando existe 2 a N condições lógicos e necessário utilizar os operadores lógicos para obter um resultado da expressão  && - E  || - OU  ! – NÃO  Exe: A= 3, B=5, C=8  A>B && B F && V => F

20 Comando de Condição IF If( a >= b) { //caso verdadeiro } else { //caso falso }

21 Comando de Condição IF if(nome.value == “”){ alert(“informe o nome !”) nome.focus(); return false; } else { return true; }

22 Comando de Condição IF if(nome.value.length <= 3){ alert(“digite um nome com mais de 3 caracteres!”); nome.focus(); return false; }

23 Comando de Repetição  Enquanto Faça (0...N) while( ) { //bloco de comandos }  Faça Enquanto(1...N) do { //bloco de comandos }while( );

24 Comando de Repetição  Faça Ate(X...Y) for(i=0; i <10 ; i++) { //bloco de comandos } Aonde int i=1 => iniciando contador i condição logica do contador i++ => formato de incremento

25 Comando de Repetição  Exemplo: var total = 0; For(i = 0; i < caixa.length; i++){ total = total + parseInt(caixa[i].value); }