Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Curso PHP: Básico JavaScript

básico de Javascript para o curso de PHP

  • Login to see the comments

  • Be the first to like this

Curso PHP: Básico JavaScript

  1. 1. Desenvolvendo Aplicações WEB Introdução JavaScript
  2. 2. JavaScript • JavaScript é uma linguagem interpretada preparada para execução em Browser.
  3. 3. 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.
  4. 4. MANIPULAÇÃO DE OBJETO • Os objetos são representados por uma hierarquia, fazendo com que alguns objetos se tornem propriedades de outros;
  5. 5. MANIPULAÇÃO DE OBJETO
  6. 6. PROPRIEDADES DE OBJETOS • A utilização de propriedades se dá acompanhada de seu objeto sendo separados por um ponto apenas. nomeObjeto.propriedade
  7. 7. 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)
  8. 8. 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">
  9. 9. EVENTOS
  10. 10. EVENTOS
  11. 11. EVENTOS
  12. 12. EVENTOS
  13. 13. Exemplo <HTML> <HEAD> <TITLE>Manipuladores de Eventos</TITLE> </HEAD> <BODY onLoad="defaultStatus=('Seja Bem Vindo!!!')"> ....
  14. 14. Criando um Script <script language=‘JavaScript’ type=‘text/JavaScript’> .... Codigo aqui..... </script>
  15. 15. Criando Funções <HTML> <HEAD> <TITLE>UTILIZANDO FUNÇÕES</TITLE> </HEAD> <BODY> <SCRIPT> function primeiraFuncao(){ alert("Isto é uma função JavaScript"); } </SCRIPT>
  16. 16. Criando Funções <INPUT TYPE="BUTTON" VALUE="Clique aqui!" onClick="primeiraFuncao()"> </BODY> </HTML>
  17. 17. Exemplos • document.write("Texto inserido com instruções JavaScript"); • alert("Meu Primeiro Script");
  18. 18. Laço de Repetição While
  19. 19. for for (i=1 ; i<=10 ; i++){ document.write("nuḿero: "+ i +"<br>"); }
  20. 20. Condição function condicao(){ if(form1.nome.value==""){ alert("Favor Preencher o campo"); form1.nome.focus(); } }
  21. 21. Usando … <form name="form1"> Nome: <input type="text" name="nome" onBlur="condicao(this.value)"> …..
  22. 22. Exercício • Fazer um formulário com 4 campos e exigir que o usuário digite todos os campos;
  23. 23. Referência • JavaScript – Aplicações Interativas para a Web do autor ADRIANO GOMES LIMA. • http://pt.slideshare.net/adrianoglima/javascri pt-aplicaes-interativas-para-a-web
  24. 24. Apresentação • Desenvolvida pelo Prof. Me. Wellington Pinto de Oliveira

×