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
仕様駆動開発による爆速プロダクト開発 / Bakusoku Spec Driven Development
Avatar for Keisuke Kobayashi kobakei
0
150
Androidだけじゃない、DroidKaigiで広がった私の技術スタック
Avatar for Akio Itaya akkeylab
0
110
速習iPhone Duo対応
Avatar for 野瀬田　裕樹 yuukiw00w
2
910
JAWS-UG 東京支部が始める、JAWS-UG支部コラボ / JAWS-UG lunchtime LT Collaboration
Avatar for y-ohgi y0hgi
0
170
パズルゲームの作り方 / how to make puzzle games
Avatar for kaityo256 kaityo256
PRO
2
260
FreeBSDでZabbixを動かす
Avatar for kenkino kenkino
0
340
スマートフォンでモールス信号を送受信する 〜スマートフォンのLEDとカメラで作る光通信の設計と実装〜
Avatar for Atsuki Seo atsuki_seo
0
210
Unity6 URPによる海底をテーマにしたVJシステムの解説 | Unity Shader 完全に理解した 勉強会
Avatar for がむ gam0022
0
220
App Intentsのビルドプロセスを支える技術
Avatar for kntk kntkymt
0
490
AI時代のコードレビューは人に向けるな、仕組みに向けろ
Avatar for meijin texmeijin
5
3.2k
WebRTC映像をAirPlayに対応させる挑戦.pdf
Avatar for monolithic-adam monolithic_adam
0
330
標準パッケージに uuid が追加された 背景から見る Go らしい意思決定 / go_127_uuid_decision
Avatar for convto convto
5
9.2k

Featured

See All Featured
What Being in a Rock Band Can Teach Us About Real World SEO
Avatar for Ade Holder 427marketing
0
1.1k
The Language of Interfaces
Avatar for Des Traynor destraynor
162
27k
Music & Morning Musume
Avatar for Bryan Veloso bryan
48
7.4k
Build The Right Thing And Hit Your Dates
Avatar for Maggie C. maggiecrowley
39
3.5k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
Avatar for Stéphanie Walter stephaniewalter
287
14k
Information Architects: The Missing Link in Design Systems
Avatar for Michelle Chin soysaucechin
1
1.2k
Technical Leadership for Architectural Decision Making
Avatar for Kenny Baas-Schwegler baasie
3
580
HDC tutorial
Avatar for Michiel Stock michielstock
2
930
Agile Actions for Facilitating Distributed Teams - ADO2019
Avatar for Mark Kilby mkilby
0
290
Discover your Explorer Soul
Avatar for Emna emna__ayadi
2
1.3k
Stop Working from a Prison Cell
Avatar for Chris Michel hatefulcrawdad
274
21k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
Avatar for Eileen M. Uchitelle eileencodes
38
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