js for templates
TRANSCRIPT
7/28/2019 JS for Templates
http://slidepdf.com/reader/full/js-for-templates 1/30
JS forTemplateswrite once - debug forever
Wednesday, 12 June 13
7/28/2019 JS for Templates
http://slidepdf.com/reader/full/js-for-templates 2/30
data: xml/json/bson
Wednesday, 12 June 13
7/28/2019 JS for Templates
http://slidepdf.com/reader/full/js-for-templates 3/30
data: xml/json/bsonserver: easy to consume on server
but slow encoding
Wednesday, 12 June 13
7/28/2019 JS for Templates
http://slidepdf.com/reader/full/js-for-templates 4/30
data: xml/json/bsonserver: easy to consume on server
- Rails “magic parse on-fly”
Wednesday, 12 June 13
7/28/2019 JS for Templates
http://slidepdf.com/reader/full/js-for-templates 5/30
data: xml/json/bsonserver: easy to consume on server
- Rails “magic parse on-fly”client: ???
Wednesday, 12 June 13
7/28/2019 JS for Templates
http://slidepdf.com/reader/full/js-for-templates 6/30
data: xml/json/bsonserver: easy to consume on server
- Rails “magic parse on-fly”client: XSLT
Wednesday, 12 June 13
7/28/2019 JS for Templates
http://slidepdf.com/reader/full/js-for-templates 7/30
data: xml/json/bsonserver: easy to consume on server
- Rails “magic parse on-fly”client: XSLT or *some js framework*
Wednesday, 12 June 13
7/28/2019 JS for Templates
http://slidepdf.com/reader/full/js-for-templates 8/30
data: xml/json/bsonserver: easy to consume on server
- Rails “magic parse on-fly”client: XSLT or *some js framework*
parse xml to json
Wednesday, 12 June 13
7/28/2019 JS for Templates
http://slidepdf.com/reader/full/js-for-templates 9/30
data: xml/ json/bsonserver: easy to consume on server
or consume
Wednesday, 12 June 13
7/28/2019 JS for Templates
http://slidepdf.com/reader/full/js-for-templates 10/30
data: xml/ json/bsonserver: easy to consume on server
or consumeclient: plenty of framework template engines
Wednesday, 12 June 13
7/28/2019 JS for Templates
http://slidepdf.com/reader/full/js-for-templates 11/30
data: xml/json/bsonsame as json + very fast encoding
Wednesday, 12 June 13
7/28/2019 JS for Templates
http://slidepdf.com/reader/full/js-for-templates 12/30
• Using same objects on server and client
Wednesday, 12 June 13
7/28/2019 JS for Templates
http://slidepdf.com/reader/full/js-for-templates 13/30
Common JSON
Wednesday, 12 June 13
7/28/2019 JS for Templates
http://slidepdf.com/reader/full/js-for-templates 14/30
Client Template
Wednesday, 12 June 13
7/28/2019 JS for Templates
http://slidepdf.com/reader/full/js-for-templates 15/30
Want more real
examples?
Wednesday, 12 June 13
7/28/2019 JS for Templates
http://slidepdf.com/reader/full/js-for-templates 16/30
Example Data
Wednesday, 12 June 13
7/28/2019 JS for Templates
http://slidepdf.com/reader/full/js-for-templates 17/30
Getting template Data
Wednesday, 12 June 13
7/28/2019 JS for Templates
http://slidepdf.com/reader/full/js-for-templates 18/30
Perform templating
Wednesday, 12 June 13
7/28/2019 JS for Templates
http://slidepdf.com/reader/full/js-for-templates 19/30
Perform templating
Easy?
Wednesday, 12 June 13
7/28/2019 JS for Templates
http://slidepdf.com/reader/full/js-for-templates 20/30
Benefits
Avg. request response much
much faster
Wednesday, 12 June 13
7/28/2019 JS for Templates
http://slidepdf.com/reader/full/js-for-templates 21/30
Benefits
Avg. request response much
much MUCH faster
One API for whole project
Wednesday, 12 June 13
7/28/2019 JS for Templates
http://slidepdf.com/reader/full/js-for-templates 22/30
Benefits
Avg. request response much
much MUCH faster
Bottle neck
User’s browser/computer speed
One API for whole project
Wednesday, 12 June 13
7/28/2019 JS for Templates
http://slidepdf.com/reader/full/js-for-templates 23/30
Visible problem
• Slow internet = crap templates
Wednesday, 12 June 13
7/28/2019 JS for Templates
http://slidepdf.com/reader/full/js-for-templates 24/30
Visible problem
• Slow internet = crap templates• One error somewhere = stop js = crap
templates
Wednesday, 12 June 13
7/28/2019 JS for Templates
http://slidepdf.com/reader/full/js-for-templates 25/30
Lazy load or eval on server
• Loading and templating before show to
user
Wednesday, 12 June 13
7/28/2019 JS for Templates
http://slidepdf.com/reader/full/js-for-templates 26/30
Lazy load or eval on server
• Loading and templating before show touser
• Eval on server with V8 or NodeJS
Wednesday, 12 June 13
7/28/2019 JS for Templates
http://slidepdf.com/reader/full/js-for-templates 27/30
Famous implementation
Wednesday, 12 June 13
7/28/2019 JS for Templates
http://slidepdf.com/reader/full/js-for-templates 28/30
Famous implementation
Project closed faster than you can imagine
Wednesday, 12 June 13
7/28/2019 JS for Templates
http://slidepdf.com/reader/full/js-for-templates 29/30
questions?
Wednesday, 12 June 13