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

3,128
-1

Published on

Curso Técnico de Gestão e Programação de Sistema Informáticos, ano lectivo 2010/2011.

Published in: Education
1 Comment
0 Likes
Statistics
Notes
  • Be the first to like this

No Downloads
Views
Total Views
3,128
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
70
Comments
1
Likes
0
Embeds 0
No embeds

No notes for slide

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

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

    Clipping is a handy way to collect important slides you want to go back to later.

×