Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Desarrollo FrontEnd con JavaScript #04

Avatar for Gustavo Leon Gustavo Leon
February 08, 2013
Programming
2
110

Desarrollo FrontEnd con JavaScript #04

Avatar for Gustavo Leon

Gustavo Leon

February 08, 2013
Tweet

More Decks by Gustavo Leon

See All by Gustavo Leon
Usando Preact - Una alternativa ligera a React
Avatar for Gustavo Leon hpneo
0
260
Manejando Docker containers con Ruby y backticks
Avatar for Gustavo Leon hpneo
0
350
CodePicnic: Lecciones aprendidas al crear una startup tecnológica
Avatar for Gustavo Leon hpneo
0
470
Universal Web apps con JavaScript
Avatar for Gustavo Leon hpneo
0
300
gmaps.js - 4 lecciones open source en 4 pasos
Avatar for Gustavo Leon hpneo
0
680
Xamarin
Avatar for Gustavo Leon hpneo
1
280
Desarrollo FrontEnd con JavaScript - S06
Avatar for Gustavo Leon hpneo
0
100
Desarrollo FrontEnd con JavaScript - S05
Avatar for Gustavo Leon hpneo
0
60
Desarrollo FrontEnd con JavaScript - S04
Avatar for Gustavo Leon hpneo
0
82

Other Decks in Programming

See All in Programming
NPOでのDevinの活用
Avatar for みんなのコード codeforeveryone
0
840
AIプログラマーDevinは PHPerの夢を見るか？
Avatar for Shinya Saita shinyasaita
1
220
Composerが「依存解決」のためにどんな工夫をしているか #phpcon
Avatar for hideki kinjyo o0h
PRO
1
260
Startups on Rails in Past, Present and Future–Irina Nazarova, RailsConf 2025
Avatar for Irina Nazarova irinanazarova
0
110
明示と暗黙 ー PHPとGoの インターフェイスの違いを知る
Avatar for shimabox shimabox
2
510
システム成長を止めない！本番無停止テーブル移行の全貌
Avatar for さかうぇ sakawe_ee
1
200
Goで作る、開発・CI環境
Avatar for Shinpei Mine sin392
0
230
Agentic Coding: The Future of Software Development with Agents
Avatar for Armin Ronacher mitsuhiko
0
100
AI時代のソフトウェア開発を考える（2025/07版） / Agentic Software Engineering Findy 2025-07 Edition
Avatar for Takuto Wada twada
PRO
87
29k
Quand Symfony, ApiPlatform, OpenAI et LangChain s'allient pour exploiter vos PDF : de la théorie à la production…
Avatar for Ahmed EBEN HASSINE ahmedbhs123
0
190
0626 Findy Product Manager LT Night_高田スライド_speaker deck用
Avatar for Mana Takada mana_takada
0
170
猫と暮らす Google Nest Cam生活🐈 / WebRTC with Google Nest Cam
Avatar for Yutaro Muta yutailang0119
0
120

Featured

See All Featured
Save Time (by Creating Custom Rails Generators)
Avatar for Garrett Dimon garrettdimon
PRO
31
1.3k
Imperfection Machines: The Place of Print at Facebook
Avatar for Scott Boms scottboms
267
13k
How GitHub (no longer) Works
Avatar for Zach Holman holman
314
140k
The Power of CSS Pseudo Elements
Avatar for Geoffrey Crofte geoffreycrofte
77
5.9k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
Avatar for Rebecca Miller-Webster rmw
34
3.1k
Put a Button on it: Removing Barriers to Going Fast.
Avatar for kastner kastner
60
3.9k
Mobile First: as difficult as doing things right
Avatar for Swwweet swwweet
223
9.7k
Product Roadmaps are Hard
Avatar for C. Todd Lombardo iamctodd
PRO
54
11k
Why Our Code Smells
Avatar for Brandon Keepers bkeepers
PRO
336
57k
Git: the NoSQL Database
Avatar for Brandon Keepers bkeepers
PRO
430
65k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
Avatar for soudai sone soudai
PRO
181
54k
Reflections from 52 weeks, 52 projects
Avatar for Jefferson Lam jeffersonlam
351
20k

Transcript

  1. #04 – history api / file api / websockets

  2. None

  3. window.history • Guarda las páginas visitadas y permite navegar entre

    ellas. • También guarda el estado de la entrada actual.

  4. pushState y replaceState • pushState : Crea una nueva entrada

    en window.history. • replaceState : Reemplaza la última entrada del history.

  5. onhashchange / onpopstate

  6. Soporte

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

  8. None

  9. File API • Permite manejar archivos sin necesidad de subirlos

    a un servidor.

  10. FileReader

  11. Eventos 1. onloadstart 2. onprogress 3. onload 4. onloadend •

    onerror • onabort

  12. Soporte

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

  14. None

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

  16. WebSockets

  17. Usos

  18. Usos Chat Juegos multiplayer Notificaciones Social streams

  19. Eventos • onopen • onclose • onmessage • onerror

  20. Soporte

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