BUILDING A LARGE SCALE JS ENGINE@THANPOLAS                           LARGE SCALE JS ENGINES
WHAT IS A LARGESCALE JS ENGINE?• Implements our API• One page load• It’s a framework@THANPOLAS             LARGE SCALE JS ...
CHALLENGESBUILDING LSJSE• Name spacing   • Data Objects Handling• Templating     • Source Tree• Facilities     • “Compilin...
GOOGLECLOSURE LIBRARYNot Another FrameworkClosure library is a LANGUAGE ENHANCER@THANPOLAS                   LARGE SCALE J...
WHAT ISCLOSURE LIBRARY?Components               Highlights•    Core Library        •   Server agnostic•    Compiler       ...
LSJSEARCHITECTUREName Space ProperlyDo yourself a favorweb.user.signup.ui.start = function(){};@THANPOLAS                 ...
LSJSEARCHITECTUREShortcut Assign Variablesweb.user.signup.ui.start = function(){  var ui = web.user.signup.ui;@THANPOLAS  ...
LSJSEARCHITECTURESeparate Core API From UI/UXKeep it platform agnosticcore.user.register(params);@THANPOLAS               ...
LSJSEARCHITECTUREAbstract Abstract AbstractCreate your frameworkcore.analytics.logPageView(‘/contacts’);@THANPOLAS        ...
LSJSECONS•    Steep Learning Curve•    Long Implementation Time•    Slow Initial Page Load•    Not SEO Friendly@THANPOLAS ...
LSJSEPROS•    Can Reuse In Multiple Platforms•    With Node.js Reuse Server Side•    Faster / Better UX•    Smaller Server...
THANK YOU.             contact             Thanasis Polychronakis             Founder geowarp.com             Twitter @tha...
Upcoming SlideShare
Loading in …5
×

Large Scale JS Engines

1,260 views

Published on

How to built a large scale javascript engine for your website so you can reuse it on multiple platforms.

What are the PROs and CONs of large scale javascript engines.

Presented for SHDH44 at the Hacker Dojo on May 8th

Published in: Technology, Business
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
1,260
On SlideShare
0
From Embeds
0
Number of Embeds
5
Actions
Shares
0
Downloads
6
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Large Scale JS Engines

  1. 1. BUILDING A LARGE SCALE JS ENGINE@THANPOLAS LARGE SCALE JS ENGINES
  2. 2. WHAT IS A LARGESCALE JS ENGINE?• Implements our API• One page load• It’s a framework@THANPOLAS LARGE SCALE JS ENGINES
  3. 3. CHALLENGESBUILDING LSJSE• Name spacing • Data Objects Handling• Templating • Source Tree• Facilities • “Compiling”@THANPOLAS LARGE SCALE JS ENGINES
  4. 4. GOOGLECLOSURE LIBRARYNot Another FrameworkClosure library is a LANGUAGE ENHANCER@THANPOLAS LARGE SCALE JS ENGINES
  5. 5. WHAT ISCLOSURE LIBRARY?Components Highlights• Core Library • Server agnostic• Compiler • UI / UX / DOM• Templating System • Cross-browser• Closure Linter • Very Light!@THANPOLAS LARGE SCALE JS ENGINES
  6. 6. LSJSEARCHITECTUREName Space ProperlyDo yourself a favorweb.user.signup.ui.start = function(){};@THANPOLAS LARGE SCALE JS ENGINES
  7. 7. LSJSEARCHITECTUREShortcut Assign Variablesweb.user.signup.ui.start = function(){ var ui = web.user.signup.ui;@THANPOLAS LARGE SCALE JS ENGINES
  8. 8. LSJSEARCHITECTURESeparate Core API From UI/UXKeep it platform agnosticcore.user.register(params);@THANPOLAS LARGE SCALE JS ENGINES
  9. 9. LSJSEARCHITECTUREAbstract Abstract AbstractCreate your frameworkcore.analytics.logPageView(‘/contacts’);@THANPOLAS LARGE SCALE JS ENGINES
  10. 10. LSJSECONS• Steep Learning Curve• Long Implementation Time• Slow Initial Page Load• Not SEO Friendly@THANPOLAS LARGE SCALE JS ENGINES
  11. 11. LSJSEPROS• Can Reuse In Multiple Platforms• With Node.js Reuse Server Side• Faster / Better UX• Smaller Server Load@THANPOLAS LARGE SCALE JS ENGINES
  12. 12. THANK YOU. contact Thanasis Polychronakis Founder geowarp.com Twitter @thanpolas@THANPOLAS LARGE SCALE JS ENGINES

×