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

Fluent Conf 2013 Summary

Sponsored · Your Podcast. Everywhere. Effortlessly. Share. Educate. Inspire. Entertain. You do you. We'll handle the rest. →
Avatar for Guille Paz Guille Paz
July 27, 2013
Technology
0
120

Fluent Conf 2013 Summary

Progressive Enhancement and History API on Twitter.

Avatar for Guille Paz

Guille Paz

July 27, 2013
Tweet

More Decks by Guille Paz

See All by Guille Paz
The Road to Node
Avatar for Guille Paz pazguille
0
260
No me robes el Scroll!
Avatar for Guille Paz pazguille
0
270
User First
Avatar for Guille Paz pazguille
1
210
#OfflineFirst
Avatar for Guille Paz pazguille
3
6k
ES6 in Production
Avatar for Guille Paz pazguille
10
3.2k
No me hagas esperar!
Avatar for Guille Paz pazguille
1
200
CSS Sprites vs. Data URIs
Avatar for Guille Paz pazguille
0
450
Hello, Style Guides!
Avatar for Guille Paz pazguille
0
280
Decoupling your JavaScript
Avatar for Guille Paz pazguille
0
190

Other Decks in Technology

See All in Technology
AI実装による「レビューボトルネック」を解消する仕様駆動開発（SDD）/ ai-sdd-review-bottleneck
Avatar for Rakus_Dev rakus_dev
0
160
Everything Claude Code を眺める
Avatar for Oikon oikon48
12
7.5k
社内レビューは機能しているのか
Avatar for Jun Matsuba matsuba
0
150
OSC仙台プレ勉強会　AlmaLinuxとは
Avatar for koedoyoshida koedoyoshida
0
190
品質を経営にどう語るか #jassttokyo / Communicating the Strategic Value of Quality to Executive Leadership
Avatar for kyonmm kyonmm
PRO
2
540
AI駆動AI普及活動 ～ 社内AI活用の「何から始めれば？」をAIで突破する
Avatar for oracle4engineer oracle4engineer
PRO
1
110
CyberAgentの生成AI戦略 〜変わるものと変わらないもの〜
Avatar for katayan katayan
0
270
20260311 ビジネスSWG活動報告（デジタルアイデンティティ人材育成推進WG Ph2 活動報告会）
Avatar for OpenID Foundation Japan oidfj
0
350
Google系サービスで文字起こしから勝手にカレンダーを埋めるエージェントを作った話
Avatar for RisaTube risatube
0
190
ReactのdangerouslySetInnerHTMLは“dangerously”だから危険 / Security.any #09 卒業したいセキュリティLT
Avatar for GMO Flatt Security flatt_security
0
320
モジュラモノリス導入から4年間の総括：アーキテクチャと組織の相互作用について / Architecture and Organizational Interaction
Avatar for Satoshi Kawashima nazonohito51
1
300
生成AIで速度と品質を両立する、QAエンジニア・開発者連携のAI協調型テストプロセス
Avatar for butatamasoba / Shota Kusaba shota_kusaba
0
190

Featured

See All Featured
Why You Should Never Use an ORM
Avatar for John Nunemaker jnunemaker
PRO
61
9.8k
AI Search: Implications for SEO and How to Move Forward - #ShenzhenSEOConference
Avatar for Aleyda Solis aleyda
1
1.2k
Designing Powerful Visuals for Engaging Learning
Avatar for Mike Taylor tmiket
0
290
JavaScript: Past, Present, and Future - NDC Porto 2020
Avatar for David Neal reverentgeek
52
5.9k
A brief & incomplete history of 
UX Design for the World Wide Web: 1989–2019
Avatar for Jason CranfordTeague jct
1
320
Making Projects Easy
Avatar for Brett Harned brettharned
120
6.6k
Noah Learner - AI + Me: how we built a GSC Bulk Export data pipeline
Avatar for Tech SEO Connect techseoconnect
PRO
0
140
4 Signs Your Business is Dying
Avatar for Josh Pigford shpigford
187
22k
Why Our Code Smells
Avatar for Brandon Keepers bkeepers
PRO
340
58k
SERP Conf. Vienna - Web Accessibility: Optimizing for Inclusivity and SEO
Avatar for Sara Fernández Carmona sarafernandez
1
1.3k
How STYLIGHT went responsive
Avatar for nonsquared nonsquared
100
6k
Building Adaptive Systems
Avatar for Chris Keathley keathley
44
3k

Transcript

  1. Summary

  2. None
  3. None
  4. None

  5. Thanks!

  6. Experiences along the time

  7. What happened in 2010?

  8. None
  9. None

  10. CORE functionality

  11. User should be able to navigate between section of the

    site

  12. Navigation between sections should be fast

  13. URLs should be accessible regardless of the client’s abilities

  14. Make page navigation easier and faster

  15. Render runs on Server and Client

  16. Routing model on the Client (mustache)

  17. Strong relationship between a URL and its content

  18. #Hash Navigation (hashbang)

  19. None

  20. JavaScript is the core technology

  21. 2011

  22. Optimizations available only on the Server

  23. Multiples URLs

  24. None

  25. Multiples Requests

  26. Bad page-load performance

  27. 2012

  28. Moving the rendering to the Server

  29. No more #!

  30. Just one URL

  31. Load only what we need

  32. 2013

  33. Speed up navigation between pages

  34. One view, two types of requests

  35. Server

  36. None

  37. Client

  38. History API

  39. None
  40. None
  41. None
  42. None

  43. Hijax

  44. Be like water

  45. The End

  46. Questions