Introdução ao JavaScript e DOM

584 visualizações

Publicada em

Introdução ao JavaScript e DOM apresentada para os integrantes do grupo de pesquisa sobre PBL na UEFS.

Publicada em: Tecnologia
0 comentários
0 gostaram
Estatísticas
Notas
  • Seja o primeiro a comentar

  • Seja a primeira pessoa a gostar disto

Sem downloads
Visualizações
Visualizações totais
584
No SlideShare
0
A partir de incorporações
0
Número de incorporações
76
Ações
Compartilhamentos
0
Downloads
14
Comentários
0
Gostaram
0
Incorporações 0
Nenhuma incorporação

Nenhuma nota no slide

Introdução ao JavaScript e DOM

  1. 1. Introdução ao JavaScript e DOM Romualdo André da Costa Engenheiro de Computação - UEFS
  2. 2. Sumário● Um pouco de história● Características● Como isso funciona?● Declarando uma variável● Expressões● Laços● Decisões● Arrays
  3. 3. Sumário● Usando JavaScript● DOM● Interação entre JavaScript e DOM
  4. 4. Um pouco de história● No início, as páginas eram estáticas● Brendan Eich● Mocha → LiveScript → JavaScript● Netscape 2.0: 1995● Baseado em ECMAScript
  5. 5. Características● Imperativa e Estruturada● Dinâmica● Baseada em objetos● Funcional● Vários ambientes: web, desktop, servidor
  6. 6. Como isso funciona?
  7. 7. Declarando uma variável● var number=2;● var floatNumber=3.14;● var name=”Dr. Light”;● var isValid=false;● var cupsOfBeer;
  8. 8. Declarando uma variável● Comece o nome com uma letra, _ ou $● Depois use qualquer letra, número, _, $● Evite as palavras reservadas● Escolha nomes significativos● CamelCase● Use $ e _ apenas com bom motivo: convenção utilizada em algumas bibliotecas
  9. 9. Expressões● var scoop=scoop-1;● var x=Math.random() * 10;● var ipi=0;● var full=volume >= 10;● var greeting=”Hello ”+name;
  10. 10. Laçosvar enemys=100;while (enemys > 0){ shootEnemy(); enemys=enemys-1;}
  11. 11. Laçosfor(var cups=0; cups<10;cups++){ drinkBeer();}alert(“you cannot drive!”);
  12. 12. Decisõesif(hour < 10){ alert(“Chegou cedo!”)}else if(hour == 10){ alert(“na hora!”);}else{ alert(“Atrasado!”)}
  13. 13. Arraysvar sabores=new Array();sabores[0]=”chocolate”;sabores[1]=”creme”;var androids=[16,17,18,19,20];var len=androids.length;
  14. 14. Usando JavaScript● O script pode ficar dentro do <head>● Referenciar um arquivo separado dentro do <head>● Colocar o script ou a referencia ao arquivo dentro do <body>● Exemplo nos arquivos hello.html e hello.js
  15. 15. DOM document html head script title Input id=”nome”window.onload=hello; Hello
  16. 16. Interação entre JavaScript e DOM● Ver arquivos hello.html e hello.js
  17. 17. Referências● Head First: HTML5 Programming● JavaScript: a bíblia● World Wide Web: Como programar

×