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
120
2

Desarrollo FrontEnd con JavaScript #04

Avatar for Gustavo Leon

Gustavo Leon

February 08, 2013

More Decks by Gustavo Leon

See All by Gustavo Leon
Usando Preact - Una alternativa ligera a React
Avatar for Gustavo Leon hpneo
0
320
Manejando Docker containers con Ruby y backticks
Avatar for Gustavo Leon hpneo
0
390
CodePicnic: Lecciones aprendidas al crear una startup tecnológica
Avatar for Gustavo Leon hpneo
0
530
Universal Web apps con JavaScript
Avatar for Gustavo Leon hpneo
0
330
gmaps.js - 4 lecciones open source en 4 pasos
Avatar for Gustavo Leon hpneo
0
720
Xamarin
Avatar for Gustavo Leon hpneo
1
320
Desarrollo FrontEnd con JavaScript - S06
Avatar for Gustavo Leon hpneo
0
110
Desarrollo FrontEnd con JavaScript - S05
Avatar for Gustavo Leon hpneo
0
69
Desarrollo FrontEnd con JavaScript - S04
Avatar for Gustavo Leon hpneo
0
100

Other Decks in Programming

See All in Programming
メッセージングを利用して時間的結合を分離しよう #phperkaigi
Avatar for Takuma Kajikawa kajitack
3
530
ポーリング処理廃止によるイベント駆動アーキテクチャへの移行
Avatar for Seitaro Fujigaki seitarof
3
1.3k
Geminiをパートナーに神社DXシステムを個人開発した話（いなめぐDX 開発振り返り）
Avatar for T. Fujiba fujiba
0
130
Feature Toggle は捨てやすく使おう
Avatar for gennei gennei
0
390
AI Assistants for Your Angular Solutions @Angular Graz, March 2026
Avatar for Manfred Steyer manfredsteyer
PRO
0
130
L’IA au service des devs : Anatomie d'un assistant de Code Review
Avatar for Thomas Boileau toham
0
160
GC言語のWasm化とComponent Modelサポートの実践と課題 - Scalaの場合
Avatar for Rikito Taniguchi tanishiking
0
130
20260320登壇資料
Avatar for 松井遼(まついはるか) pharct
0
140
ネイティブアプリとWebフロントエンドのAPI通信ラッパーにおける共通化の勘所
Avatar for Suguru Ohki suguruooki
0
230
The Past, Present, and Future of Enterprise Java
Avatar for ivargrimstad ivargrimstad
0
1.2k
AI時代の脳疲弊と向き合う ~言語学としてのPHP~
Avatar for Sakurai sakuraikotone
1
1.8k
Claude Codeログ基盤の構築
Avatar for giginet giginet
PRO
7
3.8k

Featured

See All Featured
Building Applications with DynamoDB
Avatar for Matt Wood mza
96
7k
Leo the Paperboy
Avatar for Maya Tellez mayatellez
5
1.6k
Bioeconomy Workshop: Dr. Julius Ecuru, Opportunities for a Bioeconomy in West Africa
Avatar for AKADEMIYA2063 akademiya2063
PRO
1
80
A brief & incomplete history of 
UX Design for the World Wide Web: 1989–2019
Avatar for Jason CranfordTeague jct
1
340
For a Future-Friendly Web
Avatar for Brad Frost brad_frost
183
10k
ピンチをチャンスに：未来をつくるプロダクトロードマップ #pmconf2020
Avatar for Aki / @LoveIdahoBurger aki_iinuma
128
55k
The untapped power of vector embeddings
Avatar for Frank van Dijk frankvandijk
2
1.6k
The Curse of the Amulet
Avatar for Matthew Lei leimatthew05
1
11k
Scaling GitHub
Avatar for Zach Holman holman
464
140k
Redefining SEO in the New Era of Traffic Generation
Avatar for Szymon Słowik szymonslowik
1
260
Jamie Indigo - Trashchat’s Guide to Black Boxes: Technical SEO Tactics for LLMs
Avatar for Tech SEO Connect techseoconnect
PRO
0
92
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
Avatar for Kevin Liebholz kevinliebholz
37
6.3k

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+