Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Model, View, Whatever.
Search
Dominic Barker
January 08, 2015
Programming
130
0
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
Model, View, Whatever.
Some ideas to help you build complex javascript applications that don't ruin the internet.
Dominic Barker
January 08, 2015
More Decks by Dominic Barker
See All by Dominic Barker
Introduction to functional programming with Javascript
dakuan
0
60
Atomic Architecture
dakuan
3
180
Somewhat Stylish
dakuan
1
65
Other Decks in Programming
See All in Programming
New "Type" system on PicoRuby
pocke
1
840
AI時代の仕事技芸論 — ソフトウェア開発で「遊ぶように働く」職人的熟達のすすめ
kuranuki
2
660
気づいたらRubyで100作品 ー クリエイティブコーディングが生活の一部になるまで / 100 Ruby Sketches Later: How Creative Coding Became Part of My Life
chobishiba
3
570
LLM本来の能力を解き放つサンドボックス技術とAI民主化への適用
yukukotani
3
3.7k
Oxcを導入して開発体験が向上した話
yug1224
4
310
気圧・高度・GPSを記録&可視化するアプリ「Koudo」を作った話
hjmkth
1
170
運用エージェントは "作る" から "育てる" へ - 記憶と自己進化の3層設計パターン / self-evolving-agents-three-layer-agent-design
gawa
12
3.6k
ローカルLLMでどこまでコードが書けるか -拡張版 / How much code can be written on a local LLM Extended
kishida
10
3.4k
ふつうのFeature Flag実践入門
irof
7
3.7k
メソッドのジェネリクスでGoの夢は広がるか? / Kyoto.go #65
utgwkk
3
710
生成AI時代にこそ効くGo | Why Go Works in the Age of Generative AI
mom0tomo
8
3.2k
技術記事、AIに書かせるか、自分で書くか? 〜それでも私が自分の手で書く理由〜 / #QiitaConference
jnchito
2
1.4k
Featured
See All Featured
Ruling the World: When Life Gets Gamed
codingconduct
0
250
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
231
23k
Practical Orchestrator
shlominoach
191
11k
Bioeconomy Workshop: Dr. Julius Ecuru, Opportunities for a Bioeconomy in West Africa
akademiya2063
PRO
1
140
A Modern Web Designer's Workflow
chriscoyier
698
190k
Building the Perfect Custom Keyboard
takai
2
790
Building Applications with DynamoDB
mza
96
7.1k
Sam Torres - BigQuery for SEOs
techseoconnect
PRO
0
280
Effective software design: The role of men in debugging patriarchy in IT @ Voxxed Days AMS
baasie
0
410
Chasing Engaging Ingredients in Design
codingconduct
0
220
The #1 spot is gone: here's how to win anyway
tamaranovitovic
2
1.1k
Designing Powerful Visuals for Engaging Learning
tmiket
1
410
Transcript
Model, View, Whatever. *Document Object Model - not me! or
how I learned to stop worrying and love the DOM*
We ♥ Single Page Applications
• Complex UI • Feel really fast • Comparable to
native mobile apps • Can work offline • Cool MVC MVW frameworks galore
But…
None
• Javascript :( • Initial page load • Duplicated code
• < noscript /> • IE <9 Internet Explorer • Deep linking • Error handling • SEO
Another way is possible.
None
• 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
• Real forms! • Real links! • No duplicated templates!
• No white screen of death! • Error recovery for free! • Cheap integration tests! • Maximum dev gibberish: Isomorphic Application
None
Dom Barker Software Engineer @ Quill Content @mostlyharmlessd www.dombarker.co.uk www.github.com/dakuan
www.npmjs.com/~dakuan