curso php: básico javascript
DESCRIPTION
básico de Javascript para o curso de PHPTRANSCRIPT
![Page 1: Curso PHP: Básico JavaScript](https://reader036.vdocuments.pub/reader036/viewer/2022081512/5560b7b2d8b42af93b8b4c18/html5/thumbnails/1.jpg)
Desenvolvendo Aplicações WEB
Introdução JavaScript
![Page 2: Curso PHP: Básico JavaScript](https://reader036.vdocuments.pub/reader036/viewer/2022081512/5560b7b2d8b42af93b8b4c18/html5/thumbnails/2.jpg)
JavaScript
• JavaScript é uma linguagem interpretada preparada para execução em Browser.
![Page 3: Curso PHP: Básico JavaScript](https://reader036.vdocuments.pub/reader036/viewer/2022081512/5560b7b2d8b42af93b8b4c18/html5/thumbnails/3.jpg)
ORIENTAÇÃO A OBJETOS
• A linguagem JavaScript corresponde a programação orientada a objetos;
• Isto significa que todos os elementos de uma página da Web são tratados como objetos.
![Page 4: Curso PHP: Básico JavaScript](https://reader036.vdocuments.pub/reader036/viewer/2022081512/5560b7b2d8b42af93b8b4c18/html5/thumbnails/4.jpg)
MANIPULAÇÃO DE OBJETO
• Os objetos são representados por uma hierarquia, fazendo com que alguns objetos se tornem propriedades de outros;
![Page 5: Curso PHP: Básico JavaScript](https://reader036.vdocuments.pub/reader036/viewer/2022081512/5560b7b2d8b42af93b8b4c18/html5/thumbnails/5.jpg)
MANIPULAÇÃO DE OBJETO
![Page 6: Curso PHP: Básico JavaScript](https://reader036.vdocuments.pub/reader036/viewer/2022081512/5560b7b2d8b42af93b8b4c18/html5/thumbnails/6.jpg)
PROPRIEDADES DE OBJETOS
• A utilização de propriedades se dá acompanhada de seu objeto sendo separados por um ponto apenas.
nomeObjeto.propriedade
![Page 7: Curso PHP: Básico JavaScript](https://reader036.vdocuments.pub/reader036/viewer/2022081512/5560b7b2d8b42af93b8b4c18/html5/thumbnails/7.jpg)
MÉTODOS DE OBJETOS
• Na maioria das vezes os métodos são usados para alterar o valor de uma propriedade ou executar uma tarefa específica.
nomeObjeto.método(argumento)
![Page 8: Curso PHP: Básico JavaScript](https://reader036.vdocuments.pub/reader036/viewer/2022081512/5560b7b2d8b42af93b8b4c18/html5/thumbnails/8.jpg)
EVENTOS
• Em linguagens orientadas a objetos é comum a manipulação de eventos que é qualquer reação ou ação que executará determinado procedimento.
<TAG nomeEvento="Instruções JavaScript">
![Page 9: Curso PHP: Básico JavaScript](https://reader036.vdocuments.pub/reader036/viewer/2022081512/5560b7b2d8b42af93b8b4c18/html5/thumbnails/9.jpg)
EVENTOS
![Page 10: Curso PHP: Básico JavaScript](https://reader036.vdocuments.pub/reader036/viewer/2022081512/5560b7b2d8b42af93b8b4c18/html5/thumbnails/10.jpg)
EVENTOS
![Page 11: Curso PHP: Básico JavaScript](https://reader036.vdocuments.pub/reader036/viewer/2022081512/5560b7b2d8b42af93b8b4c18/html5/thumbnails/11.jpg)
EVENTOS
![Page 12: Curso PHP: Básico JavaScript](https://reader036.vdocuments.pub/reader036/viewer/2022081512/5560b7b2d8b42af93b8b4c18/html5/thumbnails/12.jpg)
EVENTOS
![Page 13: Curso PHP: Básico JavaScript](https://reader036.vdocuments.pub/reader036/viewer/2022081512/5560b7b2d8b42af93b8b4c18/html5/thumbnails/13.jpg)
Exemplo
<HTML>
<HEAD>
<TITLE>Manipuladores de Eventos</TITLE>
</HEAD>
<BODY onLoad="defaultStatus=('Seja Bem Vindo!!!')">
....
![Page 14: Curso PHP: Básico JavaScript](https://reader036.vdocuments.pub/reader036/viewer/2022081512/5560b7b2d8b42af93b8b4c18/html5/thumbnails/14.jpg)
Criando um Script
<script language=‘JavaScript’ type=‘text/JavaScript’>
.... Codigo aqui.....
</script>
![Page 15: Curso PHP: Básico JavaScript](https://reader036.vdocuments.pub/reader036/viewer/2022081512/5560b7b2d8b42af93b8b4c18/html5/thumbnails/15.jpg)
Criando Funções
<HTML>
<HEAD> <TITLE>UTILIZANDO FUNÇÕES</TITLE> </HEAD> <BODY> <SCRIPT>
function primeiraFuncao(){
alert("Isto é uma função JavaScript");
}
</SCRIPT>
![Page 16: Curso PHP: Básico JavaScript](https://reader036.vdocuments.pub/reader036/viewer/2022081512/5560b7b2d8b42af93b8b4c18/html5/thumbnails/16.jpg)
Criando Funções
<INPUT TYPE="BUTTON" VALUE="Clique aqui!" onClick="primeiraFuncao()">
</BODY> </HTML>
![Page 17: Curso PHP: Básico JavaScript](https://reader036.vdocuments.pub/reader036/viewer/2022081512/5560b7b2d8b42af93b8b4c18/html5/thumbnails/17.jpg)
Exemplos
• document.write("Texto inserido com instruções JavaScript");
• alert("Meu Primeiro Script");
![Page 18: Curso PHP: Básico JavaScript](https://reader036.vdocuments.pub/reader036/viewer/2022081512/5560b7b2d8b42af93b8b4c18/html5/thumbnails/18.jpg)
Laço de Repetição While
![Page 19: Curso PHP: Básico JavaScript](https://reader036.vdocuments.pub/reader036/viewer/2022081512/5560b7b2d8b42af93b8b4c18/html5/thumbnails/19.jpg)
for
for (i=1 ; i<=10 ; i++){
document.write("numero: "+ i +"<br>");
}
![Page 20: Curso PHP: Básico JavaScript](https://reader036.vdocuments.pub/reader036/viewer/2022081512/5560b7b2d8b42af93b8b4c18/html5/thumbnails/20.jpg)
Condição
function condicao(){
if(form1.nome.value==""){
alert("Favor Preencher o campo");
form1.nome.focus();
}
}
![Page 21: Curso PHP: Básico JavaScript](https://reader036.vdocuments.pub/reader036/viewer/2022081512/5560b7b2d8b42af93b8b4c18/html5/thumbnails/21.jpg)
Usando
…
<form name="form1">
Nome: <input type="text" name="nome" onBlur="condicao(this.value)">
…..
![Page 22: Curso PHP: Básico JavaScript](https://reader036.vdocuments.pub/reader036/viewer/2022081512/5560b7b2d8b42af93b8b4c18/html5/thumbnails/22.jpg)
Exercício
• Fazer um formulário com 4 campos e exigir que o usuário digite todos os campos;
![Page 23: Curso PHP: Básico JavaScript](https://reader036.vdocuments.pub/reader036/viewer/2022081512/5560b7b2d8b42af93b8b4c18/html5/thumbnails/23.jpg)
Referência
• JavaScript – Aplicações Interativas para a Web do autor ADRIANO GOMES LIMA.
• http://pt.slideshare.net/adrianoglima/javascript-aplicaes-interativas-para-a-web
![Page 24: Curso PHP: Básico JavaScript](https://reader036.vdocuments.pub/reader036/viewer/2022081512/5560b7b2d8b42af93b8b4c18/html5/thumbnails/24.jpg)
Apresentação
• Desenvolvida pelo Prof. Me. Wellington Pinto de Oliveira