Módulo: 5 – Desenvolvimento de Páginas Web Dinâmicas: Javascript

M5
JAVASCRIPT
Agrupamento de EscolasdaBatalha
MiguelaFernandes
Janeiro 2011

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
MF.
2

O que é Javascript?
Uma linguagem de programação que proporciona interactividade às páginas web;
Linguagem script (não necessita de compilador);
Um script em Javascript é um programa que se inclui (ou num ficheiro externo) numa página HTML;
Os scripts em Javascript são texto (código) colocados numa página web interpretados e executados pelos browsers.
MF.
3

Javascript ≠ Java
Java é uma linguagem diferente (Netscape)
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.
MF.
4

O que faz o Javascript?
Cria um interface com o utilizador activo;
Pode validar dados introduzidos em formulários (form);
Permite personalizar página HTML no momento, com base: nos dados introduzidos, cookies, no dia de semana, na semana, da localização, entre outras;
Pode controlar os browsers (utilizador pode permitir ou não);
MF.
5

O que não faz o Javascript?
Não permite comunicar com uma base de dados;
Não pode escrever em ficheiro (fora dos cookies);
Não permite manter contadores;
Não permite guardar o “rasto” (excepto com cookies);
MF.
6

Controlar a experiência do utilizador
Conhecer a experiência:
Obter conteúdos diferentes com base no dia, tempo, browser, ente outros;
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;
Validação do input
MF.
7

Onde colocar o Javascript?
Dentro do ficheiro HTML
No HEAD
No BODY
Num ficheiro externo
Preferível, pelas mesmas razões das CSS
MF.
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>
MF.
9

Exercício prático
Cria uma página web que dê como Output:
MF.
10
Este é a minha primeira página Web.
Com Javascript, claro!

Webgrafia e Bibliografia
http://www.w3schools.com/js/js_intro.asp
Teagu, J. C. (2004). DHTML and CSS for the World Wide Web (2ª Ed.). USA:Peachpit Press.
MF.
11

Módulo: 5 – Desenvolvimento de Páginas Web Dinâmicas: Javascript

by Miguela Fernandes on Jan 30, 2011

Accessibility

Categories

Upload Details

Usage Rights

1 Embed 71

Statistics

Módulo: 5 – Desenvolvimento de Páginas Web Dinâmicas: Javascript Presentation Transcript