O documento apresenta uma introdução a JavaScript, destacando que é uma linguagem de programação criada para interagir com páginas HTML e que hoje também é usada em aplicações desktop, móveis e servidores. Apresenta também bibliotecas e conceitos importantes como jQuery, HTML DOM e manipulação de elementos e eventos.
2. JavaScript
• Linguagem de alto nível criada para ser executada pelo
navegador de internet e oferecer interatividade à
documentos HTML
• Hoje existe em aplicações desktop, móveis e servidores
2
4. jQuery
• Biblioteca JavaScript rápida, pequena e com vastos recursos
• Possui uma interface fácil de usar e que funciona igualmente
na grande maioria dos navegadores
• CDN Google
• //ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js
4
5. HTML - DOM
<html>
<head>
<title>Título</title>
</head>
<body>
<h1>Teste</h1>
<ul>
<li>Item 1</li>
<li>Item 2</li>
</ul>
</body>
</html>
5
6. HTML - DOM
document
html
head title Título
<html>
<head>
<title>Título</title> body h1 Teste
</head>
<body> ul li Item 1
<h1>Teste</h1>
<ul>
<li>Item 1</li> li Item 2
<li>Item 2</li>
</ul>
</body>
</html>
6
7. HTML - DOM
document
html
head title Título
body h1 Teste
ul li Item 1
li Item 2
$('ul').append('<li>Item 3</li>'); li Item 3
7
8. HTML - DOM
document
html
head title Título
body h1 Teste
ul li Item 1
li Item 2
$('h1').remove(); li Item 3
8
9. Antes de continuar...
Não serão apresentadas todas as
funções disponíveis na biblioteca
As funções iniciadas com $ são
chamadas diretamente sem
precisar ser direcionada com um
seletor obrigatório
recomendado
A utilização de parâmetros será
identificada com cores opcional
9