Introdução ao JavaScript e DOM

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

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ões
if(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

script title Input id=”nome”

window.onload=hello; Hello

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

Introdução ao JavaScript e DOM

Mais conteúdo relacionado

Mais procurados

Semelhante a Introdução ao JavaScript e DOM

Mais de Romualdo Andre

Introdução ao JavaScript e DOM