introdução ao javascript e dom
TRANSCRIPT
Introdução ao JavaScript e DOM
Romualdo André da CostaEngenheiro de Computação - UEFS
Sumário
● Um pouco de história● Características● Como isso funciona?● Declarando uma variável● Expressões● Laços● Decisões● Arrays
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● Netscape 2.0: 1995● Baseado em ECMAScript
Características
● Imperativa e Estruturada● Dinâmica● Baseada em objetos● Funcional● Vários ambientes: web, desktop, servidor
Como isso funciona?
Declarando uma variável
● var number=2;● var floatNumber=3.14;● var name=”Dr. Light”;● var isValid=false;● var cupsOfBeer;
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
Expressões
● var scoop=scoop-1;● var x=Math.random() * 10;● var ipi=0;● var full=volume >= 10;● var greeting=”Hello ”+name;
Laços
var enemys=100;
while (enemys > 0){
shootEnemy();
enemys=enemys-1;}
Laços
for(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!”)
}
Arrays
var sabores=new Array();
sabores[0]=”chocolate”;
sabores[1]=”creme”;
var androids=[16,17,18,19,20];
var len=androids.length;
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
DOM
document
html
head
title
Hello
script
window.onload=hello;
Input id=”nome”
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