Introdução ao JavaScript e DOM      Romualdo André da Costa  Engenheiro de Computação - UEFS
Sumário●   Um pouco de história●   Características●   Como isso funciona?●   Declarando uma variável●   Expressões●   Laço...
Sumário●   Usando JavaScript●   DOM●   Interação entre JavaScript e DOM
Um pouco de história●   No início, as páginas eram estáticas●   Brendan Eich●   Mocha → LiveScript → JavaScript●   Netscap...
Características●   Imperativa e Estruturada●   Dinâmica●   Baseada em objetos●   Funcional●   Vários ambientes: web, deskt...
Como isso funciona?
Declarando uma variável●   var number=2;●   var floatNumber=3.14;●   var name=”Dr. Light”;●   var isValid=false;●   var cu...
Declarando uma variável●   Comece o nome com uma letra, _ ou $●   Depois use qualquer letra, número, _, $●   Evite as pala...
Expressões●   var scoop=scoop-1;●   var x=Math.random() * 10;●   var ipi=0;●   var full=volume >= 10;●   var greeting=”Hel...
Laçosvar enemys=100;while (enemys > 0){    shootEnemy();    enemys=enemys-1;}
Laçosfor(var cups=0; cups<10;cups++){    drinkBeer();}alert(“you cannot drive!”);
Decisõesif(hour < 10){    alert(“Chegou cedo!”)}else if(hour == 10){    alert(“na hora!”);}else{    alert(“Atrasado!”)}
Arraysvar sabores=new Array();sabores[0]=”chocolate”;sabores[1]=”creme”;var androids=[16,17,18,19,20];var len=androids.len...
Usando JavaScript●   O script pode ficar dentro do <head>●   Referenciar um arquivo separado dentro do    <head>●   Coloca...
DOM                                document                                  html                        head       script...
Interação entre JavaScript e DOM●   Ver arquivos hello.html e hello.js
Referências●   Head First: HTML5 Programming●   JavaScript: a bíblia●   World Wide Web: Como programar
Próximos SlideShares
Carregando em…5
×

Introdução ao JavaScript e DOM

615 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
615
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

×