curso php: básico javascript
DESCRIPTION
básico de Javascript para o curso de PHPTRANSCRIPT
Desenvolvendo Aplicações WEB
Introdução JavaScript
JavaScript
• JavaScript é uma linguagem interpretada preparada para execução em Browser.
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.
MANIPULAÇÃO DE OBJETO
• Os objetos são representados por uma hierarquia, fazendo com que alguns objetos se tornem propriedades de outros;
MANIPULAÇÃO DE OBJETO
PROPRIEDADES DE OBJETOS
• A utilização de propriedades se dá acompanhada de seu objeto sendo separados por um ponto apenas.
nomeObjeto.propriedade
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)
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">
EVENTOS
EVENTOS
EVENTOS
EVENTOS
Exemplo
<HTML>
<HEAD>
<TITLE>Manipuladores de Eventos</TITLE>
</HEAD>
<BODY onLoad="defaultStatus=('Seja Bem Vindo!!!')">
....
Criando um Script
<script language=‘JavaScript’ type=‘text/JavaScript’>
.... Codigo aqui.....
</script>
Criando Funções
<HTML>
<HEAD> <TITLE>UTILIZANDO FUNÇÕES</TITLE> </HEAD> <BODY> <SCRIPT>
function primeiraFuncao(){
alert("Isto é uma função JavaScript");
}
</SCRIPT>
Criando Funções
<INPUT TYPE="BUTTON" VALUE="Clique aqui!" onClick="primeiraFuncao()">
</BODY> </HTML>
Exemplos
• document.write("Texto inserido com instruções JavaScript");
• alert("Meu Primeiro Script");
Laço de Repetição While
for
for (i=1 ; i<=10 ; i++){
document.write("numero: "+ i +"<br>");
}
Condição
function condicao(){
if(form1.nome.value==""){
alert("Favor Preencher o campo");
form1.nome.focus();
}
}
Usando
…
<form name="form1">
Nome: <input type="text" name="nome" onBlur="condicao(this.value)">
…..
Exercício
• Fazer um formulário com 4 campos e exigir que o usuário digite todos os campos;
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
Apresentação
• Desenvolvida pelo Prof. Me. Wellington Pinto de Oliveira