dominando javascript

77
DOMinando JavaScript

Upload: thiago-henrique-poiani

Post on 26-Jun-2015

340 views

Category:

Software


15 download

DESCRIPTION

Apresentação realizada durante a Semana Nacional de Ciência e Tecnologia de 2014, no Instituto Federal de Educação, Ciência e Tecnologia, em São Carlos. O minicurso "DOMinando Javascript" pretende mostrar os primeiros passos em Javascript, a linguagem mais utilizada no GitHub, passando do primeiro "Hello World" em um escopo global no navegador, até a manipulação de DOM (Document Object Model).

TRANSCRIPT

Page 1: DOMinando JavaScript

DOMinando JavaScript

Page 2: DOMinando JavaScript

Thiago Henrique Poiani

IFSP - São CarlosTecnólogo em Análise e Desenvolvimento de Sistemas

Page 3: DOMinando JavaScript

Thiago Henrique Poiani

Page 7: DOMinando JavaScript

JavaScript

História

Page 8: DOMinando JavaScript

História

JavaScript é uma linguagem de programação interpretada

Criada por Brendan Eich em 1995

Padronizada pelo grupo ECMA - ECMAScript

Page 9: DOMinando JavaScript

JavaScript

Por onde começar?

Page 11: DOMinando JavaScript

Por onde começar?

Web ConsoleAptanaEclipseKomodoJetBrains WebStormMicrosoft Visual StudioNetBeans

AtomBracketsNotepad++Sublime TextVim

Page 12: DOMinando JavaScript

JavaScript

Hello World

Page 14: DOMinando JavaScript

JavaScript

Tipos

Page 17: DOMinando JavaScript

JavaScript

Operações

Page 20: DOMinando JavaScript

JavaScript

String

Page 22: DOMinando JavaScript

JavaScript

Array

Page 24: DOMinando JavaScript

JavaScript

Expressões

Page 29: DOMinando JavaScript

JavaScript

Function

Page 32: DOMinando JavaScript

JavaScript

Object

Page 36: DOMinando JavaScript

Callbacks

Page 37: DOMinando JavaScript

AJAX

Page 38: DOMinando JavaScript

JavaScript

Strict Mode

Page 40: DOMinando JavaScript

Intervalo

Page 41: DOMinando JavaScript

JavaScript

Como vou rodar tudo que vi até agora em um site?

Page 42: DOMinando JavaScript

Como vou rodar tudo que vi até agora em um site?

Page 43: DOMinando JavaScript

Como vou rodar tudo que vi até agora em um site?

Page 44: DOMinando JavaScript

Como vou rodar tudo que vi até agora em um site?

Page 45: DOMinando JavaScript

Como vou rodar tudo que vi até agora em um site?

Page 46: DOMinando JavaScript

Content Delivery Network (CDN)

Page 48: DOMinando JavaScript

JavaScript

O que mais JavaScript faz?

Page 49: DOMinando JavaScript

O que mais JavaScript faz?

Manipulação de DOM

Page 50: DOMinando JavaScript

DOM é uma multi-plataforma que representa como as marcações em HTML, XHTML e XML são organizadas e lidas pelo navegador

Page 51: DOMinando JavaScript

Window Object

Objeto Window representa a janela que contem o DOM.

Window.alert();Window.open();

Page 52: DOMinando JavaScript

Document Object

Objeto Document, acessível por window.document, possui o DOM Tree.

https://developer.mozilla.org/en-US/docs/Web/API/Document

Page 53: DOMinando JavaScript

JavaScript

Como manipulo um nó?

Page 60: DOMinando JavaScript

Cross-browser

Page 61: DOMinando JavaScript

Web Semântica

http://www.w3c.br/Padroes/WebSemantica

Page 64: DOMinando JavaScript

Document Object

http://html5doctor.com/html5-custom-data-attributes/

Page 65: DOMinando JavaScript

JavaScript

Vamos manipular eventos?

Page 68: DOMinando JavaScript

Events

Page 69: DOMinando JavaScript

JavaScript

this

Page 70: DOMinando JavaScript

this

Toda função, ao ser executada, gera uma associação do objeto criado pelo interpretador através da palavra reservada this.

http://tableless.com.br/javascript-entendendo-o-this/

Page 72: DOMinando JavaScript

this

http://tableless.com.br/javascript-entendendo-o-this/

Page 73: DOMinando JavaScript

JavaScript

Hoje e Futuro

Page 76: DOMinando JavaScript

JavaScript

Obrigado!