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

Desarrollo FrontEnd con JavaScript #04

Sponsored · Your Podcast. Everywhere. Effortlessly. Share. Educate. Inspire. Entertain. You do you. We'll handle the rest. →
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
350
Manejando Docker containers con Ruby y backticks
Avatar for Gustavo Leon hpneo
0
400
CodePicnic: Lecciones aprendidas al crear una startup tecnológica
Avatar for Gustavo Leon hpneo
0
550
Universal Web apps con JavaScript
Avatar for Gustavo Leon hpneo
0
350
gmaps.js - 4 lecciones open source en 4 pasos
Avatar for Gustavo Leon hpneo
0
740
Xamarin
Avatar for Gustavo Leon hpneo
1
320
Desarrollo FrontEnd con JavaScript - S06
Avatar for Gustavo Leon hpneo
0
120
Desarrollo FrontEnd con JavaScript - S05
Avatar for Gustavo Leon hpneo
0
76
Desarrollo FrontEnd con JavaScript - S04
Avatar for Gustavo Leon hpneo
0
110

Other Decks in Programming

See All in Programming
Hatena Engineer Seminar #37「言語モデルの活用に関する研究」
Avatar for SlashNephy slashnephy
0
520
作るコストが小さくなった時代 幸せに働くために改めて考えたいこと 〜エンジニアとして価値を出し続けるために注視している二分野〜
Avatar for YuppeEng yuppeeng
0
100
【SRE NEXT 2026 Lunch Session】一人目専任SREの立ち上げを加速する ― AIと進めたオンボーディングで2分を0.04秒にした話
Avatar for PKSHA Technology（パークシャテクノロジー） pkshadeck
PRO
0
2.7k
鹿野さんに聞く！『TypeScriptコードレシピ集』で磨く実践力
Avatar for tonkotsuboy_com tonkotsuboy_com
4
1.1k
AI時代の仕事技芸論〜ソフトウェア開発で「遊ぶように働く」職人的熟達のすすめ（スクフェス仙台 2026バージョン）
Avatar for Yoshihito Kuranuki / 倉貫義人 kuranuki
0
650
Even G2とAWSで推しのエージェントを召喚しよう！
Avatar for Har1101 har1101
1
170
symfony/aiとlaravel/boost
Avatar for Hiromi Hishida 77web
0
130
5分で問診！Composer セキュリティ健康診断
Avatar for コドモン開発チーム codmoninc
0
270
광주소프트웨어마이스터고등학교 DevFest 특강 - 바이브 코딩 시대에서 주니어 개발자로 살아남는 방법
Avatar for Chris Ohk utilforever
1
130
【やさしく解説 設計編 #1】「ドメイン駆動」と「実装駆動」ってなに？ 〜設計の考え方を、たとえ話で学ぼう〜
Avatar for HideyukiKitao panda728
PRO
1
120
Prismを使った型安全な暗号化_関数型まつり2026
Avatar for _fhhmm _fhhmm
0
140
The Past, Present, and Future of Enterprise Java
Avatar for ivargrimstad ivargrimstad
0
250

Featured

See All Featured
DBのスキルで生き残る技術 - AI時代におけるテーブル設計の勘所
Avatar for soudai sone soudai
PRO
67
56k
Groundhog Day: Seeking Process in Gaming for Health
Avatar for Sebastian Deterding codingconduct
0
250
B2B Lead Gen: Tactics, Traps & Triumph
Avatar for Sophie Logan marketingsoph
0
170
SERP Conf. Vienna - Web Accessibility: Optimizing for Inclusivity and SEO
Avatar for Sara Fernández Carmona sarafernandez
2
1.5k
Agile that works and the tools we love
Avatar for Rasmus Luckow-Nielsen rasmusluckow
331
22k
It's Worth the Effort
Avatar for 3n 3n
188
29k
Kristin Tynski - Automating Marketing Tasks With AI
Avatar for Tech SEO Connect techseoconnect
PRO
0
290
Navigating Weather and Climate Data
Avatar for Ryan Abernathey rabernat
0
370
Designing Powerful Visuals for Engaging Learning
Avatar for Mike Taylor tmiket
1
450
Design and Strategy: How to Deal with People Who Don’t "Get" Design
Avatar for Morgane Peng morganepeng
133
19k
Scaling GitHub
Avatar for Zach Holman holman
464
140k
What Being in a Rock Band Can Teach Us About Real World SEO
Avatar for Ade Holder 427marketing
0
1k

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+