apresentação do powerpoint · material disponível . title: apresentação do powerpoint author:...
TRANSCRIPT
![Page 1: Apresentação do PowerPoint · Material Disponível . Title: Apresentação do PowerPoint Author: ANDREW Created Date: 4/17/2015 2:07:12 PM](https://reader034.vdocuments.com.br/reader034/viewer/2022051604/5ff76fbb35bb5a5b27236b54/html5/thumbnails/1.jpg)
JavaScript
Prof. Esp. Andrew Rodrigues
www.andrewtec.wordpress.com
Aula01
![Page 2: Apresentação do PowerPoint · Material Disponível . Title: Apresentação do PowerPoint Author: ANDREW Created Date: 4/17/2015 2:07:12 PM](https://reader034.vdocuments.com.br/reader034/viewer/2022051604/5ff76fbb35bb5a5b27236b54/html5/thumbnails/2.jpg)
O quê é JavaScript?
• JavaScript é uma linguagem de script que lhe possibilita
adicionar um novo nível de interatividade e função às páginas
Web.
![Page 3: Apresentação do PowerPoint · Material Disponível . Title: Apresentação do PowerPoint Author: ANDREW Created Date: 4/17/2015 2:07:12 PM](https://reader034.vdocuments.com.br/reader034/viewer/2022051604/5ff76fbb35bb5a5b27236b54/html5/thumbnails/3.jpg)
O quê posso fazer com JavaScript?
Você pode adicionar mensagens que rolam na tela ou alterar as
mensagens da linha de status do navegador;
Validar conteúdo de um formulário; Fazer cálculos; Trabalhar
com datas, horas e fuso horário;
Exibir mensagens para o usuário tanto como parte de uma
página da Web como em caixas de alertas;
Fazer animações de imagens ou imagens que mudam quando
você move o cursor sobre elas.
![Page 4: Apresentação do PowerPoint · Material Disponível . Title: Apresentação do PowerPoint Author: ANDREW Created Date: 4/17/2015 2:07:12 PM](https://reader034.vdocuments.com.br/reader034/viewer/2022051604/5ff76fbb35bb5a5b27236b54/html5/thumbnails/4.jpg)
O quê preciso para programar em JavaScript?
Um editor de texto (não utilize formatação) ou um bloco de
notas.
Um navegador. (Netscape, Internet Explorer, Opera...)
Conhecimentos básicos em HTML, onde o script será incluído.
![Page 5: Apresentação do PowerPoint · Material Disponível . Title: Apresentação do PowerPoint Author: ANDREW Created Date: 4/17/2015 2:07:12 PM](https://reader034.vdocuments.com.br/reader034/viewer/2022051604/5ff76fbb35bb5a5b27236b54/html5/thumbnails/5.jpg)
JavaScript incluído no HTML
<html>
<head>
<title> Javascript</title>
<script>
alert(“Seja bem-vindo(a)!”);
</script>
</head>
![Page 6: Apresentação do PowerPoint · Material Disponível . Title: Apresentação do PowerPoint Author: ANDREW Created Date: 4/17/2015 2:07:12 PM](https://reader034.vdocuments.com.br/reader034/viewer/2022051604/5ff76fbb35bb5a5b27236b54/html5/thumbnails/6.jpg)
Resultado JavaScript
![Page 8: Apresentação do PowerPoint · Material Disponível . Title: Apresentação do PowerPoint Author: ANDREW Created Date: 4/17/2015 2:07:12 PM](https://reader034.vdocuments.com.br/reader034/viewer/2022051604/5ff76fbb35bb5a5b27236b54/html5/thumbnails/8.jpg)
Eventos JavaScript
Eventos são aqueles que o usuário pode gerar através do
mouse, teclado e outros eventos especializados.
![Page 9: Apresentação do PowerPoint · Material Disponível . Title: Apresentação do PowerPoint Author: ANDREW Created Date: 4/17/2015 2:07:12 PM](https://reader034.vdocuments.com.br/reader034/viewer/2022051604/5ff76fbb35bb5a5b27236b54/html5/thumbnails/9.jpg)
Eventos JavaScript
onClick
O evento ocorre quando o usuário clica no botão esquerdo do
mouse sobre algum elemento do documento:
<body>
<input type="button" value="Não clique!" onclick=" alert('Você
clicou!!') ">
</body>
![Page 10: Apresentação do PowerPoint · Material Disponível . Title: Apresentação do PowerPoint Author: ANDREW Created Date: 4/17/2015 2:07:12 PM](https://reader034.vdocuments.com.br/reader034/viewer/2022051604/5ff76fbb35bb5a5b27236b54/html5/thumbnails/10.jpg)
Eventos JavaScript
onMouseDown
O evento ocorre quando o usuário pressiona o botão esquerdo
do mouse sobre um objeto apropriado.
<body>
<input type="button" value="Botão“ onMouseDown=" alert('Botão
pressionado!'); ">
</body>
![Page 11: Apresentação do PowerPoint · Material Disponível . Title: Apresentação do PowerPoint Author: ANDREW Created Date: 4/17/2015 2:07:12 PM](https://reader034.vdocuments.com.br/reader034/viewer/2022051604/5ff76fbb35bb5a5b27236b54/html5/thumbnails/11.jpg)
Eventos JavaScript
onMouseUp
O evento ocorre quando o usuário libera o botão do mouse que
estava pressionado sobre um objeto.
<body>
<input type="button" value="Botão“ onMouseUp=" alert('Botão
liberado!'); ">
</body>
![Page 12: Apresentação do PowerPoint · Material Disponível . Title: Apresentação do PowerPoint Author: ANDREW Created Date: 4/17/2015 2:07:12 PM](https://reader034.vdocuments.com.br/reader034/viewer/2022051604/5ff76fbb35bb5a5b27236b54/html5/thumbnails/12.jpg)
Eventos JavaScript
onMouseOver
O evento ocorre quando o usuário passa com o ponteiro do
mouse sobre um link, imagem ou outro objeto que se encontra
dentro no documento.
<body>
<a href="#" onMouseOver="alert(‘Ponteiro sobre o link’); "> link1
</a>
</body>
![Page 13: Apresentação do PowerPoint · Material Disponível . Title: Apresentação do PowerPoint Author: ANDREW Created Date: 4/17/2015 2:07:12 PM](https://reader034.vdocuments.com.br/reader034/viewer/2022051604/5ff76fbb35bb5a5b27236b54/html5/thumbnails/13.jpg)
Eventos JavaScript
onMouseOut
O evento é o oposto do anterior, ocorre quando o ponteiro do
mouse é movido para fora da borda do objeto.
<body>
<a href="#" onMouseOut="alert(‘Ponteiro fora do link’); "> link2
</a>
</body>
![Page 14: Apresentação do PowerPoint · Material Disponível . Title: Apresentação do PowerPoint Author: ANDREW Created Date: 4/17/2015 2:07:12 PM](https://reader034.vdocuments.com.br/reader034/viewer/2022051604/5ff76fbb35bb5a5b27236b54/html5/thumbnails/14.jpg)
Eventos JavaScript
onMouseMove
O evento ocorre quando o usuário move o mouse sobre o
documento. Geralmente ele vem desabilitado por controlar o
ponteiro do mouse do usuário o tempo todo. O resultado deste
exemplo será exibido na linha de status do navegador (rodapé).
![Page 15: Apresentação do PowerPoint · Material Disponível . Title: Apresentação do PowerPoint Author: ANDREW Created Date: 4/17/2015 2:07:12 PM](https://reader034.vdocuments.com.br/reader034/viewer/2022051604/5ff76fbb35bb5a5b27236b54/html5/thumbnails/15.jpg)
Material Disponível
www.andrewtec.wordpress.com