JAVASCRIPT
M5
Sumário
Iremos abordar:
 O que é o Javascript?
Javascript ≠ Java
O que faz o Javascript?
O que não faz o Javascript?
Javascript e AJAX
Exercício prático
2
O que é Javascript?
o Uma linguagem de programação que
proporciona interactividade às páginas web;
o Linguagem script (não necessita de compilador);
o Um script em Javascript é um programa que se
inclui (ou num ficheiro externo) numa página
HTML;
o Os scripts em Javascript são texto (código)
colocados numa página web interpretados e
executados pelos browsers.
3
Javascript ≠ Java
o Java é uma linguagem diferente (Netscape)
o São duas técnicas diferentes de programação
na Internet:
– Java é uma linguagem de programação.
– JavaScript é uma linguagem de scripting (tal como
diz o nome). Embebed numa página web.
4
O que faz o Javascript?
o Cria um interface com o utilizador activo;
o Pode validar dados introduzidos em
formulários (form);
o Permite personalizar página HTML no
momento, com base: nos dados introduzidos,
cookies, no dia de semana, na semana, da
localização, entre outras;
o Pode controlar os browsers (utilizador pode
permitir ou não);
5
O que não faz o Javascript?
o Não permite comunicar com uma base de
dados;
o Não pode escrever em ficheiro (fora dos
cookies);
o Não permite manter contadores;
o Não permite guardar o “rasto” (excepto com
cookies);
6
Controlar a experiência do utilizador
o Conhecer a experiência:
– Obter conteúdos diferentes com base no dia, tempo,
browser, ente outros;
o Expandir a experiência:
– Páginas dinâmicas sem CGI
– Elementos do UI (user interface): elemento que
reagem ao input do utilizador;
– Menus de navegação popup;
o Validação do input
7
Onde colocar o Javascript?
o Dentro do ficheiro HTML
– No HEAD
– No BODY
o Num ficheiro externo
– Preferível, pelas mesmas razões das CSS
8
Javascript: exemplo
<html>
<head>
<title>Javascript</title>
</head>
<body>
<h1>Em HTML</h1>
<h1>
<script type="text/javascript">
document.write(“Agora em JavaScript");
</script>
</h1>
</body>
</html>
9
Exercício prático
oCria uma página web que dê como Output:
10
Este é a minha primeira página Web.
Com Javascript, claro!
Webgrafia e Bibliografia
o http://www.w3schools.com/js/js_intro.asp
o Teagu, J. C. (2004). DHTML and CSS for the World
Wide Web (2ª Ed.). USA:Peachpit Press.
11

Módulo 5 - Desenvolvimento de Páginas Web Dinâmicas - Javascript.pptx

  • 1.
  • 2.
    Sumário Iremos abordar:  Oque é o Javascript? Javascript ≠ Java O que faz o Javascript? O que não faz o Javascript? Javascript e AJAX Exercício prático 2
  • 3.
    O que éJavascript? o Uma linguagem de programação que proporciona interactividade às páginas web; o Linguagem script (não necessita de compilador); o Um script em Javascript é um programa que se inclui (ou num ficheiro externo) numa página HTML; o Os scripts em Javascript são texto (código) colocados numa página web interpretados e executados pelos browsers. 3
  • 4.
    Javascript ≠ Java oJava é uma linguagem diferente (Netscape) o São duas técnicas diferentes de programação na Internet: – Java é uma linguagem de programação. – JavaScript é uma linguagem de scripting (tal como diz o nome). Embebed numa página web. 4
  • 5.
    O que fazo Javascript? o Cria um interface com o utilizador activo; o Pode validar dados introduzidos em formulários (form); o Permite personalizar página HTML no momento, com base: nos dados introduzidos, cookies, no dia de semana, na semana, da localização, entre outras; o Pode controlar os browsers (utilizador pode permitir ou não); 5
  • 6.
    O que nãofaz o Javascript? o Não permite comunicar com uma base de dados; o Não pode escrever em ficheiro (fora dos cookies); o Não permite manter contadores; o Não permite guardar o “rasto” (excepto com cookies); 6
  • 7.
    Controlar a experiênciado utilizador o Conhecer a experiência: – Obter conteúdos diferentes com base no dia, tempo, browser, ente outros; o Expandir a experiência: – Páginas dinâmicas sem CGI – Elementos do UI (user interface): elemento que reagem ao input do utilizador; – Menus de navegação popup; o Validação do input 7
  • 8.
    Onde colocar oJavascript? o Dentro do ficheiro HTML – No HEAD – No BODY o Num ficheiro externo – Preferível, pelas mesmas razões das CSS 8
  • 9.
    Javascript: exemplo <html> <head> <title>Javascript</title> </head> <body> <h1>Em HTML</h1> <h1> <scripttype="text/javascript"> document.write(“Agora em JavaScript"); </script> </h1> </body> </html> 9
  • 10.
    Exercício prático oCria umapágina web que dê como Output: 10 Este é a minha primeira página Web. Com Javascript, claro!
  • 11.
    Webgrafia e Bibliografia ohttp://www.w3schools.com/js/js_intro.asp o Teagu, J. C. (2004). DHTML and CSS for the World Wide Web (2ª Ed.). USA:Peachpit Press. 11

Notas do Editor

  • #3 Uma página html é a mesma hoje, amanhã ou para o mês que vem . Então por que motivo as pessoas visitam páginas? Se uma página web tem interactividade vale a pena consultar. Esta linguagem também é uma linguagem conhecida como script. O script pode ser incluído dentro ou fora da página HTML.
  • #5 Os acontecimentos terão por base os inputs do utilizador, participa no resultado da página. Pode introduzir dados e obter uma resposta. Já experimentaram certamente de encomendar algo na internet….submeteram os dados e obtiveram um resposta do servidor que o seu nome tem caracteres não permitidos ou não pode ter espaços, etc.. Com o javascript isso não acontece, os dados não precisam de ir para o servidor. O que acontece é que o cliente realiza parte desse trabalho;
  • #6 Não permite manter contadores, porque não guarda em ficheiros; Não permite guardar o “rasto” , saber onde está numa tarefa, onde está localizado, etc.