19
Pacote Web Desenvolvendo com Padrões Web Módulo 3 - Introdução JavaScript Guilherme Cavalcanti [email protected] @guiocavalcanti

3 padroes-web-intro-javascript

Embed Size (px)

Citation preview

Page 1: 3 padroes-web-intro-javascript

Pacote WebDesenvolvendo com Padrões Web

Módulo 3 - Introdução JavaScript

Guilherme [email protected]

@guiocavalcanti

Page 2: 3 padroes-web-intro-javascript

O que é?

DOM Document Object Model É um padrão de interface para que outras linguagens possam acessar e interagir com o HTML.

Page 3: 3 padroes-web-intro-javascript

O que é?

Uma linguagem de script usada para interagir com o DOMÉ interpretada

Sem compilaçãoNão tem nada a ver com JavaFracamente tipada

Page 4: 3 padroes-web-intro-javascript

Inclusão

Interno

http://pastebin.com/GxJY9X7f

Page 5: 3 padroes-web-intro-javascript

Inclusão

Externo

http://pastie.org/847219

Page 6: 3 padroes-web-intro-javascript

Shell interativo do firebug

Page 7: 3 padroes-web-intro-javascript

Variáveis

Usadas para armazenar valoresSão case-sensitives

Assim como o resto da linguagemPrecisam começar com letra ou _

http://pastie.org/847239

Page 8: 3 padroes-web-intro-javascript

Operadores

Operações básicas+-*/

Operadores lógicose &&ou ||

Page 9: 3 padroes-web-intro-javascript

Operadores

Concatenação

Incremento/decremento

Page 10: 3 padroes-web-intro-javascript

Operadores de Comparação

==!= >>=<=<

Page 11: 3 padroes-web-intro-javascript

Tipos

NumberStringBooleanundefined

Page 12: 3 padroes-web-intro-javascript

if

Sequência de instruções

Podemos alterar essa característica

http://pastie.org/847386

http://pastie.org/847388

Page 13: 3 padroes-web-intro-javascript

while

http://pastie.org/847403

Page 14: 3 padroes-web-intro-javascript

for

Page 15: 3 padroes-web-intro-javascript

Boxes

http://pastie.org/847393

Page 16: 3 padroes-web-intro-javascript

Funções

Modularizar melhor o código

Retorno

Page 17: 3 padroes-web-intro-javascript

Escopo das variáveis

Se declaradas dentro dentro da função são locaisSe declaradas fora das funções são acessíveis pelo documento inteiro

Page 18: 3 padroes-web-intro-javascript

Array

Page 19: 3 padroes-web-intro-javascript

Criando objeto