28
Javascript ao infinito e além @rafael_sps

Javascript ao Infinito e Além TDC Porto Alegre 2014

Embed Size (px)

DESCRIPTION

Nessa palestra abordei algumas APIs que considero promissoras no HTML5 como acessá-las com o Javascript tornando a experiência do usuário interessante.

Citation preview

Page 1: Javascript ao Infinito e Além TDC Porto Alegre 2014

Javascript ao infinito e além

@rafael_sps

Page 2: Javascript ao Infinito e Além TDC Porto Alegre 2014

Quem?Rafael Specht da Silva,

Web Developer no Grupo RBS

Page 3: Javascript ao Infinito e Além TDC Porto Alegre 2014
Page 4: Javascript ao Infinito e Além TDC Porto Alegre 2014

Javascript é uma linguagem bem legal, mas...

Page 5: Javascript ao Infinito e Além TDC Porto Alegre 2014

// false

0.3 === 0.1 + 0.2

Page 6: Javascript ao Infinito e Além TDC Porto Alegre 2014

// true

0.2 + 0.1 === 0.30000000000000004

// exemplo by Douglas Crockford

Page 7: Javascript ao Infinito e Além TDC Porto Alegre 2014

Isso é quase engra-çado...

Page 8: Javascript ao Infinito e Além TDC Porto Alegre 2014

Javascript é útil para…

Page 9: Javascript ao Infinito e Além TDC Porto Alegre 2014

…fazer relógios

Page 10: Javascript ao Infinito e Além TDC Porto Alegre 2014

…validar formu-lários

Page 11: Javascript ao Infinito e Além TDC Porto Alegre 2014

…AWESOMENESS

Page 12: Javascript ao Infinito e Além TDC Porto Alegre 2014

“Existem mais APIs entre o céu e a terra do que sonha vossa vã filosofia”

(talvez pra fazer o que já se fazia no desktop e/ou devices...)

Page 13: Javascript ao Infinito e Além TDC Porto Alegre 2014

WebSockets

SSE resolve(rá) o problema de “só receber”

Page 14: Javascript ao Infinito e Além TDC Porto Alegre 2014

LocalStorage

Page 15: Javascript ao Infinito e Além TDC Porto Alegre 2014

WebSockets + LocalStorageCompartilhar informações recebidas pelo Socket entre janelas/abas

Page 17: Javascript ao Infinito e Além TDC Porto Alegre 2014

Network Information API

Page 18: Javascript ao Infinito e Além TDC Porto Alegre 2014
Page 19: Javascript ao Infinito e Além TDC Porto Alegre 2014

var connection = navigator.connection || navigator.

mozConnection ||

navigator.webkitConnection;

bandwidth - estimativa da banda atual

metered - a banda do usuário pode sofrer limitações

Page 20: Javascript ao Infinito e Além TDC Porto Alegre 2014

Page Visibility API

Status de visibilidade de um documento(talk is cheap…)

Page 21: Javascript ao Infinito e Além TDC Porto Alegre 2014

Battery API

Page 22: Javascript ao Infinito e Além TDC Porto Alegre 2014

Informações sobre a bateria do dispositivo

window.navigator.battery

Page 23: Javascript ao Infinito e Além TDC Porto Alegre 2014

Push State

Page 24: Javascript ao Infinito e Além TDC Porto Alegre 2014

Acesso ao histórico do browser

window.history(talk is cheap...)

Page 25: Javascript ao Infinito e Além TDC Porto Alegre 2014

Web Audio API

Page 26: Javascript ao Infinito e Além TDC Porto Alegre 2014

Manipulação de um contexto de áudio

Page 27: Javascript ao Infinito e Além TDC Porto Alegre 2014

Diferença da tag <audio>?

Nodos de ganho, filtros, delay, etc

Espacialização

Gerar som matematicamente(talk is cheap…)

Page 28: Javascript ao Infinito e Além TDC Porto Alegre 2014

“Tragam-me o horizonte!”

@rafael_spsgithub.com/rssilva

[email protected]/rafaelspdasilva