JAVASCRIPT Programação Web. O que é E uma linguagem interpretada que e executada na maquina do...
-
Upload
octavio-milton-tuschinski-de-escobar -
Category
Documents
-
view
222 -
download
0
Transcript of JAVASCRIPT Programação Web. O que é E uma linguagem interpretada que e executada na maquina do...
![Page 1: 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.](https://reader030.fdocumentos.com/reader030/viewer/2022033109/5706385c1a28abb8238fda5c/html5/thumbnails/1.jpg)
JAVASCRIPTProgramação Web
![Page 2: 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.](https://reader030.fdocumentos.com/reader030/viewer/2022033109/5706385c1a28abb8238fda5c/html5/thumbnails/2.jpg)
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.
![Page 3: 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.](https://reader030.fdocumentos.com/reader030/viewer/2022033109/5706385c1a28abb8238fda5c/html5/thumbnails/3.jpg)
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
![Page 4: 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.](https://reader030.fdocumentos.com/reader030/viewer/2022033109/5706385c1a28abb8238fda5c/html5/thumbnails/4.jpg)
Caracteristicas Case Sensitive – diferencia letras
maiusculas de minusculas Toda linha termina com um ponto e
virgula exceto bloco de comandos
![Page 5: 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.](https://reader030.fdocumentos.com/reader030/viewer/2022033109/5706385c1a28abb8238fda5c/html5/thumbnails/5.jpg)
Tag<script language=“javascript”>
</script>
![Page 6: 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.](https://reader030.fdocumentos.com/reader030/viewer/2022033109/5706385c1a28abb8238fda5c/html5/thumbnails/6.jpg)
Mensagem<script language=“javascript”>//mensagem simples informativaalert(“minha mensagem”);
// mensagem de escolhavar opc=confirm(“continuar ?”);</script>
![Page 7: 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.](https://reader030.fdocumentos.com/reader030/viewer/2022033109/5706385c1a28abb8238fda5c/html5/thumbnails/7.jpg)
Criando Variáveis<script language=“javascript”>
var nome = “maria”;var nota1 = 8.5;
</script>
![Page 8: 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.](https://reader030.fdocumentos.com/reader030/viewer/2022033109/5706385c1a28abb8238fda5c/html5/thumbnails/8.jpg)
Convertendo Tipos<script language=“javascript”>//convertendo para inteirosvar nota1 = parseInt(campo1.value);
//convertendo para stringvar nome =parseString(78.5);
</script>
![Page 9: 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.](https://reader030.fdocumentos.com/reader030/viewer/2022033109/5706385c1a28abb8238fda5c/html5/thumbnails/9.jpg)
Convertendo Tipos<script language=“javascript”>//convertendo para decimaisvar nota1= parseFloat(campo1.value);
</script>
![Page 10: 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.](https://reader030.fdocumentos.com/reader030/viewer/2022033109/5706385c1a28abb8238fda5c/html5/thumbnails/10.jpg)
Operador de associação Var teste = “ABCD”;
![Page 11: 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.](https://reader030.fdocumentos.com/reader030/viewer/2022033109/5706385c1a28abb8238fda5c/html5/thumbnails/11.jpg)
Operadores Aritméticos + Soma - subtração / divisão * multiplicação () parenteses % modulo (resto da divisão)
![Page 12: 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.](https://reader030.fdocumentos.com/reader030/viewer/2022033109/5706385c1a28abb8238fda5c/html5/thumbnails/12.jpg)
Acessando objetos htm Para acessar um objeto htm e utilizado
atraves do ID do objeto exemplo:
<input type="text" id="campo1” value="5.5">
<script language="javascript">var nota1 = parseFloat(campo1.value);</script>
![Page 13: 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.](https://reader030.fdocumentos.com/reader030/viewer/2022033109/5706385c1a28abb8238fda5c/html5/thumbnails/13.jpg)
Funções<script language=“javascript”>
function calculadora(n1, n2 , op){
return valor;}
</script>
![Page 14: 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.](https://reader030.fdocumentos.com/reader030/viewer/2022033109/5706385c1a28abb8238fda5c/html5/thumbnails/14.jpg)
Funções<html><body>
<input type="text" id="campo1" value="0">
<input type="text" id="campo2" value="0">
<input type="text" id="campo3" value="0">
<input type="button" value="somar" onClick="Testar();"></body></html>
<script language="javascript">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;}
</script>
![Page 15: 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.](https://reader030.fdocumentos.com/reader030/viewer/2022033109/5706385c1a28abb8238fda5c/html5/thumbnails/15.jpg)
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
![Page 16: 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.](https://reader030.fdocumentos.com/reader030/viewer/2022033109/5706385c1a28abb8238fda5c/html5/thumbnails/16.jpg)
EventosEventos 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
![Page 17: 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.](https://reader030.fdocumentos.com/reader030/viewer/2022033109/5706385c1a28abb8238fda5c/html5/thumbnails/17.jpg)
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.
![Page 18: 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.](https://reader030.fdocumentos.com/reader030/viewer/2022033109/5706385c1a28abb8238fda5c/html5/thumbnails/18.jpg)
Operadores Relacionais == Igualdade != Diferente > maior >= maior igual < menor <= menor igualExe: A=10, B=5A>B => V , B>=A => F , A==B => F
![Page 19: 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.](https://reader030.fdocumentos.com/reader030/viewer/2022033109/5706385c1a28abb8238fda5c/html5/thumbnails/19.jpg)
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<=C => F && V => F
![Page 20: 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.](https://reader030.fdocumentos.com/reader030/viewer/2022033109/5706385c1a28abb8238fda5c/html5/thumbnails/20.jpg)
Comando de Condição IFIf( a >= b){
//caso verdadeiro} else {
//caso falso}
![Page 21: 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.](https://reader030.fdocumentos.com/reader030/viewer/2022033109/5706385c1a28abb8238fda5c/html5/thumbnails/21.jpg)
Comando de Condição IFif(nome.value == “”){alert(“informe o nome !”)nome.focus();return false;
} else {return true;
}
![Page 22: 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.](https://reader030.fdocumentos.com/reader030/viewer/2022033109/5706385c1a28abb8238fda5c/html5/thumbnails/22.jpg)
Comando de Condição IFif(nome.value.length <= 3){alert(“digite um nome com mais de 3 caracteres!”);nome.focus();return false;
}
![Page 23: 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.](https://reader030.fdocumentos.com/reader030/viewer/2022033109/5706385c1a28abb8238fda5c/html5/thumbnails/23.jpg)
Comando de Repetição Enquanto Faça (0...N)
while(<codição>) {//bloco de comandos
} Faça Enquanto(1...N)
do{//bloco de comandos
}while(<codição>);
![Page 24: 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.](https://reader030.fdocumentos.com/reader030/viewer/2022033109/5706385c1a28abb8238fda5c/html5/thumbnails/24.jpg)
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 < 10 => condição logica do contador i++ => formato de incremento
![Page 25: 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.](https://reader030.fdocumentos.com/reader030/viewer/2022033109/5706385c1a28abb8238fda5c/html5/thumbnails/25.jpg)
Comando de Repetição Exemplo:
var total = 0;
For(i = 0; i < caixa.length; i++){total = total + parseInt(caixa[i].value);
}