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

STATE OF THE ARTSERVER-SIDE JAVASCRIPT Web-5 2012-04-05

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

HISTORY

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 SOLUTIONShttp://en.wikipedia.org/wiki/Comparison_of_server-side_JavaScript_solutions

ECOSYSTEM

COMMUNITYhttp://www.communityjs.org/

LIBRAIRIES & FRAMEWORKShttps://github.com/languages/JavaScript http://javascriptlibraries.com/

DEVELOPMENT ENVIRONMENTS• Visual Studio• XCode• Eclipse• NetBeans • Wakanda Studio • Cloud9

DEBUGGERSClient-side • Firebug * • Web Inspector * • DragonﬂyServer-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

JAVASCRIPT EVERYWHERE

ENGINES

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: CrankShaftNashorn? ? 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-SIDESpiderMonkey JavaScriptCore Rhino V8 Tamarin Trident / Chakra Carakan / Futhark

SERVER-SIDESpiderMonkey 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) Min. 1st Qu. Median Mean 3rd Qu. Max. 71.0 84.0 87.0 208.7 107.0 23950.0 > summary(narwhal300$ttime) Min. 1st Qu. Median Mean 3rd Qu. Max. 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 1http://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 4http://www.page.ca/~wes/SpiderMonkey/Perf/sunspider_history.png

MAIN CONCEPTS

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 threadSINGLE 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 engineSee also: JSDB, JavaScriptDB

APIS - PACKAGES

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

IN PRODUCTION NOW!

DEMANDWAREMany shops run on SSJS viaDemandware’s commerce platform: London 2012 olympics shop Puma sneaker ...It uses Mozilla Rhino http://jsconf.eu/2010/speaker/server-side_javascript_the_unt.html

NEOLANENeolane, a desktop applicationwritten in C++, is used by clientsbut also by integrators & partnerswho need to be able to add theirown codeJavaScript was chosen because it is awell-known interpreted languageThe JavaScript engine isSpiderMonkey 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

VOXERVoxer is a next generation application forvoice and text messaging“Node.js dramatically outperformed theprevious solution we had written in Python”Matt Rainey, RebelVox CTO http://voxer.com/

HAPPY MEEPLEUsing APE projectSynchronization between usersReuse JavaScript code on client andserver to have the same intelligencewhen online and ofﬂine http://www.happymeeple.com

FINANCIAL DATA REPORTSUsing WakandaDeployed on employees iOS,Android, & Blackberry smartphonesProvides historical sales and invoicesreports in PDF

THANK YOU Come with us at San Jose, CA on October 26th: @jseverywhere http://jseverywhere.orgAlexandre Morgaut - @amorgaut Call to speaker just started!!!

http://lanyrd.com	75
http://jslive.fr	69
http://news.humancoders.com	3
http://localhost	1
https://twitter.com	1

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

by Alexandre Morgaut

Accessibility

Categories

Upload Details

Usage Rights

5 Embeds 149

Statistics

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