Transferir como ODP, PPTX
![Arrays var sabores=new Array(); sabores[0]=”chocolate”; sabores[1]=”creme”; var androids=[16,17,18,19,20]; var len=androids.length;](https://image.slidesharecdn.com/introjavascriptdom-121217061638-phpapp02/75/Introducao-ao-JavaScript-e-DOM-13-2048.jpg)
Carregado porRomualdo Andre
Introdução ao JavaScript e DOM
O documento apresenta uma introdução ao JavaScript e à manipulação do DOM, abordando a história, características, declaração de variáveis, expressões, laços, decisões e arrays. Explica como o JavaScript pode ser usado em diferentes ambientes e a interação entre JavaScript e o DOM. São fornecidos exemplos práticos e referências para aprofundamento no tema.
Introdução ao JavaScript e DOM
- 1. Introdução ao JavaScripte DOM Romualdo André da Costa Engenheiro de Computação - UEFS
- 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. Sumário ● Usando JavaScript ● DOM ● Interação entre JavaScript e DOM
- 4. Um pouco dehistória ● No início, as páginas eram estáticas ● Brendan Eich ● Mocha → LiveScript → JavaScript ● Netscape 2.0: 1995 ● Baseado em ECMAScript
- 5. Características ● Imperativa e Estruturada ● Dinâmica ● Baseada em objetos ● Funcional ● Vários ambientes: web, desktop, servidor
- 6.
- 7. Declarando uma variável ● var number=2; ● var floatNumber=3.14; ● var name=”Dr. Light”; ● var isValid=false; ● var cupsOfBeer;
- 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. Expressões ● var scoop=scoop-1; ● var x=Math.random() * 10; ● var ipi=0; ● var full=volume >= 10; ● var greeting=”Hello ”+name;
- 10. Laços var enemys=100; while (enemys> 0){ shootEnemy(); enemys=enemys-1; }
- 11. Laços for(var cups=0; cups<10;cups++){ drinkBeer(); } alert(“you cannot drive!”);
- 12. Decisões if(hour < 10){ alert(“Chegou cedo!”) } else if(hour == 10){ alert(“na hora!”); } else{ alert(“Atrasado!”) }
- 13. Arrays var sabores=new Array(); sabores[0]=”chocolate”; sabores[1]=”creme”; varandroids=[16,17,18,19,20]; var len=androids.length;
- 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. DOM document html head script title Input id=”nome” window.onload=hello; Hello
- 16. Interação entre JavaScripte DOM ● Ver arquivos hello.html e hello.js
- 17. Referências ● Head First: HTML5 Programming ● JavaScript: a bíblia ● World Wide Web: Como programar