JS 101 - Introdução ao JavaScript

JS 101
Introdução a Programação em JavaScript

quarta-feira, 19 de outubro de 11

Arquitetura REST

WWW


CLIENTE-SERVIDOR

CLIENTE SERVIDOR


STATELESS

CLIENTE

CLIENTE SERVIDOR

CLIENTE


CACHE

CLIENTE
$

CLIENTE $ SERVIDOR

$
CLIENTE


INTERFACE COMUM

SERVIDOR
CLIENTE
$

CLIENTE $ SERVIDOR

$
CLIENTE


CAMADAS

PROXY $ SERVIDOR
CLIENTE
$

CLIENTE $ PROXY $ SERVIDOR

$
CLIENTE


CÓDIGO SOB DEMANDA

PROXY $ SERVIDOR
CLIENTE
$

CLIENTE $ PROXY $ SERVIDOR

$
CLIENTE


= JavaScript


PROTOCOLO HTTP
Protocolo usado na Web

“Interface Comum”
mencionada pelo REST


Anatomia do HTTP


Anatomia do HTTP

Requisição

CLIENTE SERVIDOR
Resposta


REQUISIÇÃO

Verbo

Resource

Cabeçalhos

Corpo da Mensagem
(Opcional)


REQUISIÇÃO

Verbo Resource Cabeçalhos


RESPOSTA

Status

Cabeçalhos

Corpo da Mensagem


RESPOSTA
Status Cabeçalhos


VERBOS

GET POST HEAD

PUT DELETE TRACE

OPTIONS CONNECT PATCH


STATUS (Alguns exemplos)

200 (OK)

301 (MOVED PERMANENTLY)

404 (NOT FOUND)

500 (INTERNAL SERVER ERROR)


JavaScript
Linguagem de Programação

Alto Nível

Netscape, 1995


JavaScript vs Java
Frequentemente Confundido
com Java

Convenções de nomes são
semelhantes

Ambos herdam a sintaxe
do C


Java Python

Forte
Estática Dinâmica

Fraca

C JavaScript


Hello, World!
document.write('Hello, World!');


Variáveis, ifs, loops
var max = 20;
for (var i = 0; i < max; i++) {
if (i % 2 == 0) {
document.writeln("Par: "+i);
} else {
document.writeln("Impar: "+i);
}
}


Pontos-e-vírgulas São Opcionais

var max = 20
for (var i = 0; i < max; i++) {
if (i % 2 == 0) {
document.writeln("Par: "+i)
} else {
document.writeln("Impar: "+i)
}
}


Dinamicamente Tipada

// mesma variável pode abrigar valores de
// tipos diferentes ao longo da execução

var foo
foo = 5
foo = 'Hello'
foo = false


Fracamente Tipada

Expressão Resultado

1 == "1" .true.

2-"1" 1

1/"3" 0.3333...

2+"2" 22


Fracamente Tipada

Expressão Resultado

1 === "1" .false.

2-"1" 1

1/"3" 0.3333...

2+parseInt("2") 4


Arrays

var arr = [4, 32, 7, false, 'abc']

document.write(arr[0]) // 4

arr.push(9) // [4, 32, 7, false, 'abc', 9]

var p = arr.shift() // [32, 7, false, 'abc', 9]

document.write(p) // 4


Objetos

var pessoa = {
nome: ‘José’,
idade: 23
}

document.write(pessoa.nome)
document.write(pessoa['nome']) // equivalentes

pessoa.sexo = 'M' // perfeitamente válido
document.write(pessoa.sexo)


Funções

function somaDois(x) {
return x+2
}

somaDois(5) // retorna 7


Funções de Primeira Classe

var mensagem = function() {
document.write('Hello!')
}

mensagem()

setTimeout(mensagem, 5000)


Funções de Primeira Classe

var chamar10x = function(f) {
for(var i = 0; i < 10; i++) {
f()
}
}

chamar10x(mensagem)

var x = 0
chamar10x(function(){ x++ })
document.write(x) // 10


Funções + Objetos

var pessoa = {
nome: "José",
sobrenome: "da Silva",
nomeCompleto: function() {
return this.nome + ' ' + this.sobrenome
}
}

document.write(pessoa.nomeCompleto())


Protótipos

var Pessoa = function(nome, sobrenome){
this.nome = nome
this.sobrenome = sobrenome
}
Pessoa.protoype.nomeCompleto = function() {
return this.nome + ' ' + this.sobrenome
}

var p = new Pessoa('José', 'da Silva')
document.write(p.nomeCompleto())


Código de Exemplo

http://github.com/coreh/js101


JS 101 - Introdução ao JavaScript

Recomendados

Recomendados

Más contenido relacionado

Destacado

Destacado (7)

JS 101 - Introdução ao JavaScript