Upgrade to Pro — share decks privately, control downloads, hide ads and more …
Sign up for free

Model, View, Whatever.

Avatar for Dominic Barker Dominic Barker
January 08, 2015
Programming
130
0

Model, View, Whatever.

Some ideas to help you build complex javascript applications that don't ruin the internet.

Avatar for Dominic Barker

Dominic Barker

January 08, 2015

More Decks by Dominic Barker

See All by Dominic Barker
Introduction to functional programming with Javascript
Avatar for Dominic Barker dakuan
0
60
Atomic Architecture
Avatar for Dominic Barker dakuan
3
180
Somewhat Stylish
Avatar for Dominic Barker dakuan
1
65

Other Decks in Programming

See All in Programming
Claude Codeを組織的に動かして月400PRを実現した話
Avatar for happy_ryo happy_ryo
0
260
GKE アップグレード前に知っておきたい Blue/Green と PDB の関係
Avatar for Sota Takaki stkk
0
160
LoopHub - ローカルで動く GitHub で、AI と共同開発
Avatar for jugyo jugyo
1
470
デプロイ直後のレイテンシスパイクを調べたら、 Railsの仕様にたどり着いた
Avatar for naohisa nhsykym
0
110
GraphRAGのKnowledge Graphを 直接！見る/View-GraphRAG's-KnowledgeGraph-directly!
Avatar for tyumugiko tyumugi1113
1
270
[DroidKaigi 2026] Bring your own phones to Gradle Managed Devices
Avatar for Yury f2lk
0
110
The Good Stuff, Not the Slop: Engineering High-Quality Android Apps with Modern AI Tooling
Avatar for danybony danybony
1
220
AI に Inclusive UI を書かせよう — Design Rules Skill で Compose UI を作り直す
Avatar for テオリア・テクノロジーズ theoriatec2024
1
460
Deep dive into the select statement (GopherCon UK)
Avatar for Jesús Espino jespino
0
170
『寄り添うラジオ』をAIで作る 体験価値から逆算した、会話しないUXと品質設計
Avatar for テオリア・テクノロジーズ theoriatec2024
3
140
20260828_品質と開発生産性を両立させる、AI時代のE2Eテストの考え方
Avatar for MagicPod magicpod
0
170
XP祭りでしか伝わらないフリップネタ #xpjug
Avatar for bayashi murabayashi
0
110

Featured

See All Featured
Agile that works and the tools we love
Avatar for Rasmus Luckow-Nielsen rasmusluckow
331
22k
Ethics towards AI in product and experience design
Avatar for Skipper Chong Warson skipperchong
2
360
職位にかかわらず全員がリーダーシップを発揮するチーム作り / Building a team where everyone can demonstrate leadership regardless of position
Avatar for MADOX madoxten
69
65k
jQuery: Nuts, Bolts and Bling
Avatar for Doug Neiner dougneiner
66
8.6k
For a Future-Friendly Web
Avatar for Brad Frost brad_frost
183
10k
The Pragmatic Product Professional
Avatar for Laura Van Doore lauravandoore
37
7.4k
Skip the Path - Find Your Career Trail
Avatar for Mark Kilby mkilby
1
220
Joys of Absence: A Defence of Solitary Play
Avatar for Sebastian Deterding codingconduct
1
490
The Director’s Chair: Orchestrating AI for Truly Effective Learning
Avatar for Mike Taylor tmiket
1
290
WENDY [Excerpt]
Avatar for Tessa Abrams tessaabrams
12
39k
Abbi's Birthday
Avatar for Violet Bock coloredviolet
3
9.9k
Exploring the relationship between traditional SERPs and Gen AI search
Avatar for Ray Grieselhuber raygrieselhuber
PRO
2
4.3k

Transcript

  1. Model, View, Whatever. *Document Object Model - not me! or

    how I learned to stop worrying and love the DOM*

  2. We ♥ Single Page Applications

  3. • Complex UI • Feel really fast • Comparable to

    native mobile apps • Can work offline • Cool MVC MVW frameworks galore

  4. But…

  5. None

  6. • Javascript :( • Initial page load • Duplicated code

    • < noscript /> • IE <9 Internet Explorer • Deep linking • Error handling • SEO

  7. Another way is possible.

  8. None

  9. • Render a full working web page on the server

    • For all routes, not just the first hit of index page • Bind SPA afterwards • SPA uses the same markup • Client and server use same templates

  10. • Real forms! • Real links! • No duplicated templates!

    • No white screen of death! • Error recovery for free! • Cheap integration tests! • Maximum dev gibberish: Isomorphic Application
  11. None

  12. Dom Barker Software Engineer @ Quill Content @mostlyharmlessd www.dombarker.co.uk www.github.com/dakuan

    www.npmjs.com/~dakuan