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

1. BUILDING A LARGE SCALE JS ENGINE
@THANPOLAS LARGE SCALE JS ENGINES

2. WHAT IS A LARGE
SCALE JS ENGINE?
• Implements our API
• One page load
• It’s a framework
@THANPOLAS LARGE SCALE JS ENGINES

3. CHALLENGES
BUILDING LSJSE
• Name spacing • Data Objects Handling
• Templating • Source Tree
• Facilities • “Compiling”
@THANPOLAS LARGE SCALE JS ENGINES

4. GOOGLE
CLOSURE LIBRARY
Not Another Framework
Closure library is a LANGUAGE ENHANCER
@THANPOLAS LARGE SCALE JS ENGINES

5. WHAT IS
CLOSURE 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. LSJSE
ARCHITECTURE
Name Space Properly
Do yourself a favor
web.user.signup.ui.start = function(){};
@THANPOLAS LARGE SCALE JS ENGINES

7. LSJSE
ARCHITECTURE
Shortcut Assign Variables
web.user.signup.ui.start = function()
{
var ui = web.user.signup.ui;
@THANPOLAS LARGE SCALE JS ENGINES

8. LSJSE
ARCHITECTURE
Separate Core API From UI/UX
Keep it platform agnostic
core.user.register(params);
@THANPOLAS LARGE SCALE JS ENGINES

9. LSJSE
ARCHITECTURE
Abstract Abstract Abstract
Create your framework
core.analytics.logPageView(‘/contacts’);
@THANPOLAS LARGE SCALE JS ENGINES

10. LSJSE
CONS
• Steep Learning Curve
• Long Implementation Time
• Slow Initial Page Load
• Not SEO Friendly
@THANPOLAS LARGE SCALE JS ENGINES

11. LSJSE
PROS
• Can Reuse In Multiple Platforms
• With Node.js Reuse Server Side
• Faster / Better UX
• Smaller Server Load
@THANPOLAS LARGE SCALE JS ENGINES

12. THANK YOU.
contact
Thanasis Polychronakis
Founder geowarp.com
Twitter @thanpolas
@THANPOLAS LARGE SCALE JS ENGINES