O documento apresenta uma introdução à linguagem JavaScript, destacando que se trata de uma linguagem client-side baseada no ECMAScript para navegadores web, que dá mais inteligência e suporte a orientação a objetos em páginas web. Também explica como incorporar o JavaScript ao HTML e importá-lo de arquivos externos, e demonstra exemplos de função, interação com elementos HTML e o framework jQuery.

1. JavaScript
Desenvolvimento de Aplicações para Web
Prof. MSc. André Costa - andre.costa@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!
Pratique!! Agora que você conhece JavaScript, faça a validação da página
de cadastro na Agenda desenvolvida em sala de aula.

15. Prof. MSc. André Costa
andre.costa@unifacs.br