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
270
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
490
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
690
Xamarin
Avatar for Gustavo Leon hpneo
1
290
Desarrollo FrontEnd con JavaScript - S06
Avatar for Gustavo Leon hpneo
0
110
Desarrollo FrontEnd con JavaScript - S05
Avatar for Gustavo Leon hpneo
0
63
Desarrollo FrontEnd con JavaScript - S04
Avatar for Gustavo Leon hpneo
0
83

Other Decks in Programming

See All in Programming
print("Hello, World")
Avatar for 高見龍 eddie
2
530
Azure SRE Agentで運用は楽になるのか？
Avatar for KAMEGAWA Kazushi kkamegawa
0
2.5k
Ruby×iOSアプリ開発 ~共に歩んだエコシステムの物語~
Avatar for Tomoki Kobayashi temoki
0
350
1から理解するWeb Push
Avatar for Minoru Takeuchi dora1998
7
1.9k
意外と簡単！？フロントエンドでパスキー認証を実現する WebAuthn
Avatar for teamLab teamlab
PRO
2
780
楽して成果を出すためのセルフリソース管理
Avatar for clipnote clipnote
0
190
MCPでVibe Working。そして、結局はContext Eng（略）/ Working with Vibe on MCP And Context Eng
Avatar for r-kagaya rkaga
5
2.3k
機能追加とリーダー業務の類似性
Avatar for Rinchoku rinchoku
2
1.3k
JSONataを使ってみよう Step Functionsが楽しくなる実践テクニック #devio2025
Avatar for dafujii dafujii
1
640
Processing Gem ベースの、2D レトロゲームエンジンの開発
Avatar for tokujiros tokujiros
2
130
アプリの "かわいい" を支えるアニメーションツールRiveについて
Avatar for 上ちょ / uetyo uetyo
0
280
Android 16 × Jetpack Composeで縦書きテキストエディタを作ろう / Vertical Text Editor with Compose on Android 16
Avatar for cc4966 cc4966
2
270

Featured

See All Featured
Site-Speed That Sticks
Avatar for Harry Roberts csswizardry
10
820
[RailsConf 2023 Opening Keynote] The Magic of Rails
Avatar for Eileen M. Uchitelle eileencodes
30
9.7k
Building a Modern Day 
E-commerce SEO Strategy
Avatar for Aleyda Solis aleyda
43
7.6k
Documentation Writing (for coders)
Avatar for Carmen Chung carmenintech
74
5k
How to train your dragon (web standard)
Avatar for Monica Dinculescu notwaldorf
96
6.2k
Rebuilding a faster, lazier Slack
Avatar for samanthasiow samanthasiow
83
9.2k
Context Engineering - Making Every Token Count
Avatar for Addy Osmani addyosmani
3
62
Faster Mobile Websites
Avatar for Dean Hume deanohume
309
31k
The Success of Rails: Ensuring Growth for the Next 100 Years
Avatar for Eileen M. Uchitelle eileencodes
46
7.6k
GraphQLとの向き合い方2022年版
Avatar for Yosuke Kurami quramy
49
14k
Building a Scalable Design System with Sketch
Avatar for Laura Van Doore lauravandoore
462
33k
Navigating Team Friction
Avatar for Lara Hogan lara
189
15k

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+