M5JAVASCRIPTAgrupamento de EscolasdaBatalhaMiguelaFernandesJaneiro 2011
SumárioIremos 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 ≠ JavaJava é 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

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

  • 1.
  • 2.
    SumárioIremos abordar: Oque é o Javascript?
  • 3.
  • 4.
    O que fazo Javascript?
  • 5.
    O que nãofaz o Javascript?
  • 6.
  • 7.
  • 8.
    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
  • 9.
    Javascript ≠ JavaJavaé 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
  • 10.
    O que fazo 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
  • 11.
    O que nãofaz 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
  • 12.
    Controlar a experiênciado utilizadorConhecer a experiência:Obter conteúdos diferentes com base no dia, tempo, browser, ente outros;Expandir a experiência:Páginas dinâmicas sem CGIElementos do UI (user interface): elemento que reagem ao input do utilizador;Menus de navegação popup;Validação do inputMF.7
  • 13.
    Onde colocar oJavascript?Dentro do ficheiro HTMLNo HEADNo BODY Num ficheiro externoPreferível, pelas mesmas razões das CSSMF.8
  • 14.
    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>MF.9
  • 15.
    Exercício práticoCria umapágina web que dê como Output:MF.10Este é a minha primeira página Web.Com Javascript, claro!
  • 16.
    Webgrafia e Bibliografiahttp://www.w3schools.com/js/js_intro.aspTeagu,J. C. (2004). DHTML and CSS for the World Wide Web (2ª Ed.). USA:Peachpit Press.MF.11