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

• Twitter

Wednesday, 12 June 13

7/28/2019 JS for Templates

http://slidepdf.com/reader/full/js-for-templates 28/30

Famous implementation

• Twitter

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

7/28/2019 JS for Templates

http://slidepdf.com/reader/full/js-for-templates 30/30