Baixar para ler offline
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.