Ce diaporama a bien été signalé.
Nous utilisons votre profil LinkedIn et vos données d’activité pour vous proposer des publicités personnalisées et pertinentes. Vous pouvez changer vos préférences de publicités à tout moment.
TÉCNICAS DE PROGRAMAÇÃO
PARA INTERNET I
2. MÉTODOS, EVENTOS E FUNÇÕES EM JAVASCRIPT
INTRODUÇÃO
JavaScript é uma linguagem de programação mais popular no desenvolvimento
web, pois é suportada por todos os na...
CARACTERÍSTICA DA LINGUAGEM
• É uma linguagem de scripting, ou seja, é uma linguagem de programação que
permite ao program...
RELEMBRANDO – A TAG SCRIPT
• A execução é instantânea por isso ao inserirmos um código JavaScript em
uma página web, é nec...
EVENTOS
• Eventos HTML são "coisas" que acontecem a elementos HTML.
• Quando JavaScript é usado em páginas HTML, JavaScrip...
EVENTOS MAIS COMUNS
Evento Descrição
em mudança Um elemento HTML foi alterado
onclick O usuário clica em um elemento HTML
...
EXEMPLOS:
Neste exemplo temos um id (identificador com o nome ‘demo’);
Um button (botão que ao ser acionado irá demostrar ...
Neste exemplo temos um id (identificador com o nome ‘demos’);
Um button (botão que ao ser acionado irá demostrar uma infor...
MÉTODOS
Diferente de muitas linguagens orientadas a objetos,
não há distinção entre a definição de uma função e a
definiçã...
Neste exemplo o resultado
será: “Hoje é dia: 01/01/2001”.
MÉTODO GETDAY
O resultado será o número “6”.
NESTE EXEMPLO DE MÉTODOS TEMOS UMA
FUNÇÃO QUE DIZ: “OLÁ” A PESSOA
Em JavaScript métodos são funções
normais de objetos que são vinculados a
uma classe/objeto como uma
propriedade, o que si...
FUNÇÕES
Se necessitar guardar um código para
ser executado em outra ocasião, por
exemplo, quando o usuário clicar em um
ob...
Criando uma função simples como esta,
armazenamos o que estiver dentro dela para
ser executado quando for chamada na
funçã...
Neste exemplo, a função armazena a mensagem que será
exibida após o usuário clicar no botão “Tente isto”
Neste exemplo, a função exibe duas
mensagens, mensagem1: “Palmeiras”,
mensagem2: “Sempre Campeão”.
BIBLIOGRAFIAS E REFERENCIAS:
• https://www.w3schools.com/js/js_events.asp
• https://developer.mozilla.org/pt-
BR/docs/Web/...
OBRIGADO!
Clayton de Almeida Souza
Graduado em Sistemas de Informação pela Universidade Bandeirantes de São
Paulo – UNIBAN...
Javascript Eventos, Métodos e Funções
Prochain SlideShare
Chargement dans…5
×

Javascript Eventos, Métodos e Funções

606 vues

Publié le

Material de Apoio para as aulas de Programação de Internet I, conceitos básicos sobre Eventos, Métodos e Funções em JavaScript.

Publié dans : Technologie
  • Soyez le premier à commenter

  • Soyez le premier à aimer ceci

Javascript Eventos, Métodos e Funções

  1. 1. TÉCNICAS DE PROGRAMAÇÃO PARA INTERNET I 2. MÉTODOS, EVENTOS E FUNÇÕES EM JAVASCRIPT
  2. 2. INTRODUÇÃO JavaScript é uma linguagem de programação mais popular no desenvolvimento web, pois é suportada por todos os navegadores, a linguagem é responsável por praticamente qualquer tipo de dinamismo que desejamos em uma página web. Desta forma com criatividade pode-se por exemplo criar jogos, utilizar recursos como formulários dinâmicos, gráficos, efeitos nos botões, ou seja mais interatividade com o usuário
  3. 3. CARACTERÍSTICA DA LINGUAGEM • É uma linguagem de scripting, ou seja, é uma linguagem de programação que permite ao programador controlar uma ou mais aplicações de terceiros. Em JavaScript pode-se controlar alguns comportamentos dos navegadores através de trechos de códigos que são enviados na página HTML. • Outra característica da linguagem JavaScript é que são interpretadas, ou seja, não dependem de compilação para serem executadas. O código é interpretado conforme é lido pelo navegador, linha por linha e assim como o HTML.
  4. 4. RELEMBRANDO – A TAG SCRIPT • A execução é instantânea por isso ao inserirmos um código JavaScript em uma página web, é necessário utilizar a tag <script></script> <script> alert (“Olá, Mundo!”); </script>
  5. 5. EVENTOS • Eventos HTML são "coisas" que acontecem a elementos HTML. • Quando JavaScript é usado em páginas HTML, JavaScript pode "reagir" sobre esses eventos.
  6. 6. EVENTOS MAIS COMUNS Evento Descrição em mudança Um elemento HTML foi alterado onclick O usuário clica em um elemento HTML onmouseover O usuário move o mouse sobre um elemento HTML onmouseout O usuário move o mouse longe de um elemento HTML onkeydown O usuário aperta uma tecla do teclado carregando O navegador tenha terminado o carregamento da página
  7. 7. EXEMPLOS: Neste exemplo temos um id (identificador com o nome ‘demo’); Um button (botão que ao ser acionado irá demostrar a data e a hora local). Onclick = document.getElement.ById(‘demo’).innerHTML recebe uma função chamada Date()
  8. 8. Neste exemplo temos um id (identificador com o nome ‘demos’); Um button (botão que ao ser acionado irá demostrar uma informação). Onclick = document.getElement.ById(‘demos’).innerHTML recebe uma string com a mensagem: “Hello JavaScript!”
  9. 9. MÉTODOS Diferente de muitas linguagens orientadas a objetos, não há distinção entre a definição de uma função e a definição de um método no JavaScript. A distinção ocorre durante a chamada da função; a função pode ser chamada como um método. Quando uma função é chamada como método de um objeto, a keyword this da função é associada àquele objeto via tal invocação.
  10. 10. Neste exemplo o resultado será: “Hoje é dia: 01/01/2001”.
  11. 11. MÉTODO GETDAY O resultado será o número “6”.
  12. 12. NESTE EXEMPLO DE MÉTODOS TEMOS UMA FUNÇÃO QUE DIZ: “OLÁ” A PESSOA
  13. 13. Em JavaScript métodos são funções normais de objetos que são vinculados a uma classe/objeto como uma propriedade, o que significa que eles podem ser invocados "fora de contexto" . Considere o seguinte exemplo de código:
  14. 14. FUNÇÕES Se necessitar guardar um código para ser executado em outra ocasião, por exemplo, quando o usuário clicar em um objeto ou melhor, um botão, é necessário utilizar dois recursos do JavaScript no navegador, ou seja, uma Função.
  15. 15. Criando uma função simples como esta, armazenamos o que estiver dentro dela para ser executado quando for chamada na função. Veja o exemplo a seguir:
  16. 16. Neste exemplo, a função armazena a mensagem que será exibida após o usuário clicar no botão “Tente isto”
  17. 17. Neste exemplo, a função exibe duas mensagens, mensagem1: “Palmeiras”, mensagem2: “Sempre Campeão”.
  18. 18. BIBLIOGRAFIAS E REFERENCIAS: • https://www.w3schools.com/js/js_events.asp • https://developer.mozilla.org/pt- BR/docs/Web/JavaScript/Introduction_to_Object-Oriented_JavaScript
  19. 19. OBRIGADO! Clayton de Almeida Souza Graduado em Sistemas de Informação pela Universidade Bandeirantes de São Paulo – UNIBAN e Especialista em Sistemas e Desenvolvimento Web pela Universidade Nove de Julho – UNINOVE. Contatos: Blog: http://professorclaytonsouza.blogspot.com E-mail: claytonn_Souza@Hotmail.com Site pessoal (em breve): www.claytondeasouza.com.br

×