Javascript<br />Jonas Vilasbôas Moreira<br />http://sdevlab.wordpress.com<br />
O que é JavaScript<br />JavaScript é uma linguagem de script que roda no navegador do usuário, é utilizada para adicionar ...
O que o JavaScript pode fazer?<br /><ul><li>Normalmente quem desenvolve layout não programa, mas como o JavaScript possui ...
JavaScript pode ser utilizado para colocar textos dinâmicos nas páginas, como por exemplo: document.write("<h1>" + name + ...
JavaScript reage a eventos
JavaScript pode ler e escrever elementos web
 Pode ser utilizado para validar dados
 Pode ser utilizado para detectar o brownser do usuário
 Pode ser utilizado para escrever cookies</li></li></ul><li>Exemplo de Código<br /><html><body><script type="text/javascri...
Onde colocar os códigos?<br />Algumas vezes desejamos que uma ação aconteça quando o usuário entrar no site, outras vezes ...
Upcoming SlideShare
Loading in …5
×

Javascript

2,201 views

Published on

Apostila básica de Javascript.

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

No Downloads
Views
Total views
2,201
On SlideShare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
82
Comments
1
Likes
0
Embeds 0
No embeds

No notes for slide

Javascript

  1. 1. Javascript<br />Jonas Vilasbôas Moreira<br />http://sdevlab.wordpress.com<br />
  2. 2. O que é JavaScript<br />JavaScript é uma linguagem de script que roda no navegador do usuário, é utilizada para adicionar interatividade à páginas.<br />Os scripts são interpretados pelo navegador, logo o mesmo deve oferecer suporte a linguagem, e a mesma é interpretada sem ser previamente compilada.<br />JavaScript não tem nada a ver com Java!<br />
  3. 3. O que o JavaScript pode fazer?<br /><ul><li>Normalmente quem desenvolve layout não programa, mas como o JavaScript possui uma sintaxe muito simples, até mesmo webdesigners conseguem escrever scripts.
  4. 4. JavaScript pode ser utilizado para colocar textos dinâmicos nas páginas, como por exemplo: document.write("<h1>" + name + "</h1>")
  5. 5. JavaScript reage a eventos
  6. 6. JavaScript pode ler e escrever elementos web
  7. 7. Pode ser utilizado para validar dados
  8. 8. Pode ser utilizado para detectar o brownser do usuário
  9. 9. Pode ser utilizado para escrever cookies</li></li></ul><li>Exemplo de Código<br /><html><body><script type="text/javascript">document.write("Hello World!");</script></body></html> <br />
  10. 10. Onde colocar os códigos?<br />Algumas vezes desejamos que uma ação aconteça quando o usuário entrar no site, outras vezes desejamos que a ação aconteça quando o cliente clicar em um botão, preencher um formulário, etc...<br />Como a linguagem é “executada” assim que o usuário acessa um site por exemplo, podemos precisar de mais de uma maneira de embutir os códigos, para isto podemos fazer das seguintes maneiras:<br /><ul><li> Scripts em <head>
  11. 11. Scripts em <body>
  12. 12. Scripts em <head> e <body>
  13. 13. Scripts externos</li></li></ul><li>Exemplo de scripts em <head><br /><html><head><script type="text/javascript">function message(){alert("This alert box was called with the onload event");}</script></head><body onload="message()"></body></html><br />
  14. 14. Exemplo de scripts em <body><br /><html><head></head><body><script type="text/javascript">document.write("This message is written by JavaScript");</script></body></html><br />
  15. 15. Scripts em <head> e <body><br /><html><head><script type="text/javascript">functionmessage(){alert("Thisalertboxwascalledwiththeonloadevent");}</script></head><bodyonload="message()"><script type="text/javascript">document.write("Thismessage is writtenbyJavaScript");</script></body></html><br />
  16. 16. Scripts em arquivos externos<br /><html><head><script type="text/javascript" src="xxx.js"></script></head><body></body></html><br />
  17. 17. Sintaxe<br /><ul><li>JavaScript é case sensitive
  18. 18. Os códigos executados sequencialmente
  19. 19. Os códigos podem ser agrupados em blocos
  20. 20. Comentários devem ser escritos no formato: //comentário
  21. 21. Para comentários de mais de uma linha usar o formato: /* */
  22. 22. variáveis também são case sensitives e devem ser escritas no formato: var x;
  23. 23. variáveis devem iniciar com uma letra ou o caracterundescore
  24. 24. como não é necessário definir o tipo da variável, para se atribuir um valor basta usar a sintaxe: var x = 5 ou var x = “texto”
  25. 25. uma variável não perde valor ao ser reescrita</li>

×