Tweet
Tweet

Slide 1

Slide 1 text

#04 – history api / file api / websockets

Slide 2

Slide 2 text

No content

Slide 3

Slide 3 text

window.history • Guarda las páginas visitadas y permite navegar entre ellas. • También guarda el estado de la entrada actual.

Slide 4

Slide 4 text

pushState y replaceState • pushState : Crea una nueva entrada en window.history. • replaceState : Reemplaza la última entrada del history.

Slide 5

Slide 5 text

onhashchange / onpopstate

Slide 6

Slide 6 text

Soporte

Slide 7

Slide 7 text

Soporte IE10 Chrome8+ / Safari5+ Firefox 4+ Opera 10.5+

Slide 8

Slide 8 text

No content

Slide 9

Slide 9 text

File API • Permite manejar archivos sin necesidad de subirlos a un servidor.

Slide 10

Slide 10 text

FileReader

Slide 11

Slide 11 text

Eventos 1. onloadstart 2. onprogress 3. onload 4. onloadend • onerror • onabort

Slide 12

Slide 12 text

Soporte

Slide 13

Slide 13 text

Soporte IE10 Chrome13+ / Safari6+ Firefox 3.6+ Opera 11.1+

Slide 14

Slide 14 text

No content

Slide 15

Slide 15 text

¿Cómo hacer que el servidor se comunique con el cliente?

Slide 16

Slide 16 text

WebSockets

Slide 17

Slide 17 text

Usos

Slide 18

Slide 18 text

Usos Chat Juegos multiplayer Notificaciones Social streams

Slide 19

Slide 19 text

Eventos • onopen • onclose • onmessage • onerror

Slide 20

Slide 20 text

Soporte

Slide 21

Slide 21 text

Soporte IE10 Chrome8+ / Safari5+ Firefox 4+ Opera 10.5+