Você está na página 1de 11

Construção de Páginas Web II

3° Semestre – Aula - 01

Prof. Gill Velleda. Gonzales


● O que é JavaScript?
JavaScript é uma linguagem de script baseada
em ECMAScript padronizada pela Ecma
international nas especificações ECMA-262 e
ISO/IEC 16262 e é atualmente a principal
linguagem para programação client-side em
navegadores web.
● Mas o que é Client-Side?
Programação que executa no lado cliente em
uma estrutura cliente-servidor como a web.
Linguagens como PHP executam no Servidor
enquanto que o JavaScript executa no
Navegador Web, ou seja na máquina do usuário.
JavaScript não é JAVA!
● JAVA:
– Linguagem Compilada
– Executa na máquina virtual JVM (JRE);
● JavaScript
– Linguagem Interpretada
– Executa em um Navegador Web
● JavaScript é embarcado em páginas HTML
adicionando funcionlidades como validação de
formulário ou comunicação assincrona com o servidor
web. Milhões de páginas web usam a tecnologia, um
exemplo é a sua conta no gmail, ou seu perfil em
redes sociais como facebook ou twitter. Com JS é
possível:
● Abrir novas páginas com controle de tamanho;
● Validar informações de um formulário antes de
envia ao servidor web;
● Cria efeitos com imagens e interações de acordo
com movientos do mouse, etc;
● O JS interage com o DOM (Document Object
Model) de uma página HTML, possibilitando
várias manipulações como a alteração de
conteúdos, controles do navegador ou objetos da
própria página.
● O JS interage com o DOM (Document Object
Model) de uma página HTML, possibilitando
várias manipulações como a alteração de
conteúdos, controles do navegador ou objetos da
própria página. Os principais objetos são:
● Document: Trata do doumento HTML;
– Element: Tag ou elemento html específico;
● <img>

– Atribute: Atributo de um elemento;


● href
● Mas como progamar em JS?
Existem três maneiras de criar scripts em JS:
● Inserir o script entre as tags <script></script>
no <head> da página HTML; (recomendado)
● Inserir as tags <script> em qualquer posição
dentro da página;
● Inportar um arquivo .js com as tagas <script>
● Baixe o arquivo de exemplos no Mooble
● Link: link
● Abra as arquivos com o seu navegador:
● cpw2_ex01_1.html
● cpw2_ex01_2.html
● cpw2_ex01_3.html
REFERÊNCIAS:
● http://www.slideshare.net/lucasleite/javascript-
aula-introdutria
● http://www.w3schools.com/js/
● http://www.livrojavascript.com.br