O documento apresenta uma introdução sobre JavaScript, destacando que é uma linguagem client-side baseada em ECMAScript para navegadores web, dá mais inteligência às páginas web e suporte a Orientação a Objetos. Apresenta também como incorporar o JavaScript ao HTML e importá-lo de arquivos externos, e exemplos de função e interação com elementos HTML.

1. DESENVOLVIMENTO DE APLICAÇÕES PARA WEB
PROF. ANDRÉ COSTA
JavaScript
andre.costa@pro.unifacs.br

2. JS
• JS - JavaScript
• É uma linguagem client-side baseada no
ECMAScript para navegadores web.
• Dá mais inteligência às páginas web
• Dá suporte a Orientação a Objetos (OO)
• Sintaxe semelhante à PHP, JAVA, C/C++, etc.

3. JS
• Como utilizar?
• Incorporado ao HTML

4. JS
• Como utilizar?
• Importado de um arquivo JavaScript

5. JS
• Exemplo

6. JS
• Exemplo

7. JS
• Exemplo

8. JS
• Função

9. JS
• Interagindo com HTML (DHTML)

10. JS
• Interagindo com HTML (DHTML)
• onClick
• onChange
• onSubmit
• onBlur / onFocus
• onMouseOver / onMouseOut
• onKeyPress / onKeyDown / onKeyUp

11. JS
• Interagindo com HTML (DHTML)
• document.getElementById(“id”).value
• document.getElementById(“id”).innerHTML
• document.getElementById(“id”).src
• document.getElementById(“id”).style.display

12. JS

13. JS
• jQuery
• É um framework JavaScript amplamente
utilizado que fornece diversos componentes
prontos para os usuários.
Vale a pena estudar o jQuery!!!

14. JS
Mão na massa!
Pra%que!! Agora que você conhece JavaScript,
faça a validação da página de cadastro na
Agenda desenvolvida em sala de aula.