State of the art - server side JavaScript - web-5 2012

STATE OF THE ART
SERVER-SIDE JAVASCRIPT

Web-5

2012-04-05

PRESENTATION
Alexandre Morgaut
Web Architect / Community Manager
Creator of @NantesJS

@amorgaut

BIRTH
• 1995 Brendan Eich
Mocha > LiveScript > JavaScript (NS2) JavaScript creator

• 1996
Microsoft JScript (IE4)
NetScape Enterprise Server 2
aka LiveWire/iPlanet

• 1997
ECMAScript 1
“DHTML”
Windows IIS 3

The “JavaScript” name is trademarked by Oracle (via Sun)

MATURITY
• 1998 - HTML/XML DOM, Sun/Mozilla Rhino
• 1999 - ECMAScript 3, XMLHttpRequest, HTML 4
• 2000 - ActionScript, Helma Hop
• 2001 - JSON, Apple JavaScript OSA
• 2002 - JSLint, Mozilla “Phoenix” > Firefox
• 2003 - JavaScript Adobe Press, JScript .NET
• 2004 - E4X , “Web 2.0”, JSDB
• 2005 - Prototype.js, “Ajax”
• 2006 - Firebug, jQuery, “Comet”, APE, “HTML5”
• 2007 - SitePoint Persevere, Rhino on Rails

SSJS: THE COME BACK
• 2008
Aptana Jaxer
CouchDB
Acid Test 3

• 2009
Narwhal & Jack
ServerJS > CommonJS
Node.js
v8cgi, GPSEE
ECMAScript 5

• 2010
Helma NG > RingoJS
Sun Phobos

• 2011
Wakanda
CoffeeScript
ECMAScript 5.1

60+ EXISTING SOLUTIONS

http://en.wikipedia.org/wiki/Comparison_of_server-side_JavaScript_solutions

COMMUNITY

http://www.communityjs.org/

LIBRAIRIES & FRAMEWORKS

https://github.com/languages/JavaScript http://javascriptlibraries.com/

DEVELOPMENT ENVIRONMENTS

• Visual Studio
• XCode
• Eclipse
• NetBeans

• Wakanda Studio
• Cloud9

DEBUGGERS
Client-side
• Firebug *

• Web Inspector *
• Dragonﬂy

Server-Side
• Wakanda Debugger *
• Cloud9 Debugger *
* via standard protocols, some debugger can debug JS code running anywhere (server, desktop, mobile, ...)

ECMASCRIPT 5 & NEXT

• ES5.1 • ES.Next

• Mode strict • Typed Array

• Object freeze • Modules

• Read only properties • Destructuring

• Getter / setter • String templates

• More native methods • ...

TOOLS & STANDARDS
• JSLint / JSHint / JavaScriptLint
• JSON / JSON-Schema / JSONQuery / JSON-RPC
• JSDoc / ScriptDoc
• JSON View
• JSMin / Packer / YUI Compressor / Dojo Shrinksafe
• YUI Test / QUnit / Jasmine / Mocha / Selenium
• NPM / CPM
• RequireJS (r.js)
• PhantomJS

C+
C +
SpiderMonkey webkit JavaScriptCore: JSC
3 JIT Compilers: SquirrelFish Extreme: SFX aka Nitro
TraceMonkey, (JIT Compiler inside)
JägerMonkey,
IonMonkey

Jav C+
a +
Rhino V8
Interpreted or Compiled execution JIT Compiler: CrankShaft

Nashorn?
?
Trident: MSHTML
Chakra
-> Classic JScript, Managed JScript, & JScript.NET

C+ ?
+
Tamarin Carakan
JIT Compiler: NanoJIT
-> ActionScript / “ECMAScript 4”
Previously: Linear A, Linear B, Futhark

CLIENT-SIDE

SpiderMonkey JavaScriptCore

Rhino V8

Tamarin Trident / Chakra Carakan / Futhark

SERVER-SIDE

SpiderMonkey JavaScriptCore

Rhino V8

Trident / Chakra

BENCHMARKS

and what they worth....

BROWSERS WAR II
(MAY 2009)

http://www.maximumpc.com/article/features/browser_brouhaha_your_maximum_guide_browsers_today_and_tomorrow?page=0,6

PERSEVERE & JAVASCRIPTDB
(APRIL 2009)

http://www.sitepen.com/blog/2009/04/20/javascriptdb-perseveres-new-high-performance-storage-engine/

NODE VS THIN VS NARWHAL
(SEPTEMBER 2009)

300 concurrent clients

completed requests:
thin 36045
node 35668
narwhal 2921

> summary(node300$ttime)
Min. 1st Qu. Median Mean 3rd Qu. Max.
12.0 66.0 112.0 239.4 157.0 12200.0

> summary(thin300$ttime)
71.0 84.0 87.0 208.7 107.0 23950.0

> summary(narwhal300$ttime)
928 2837 2935 2921 3018 8759

http://four.livejournal.com/1019177.html

RINGOJS VS NODEJS
(SEPTEMBER 2010)

http://hns.github.com/2010/09/21/benchmark.html

SUNSPIDER 0.9.1
(AUGUST 2011)

7
8
6
5
4
3
2
1
http://expansive-derivation.ossreleasefeed.com/2011/08/javascript-performance-test-results-with-sunspider/

EMSCRIPTEN TESTS
(OCTOBER 2011)

!"#$%&'($)(*+,$-."/
0 +((',--#+..(./(012&.(+03)4&1*0.%5$12,23
$
! 677,84#$4#$4#$4#$4#$4#$4#$4#$4#$4#$4
! 91:13$4#$4#$4#$4#$4#$4#$5#$5#$5#$6#$6
! ;$1213$4#$4#$4#$5#$5#$5#$5#$5#$5#$7#$8
! <1#=)223$4#$4#$5#$5#$5#$5#$6#$9#$:
! 6>3$4#$4#$5#$5#$5#$5#$6#$6#$7#$;#$45
! <<

! 91:1;$%&'(3$5#$5#$6#$9#$9#$;$$$$$$$$=">?$12,2#$*",$(&"",">,@
! <<

! ?@(+.*3$4#$6#$:#$6:#$75#$7A#$A4#$:4#$;7#$44B
! A/4@3$7#$:#$;#$54#$5:#$9B#$:A#$;4#$44B#$54A
!"#$%&'()*

http://syntensity.com/static/jsconf_eu_Emscripten_lo.pdf

SPIDERMONKEY

1.5 is ~ Firefox 2.0 (and ES-3)
1.7 is ~ Firefox 3.0
1.8 is ~ Firefox 3.6
1.8.5 + JITs is ~ Firefox 4

http://www.page.ca/~wes/SpiderMonkey/Perf/sunspider_history.png

INTEGRATION-ORIENTED
• PHP (J2PA, V8JS)
- using Rhino like with
- Helma, Persevere, Narwhal, RingoJS, • C (GPSEE),
Sun Phobos...
- Oracle Nashorn?
• Objective C (iMonkey),

• Ruby (Johnson),
- using JScript.NET like with
- IronJS, Node.NET
• Perl (JE), …

COMMON JAVASCRIPT
• Working Groups:
- ECMA TC39
- W3C
- WHATWG
- CommonJS

• Ubiquity beyond ECMAScript

• HTML5 speciﬁcation was also known as:
“Web Applications 1.0”
http://www.whatwg.org/specs/web-apps/current-work/

• Asynchronous & Synchronous APIs

ASYNC. EVENT-BASED

• Browser’s Event-Loop on the Server

• An Event Loop in one single thread

• Cooperative («one at a time») with async. callbacks

• Node.js (V8), SpiderNode, RhiNodeII, Node.NET

SINGLE & MULTI THREADING
One global context per thread

SINGLE MULTI
• Low memory usage • Vertical scalability (multi-core)
• Potentially handle lot of requests • Thread-safety for concurrent access
• Cooperative • Preemptive: Parallel code execution
• Shared context • Allow Synchronous APIs
• Use mostly one core* • Uses easily all available cores

Notes:
- an event loop can generate some other threads which could use other cores
- multi-thread architectures can run event loops in some of their threads

DATA-DRIVEN

• Document Store • Object Store

• Key/value Store • Push engine

See also: JSDB, JavaScriptDB

COMMONJS

• Modules • Packages

• System • Binary • Stream

• Unit-Testing • File

• Promises • JSGI

http://wiki.commonjs.org/wiki/CommonJS

NODE
ASYNC APIS

• Buffer • Net • Streams

• Events • OS • Timers

• File • Process • ...

http://nodejs.org/docs/v0.5.5/api/

W3C / HTML5 / ES.NEXT
& OTHER STANDARDS
• Console • Typed Arrays

• Blob, Blob URL • Web Sockets

• DataView • Web Storage, Indexed DB

• File / FileSystem • Web Workers

• Modules • XHR 2

• Progress Events • DOM, E4X

• Structured clones • Messages

PACKAGES & MODULES

• github: CommonJS modules in projects (Persevere, Narwhal, RingoJS, ...)

• NPM: Node Package Manager (thousands packages)

• CPM: CommonJS Package Manager (new)

• PINF: Universal module loader

DEMANDWARE
Many shops run on SSJS via
Demandware’s commerce platform:

London 2012 olympics shop

Puma sneaker

...

It uses Mozilla Rhino

http://jsconf.eu/2010/speaker/server-side_javascript_the_unt.html

NEOLANE
Neolane, a desktop application
written in C++, is used by clients
but also by integrators & partners
who need to be able to add their
own code

JavaScript was chosen because it is a
well-known interpreted language

The JavaScript engine is
SpiderMonkey

http://www.neolane.com

MTV

• Current deployments include

• SpikeTV.com

• Comedy Central Indecision,

• MTV Networks will be rolling
out MongoDB on many other
major sites

http://www.mongodb.org/display/DOCS/Production+Deployments

VOXER

Voxer is a next generation application for
voice and text messaging

“Node.js dramatically outperformed the
previous solution we had written in Python”

Matt Rainey, RebelVox CTO

http://voxer.com/

HAPPY MEEPLE

Using APE project

Synchronization between users

Reuse JavaScript code on client and
server to have the same intelligence
when online and ofﬂine

http://www.happymeeple.com

FINANCIAL DATA REPORTS

Using Wakanda

Deployed on employees iOS,
Android, & Blackberry smartphones

Provides historical sales and invoices
reports in PDF

THANK YOU
Come with us at San Jose, CA on October 26th:

@jseverywhere

http://jseverywhere.org

Alexandre Morgaut - @amorgaut Call to speaker just started!!!

State of the art - server side JavaScript - web-5 2012

Recommandé

Recommandé

Contenu connexe

Tendances

Tendances (18)

Similaire à State of the art - server side JavaScript - web-5 2012

Similaire à State of the art - server side JavaScript - web-5 2012 (20)

Plus de Alexandre Morgaut

Plus de Alexandre Morgaut (20)

Dernier

Dernier (20)

State of the art - server side JavaScript - web-5 2012

Notes de l'éditeur