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

Desarrollo FrontEnd con JavaScript #04

Sponsored · Ship Features Fearlessly Turn features on and off without deploys. Used by thousands of Ruby developers. →
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
310
Manejando Docker containers con Ruby y backticks
Avatar for Gustavo Leon hpneo
0
380
CodePicnic: Lecciones aprendidas al crear una startup tecnológica
Avatar for Gustavo Leon hpneo
0
520
Universal Web apps con JavaScript
Avatar for Gustavo Leon hpneo
0
320
gmaps.js - 4 lecciones open source en 4 pasos
Avatar for Gustavo Leon hpneo
0
710
Xamarin
Avatar for Gustavo Leon hpneo
1
310
Desarrollo FrontEnd con JavaScript - S06
Avatar for Gustavo Leon hpneo
0
110
Desarrollo FrontEnd con JavaScript - S05
Avatar for Gustavo Leon hpneo
0
67
Desarrollo FrontEnd con JavaScript - S04
Avatar for Gustavo Leon hpneo
0
96

Other Decks in Programming

See All in Programming
MDN Web Docs に日本語翻訳でコントリビュート
Avatar for uutan1108 ohmori_yusuke
0
650
Spinner 軸ズレ現象を調べたらレンダリング深淵に飲まれた #レバテックMeetup
Avatar for 弁護士ドットコム bengo4com
1
230
インターン生でもAuth0で 認証基盤刷新が出来るのか
Avatar for takumi taku271
0
190
[KNOTS 2026登壇資料]AIで拡張‧交差する プロダクト開発のプロセス および携わるメンバーの役割
Avatar for hisatake hisatake
0
280
Apache Iceberg V3 and migration to V3
Avatar for Tomohiro Tanaka tomtanaka
0
160
HTTPプロトコル正しく理解していますか？ 〜かわいい猫と共に学ぼう。ฅ^•ω•^ฅ ﾆｬ〜
Avatar for ♛Heitor Hirose hekuchan
2
690
AI巻き込み型コードレビューのススメ
Avatar for Nealle nealle
2
300
AIエージェント、”どう作るか”で差は出るか？ / AI Agents: Does the "How" Make a Difference?
Avatar for r-kagaya rkaga
4
2k
360° Signals in Angular: Signal Forms with SignalStore & Resources @ngLondon 01/2026
Avatar for Manfred Steyer manfredsteyer
PRO
0
130
なるべく楽してバックエンドに型をつけたい！(楽とは言ってない)
Avatar for HIBIKI CUBE hibiki_cube
0
140
Smart Handoff/Pickup ガイド - Claude Code セッション管理
Avatar for rasshii yukiigarashi
0
140
Implementation Patterns
Avatar for Denys Poltorak denyspoltorak
0
290

Featured

See All Featured
The Spectacular Lies of Maps
Avatar for Per Axbom axbom
PRO
1
520
JAMstack: Web Apps at Ludicrous Speed - All Things Open 2022
Avatar for David Neal reverentgeek
1
340
コードの90%をAIが書く世界で何が待っているのか / What awaits us in a world where 90% of the code is written by AI
Avatar for r-kagaya rkaga
60
42k
Darren the Foodie - Storyboard
Avatar for Kevinho.art khoart
PRO
2
2.4k
How to optimise 3,500 product descriptions for ecommerce in one day using ChatGPT
Avatar for Katarina Dahlin katarinadahlin
PRO
0
3.4k
Utilizing Notion as your number one productivity tool
Avatar for Mfonobong Umondia mfonobong
3
220
Getting science done with accelerated Python computing platforms
Avatar for Jacob Tomlinson jacobtomlinson
2
120
Reality Check: Gamification 10 Years Later
Avatar for Sebastian Deterding codingconduct
0
2k
Paper Plane (Part 1)
Avatar for Katie Cordina Lindsey katiecoart
PRO
0
4.2k
Game over? The fight for quality and originality in the time of robots
Avatar for Wayne Barker wayneb77
1
120
The Pragmatic Product Professional
Avatar for Laura Van Doore lauravandoore
37
7.1k
Leadership Guide Workshop - DevTernity 2021
Avatar for David Neal reverentgeek
1
200

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+