future of javascript

© 2013 E4D LTD. All rights reserved. Tel: 054-5-767-300, Email: [email protected]

Eyal VardiCEO E4D Solutions LTD

Microsoft MVP Visual C#site: www.e4d.co.il

“Everything that can be written in JavaScript

will eventually be written in JavaScript .”

(’ Atwood s law)

http://www.codinghorror.com/blog/2009/08/all-programming-is-web-programming.html

http://www.e4d.co.il/


About Me

ConsultingMentoringProjects



JavaScript History



In The Beginning... In 1995 Netscape hired a young lad by

the name of Brenden Eich to take charge of designing a new language.

Eich decided to create a loosly-typed scripting language that will appeal to web developers.

By December of 1995 'LiveScript' is born! (and quickly renamed 'JavaScript')



Standardization With the mess created by IE3's JScript

Netscape, Sun and ECMA decide to standardize JavaScript and create 'ECMAScript‘.

In the meantime, Netscape and Microsoft releases the '4.0' browser generation, each with its own implementation of the DOM.



ECMAScript Versions



The Challenge



HTML 5 )Changes The Rules of The

Game(



Single Page Web Apps (SPA)



Traditional apps

Browser Request

Index.html

MVC4

Traditional Request / Response for ALL rendered content and assets



Web Application (SPA)

Initial Request

Application.htm

MVC4

RequireJS Loader

Page1 Partial.htm

IndexViewModel.js

Application.js (bootstrap)

ViewModel (#index)

ViewModel (#login)

Model (LoginModel)JSON Requests

HTML5 localstorage

Handling disconnection



Web App Building Block

Comm

unication

DAL

UI

BL (MV*)

Offline Storage

Entities

Module Module Module

Server



The Challenge with Web Apps (SPA) DOM Manipulation Routing Templates & Data Binding Ajax Modules History Caching Validations Testing



Web API Growth

Source: www.programmableweb.com – current APIs: 4,535

http://www.programmableweb.com/



WCF vs. ASP.NET Web API

SOAP WSDL HTTP



POST SimpleService.asmx/EchoString HTTP/1.1 Host: localhost:1489 User-Agent: Mozilla/5.0 Accept: text/html Content-Type: application/json; Content-Length: 27 ...

XML, JSON, SOAP, AtomPub ...

HTTP Communication

Headers

Data

Verb URL


POST SimpleService.asmx/EchoString HTTP/1.1 Host: localhost:1489 User-Agent: Mozilla/5.0 Accept: text/html,application/xhtml+xml Content-Type: application/json; Content-Length: 27 ...

JSON vs. SOAP

{"Age":37,"FirstName":"Eyal",

"ID":"123", "LastName":"Vardi“ }

Headers

Data

Verb URL

<Envelope> <Header> <!–- Headers -->  </Header> <Body> <!– XML Data --> </Body> </Envelope>


Node.js



Node Has Arrived



Node.js Building Blocks

libuv V8Js, C+

+Node.

js

Google JavaScript engine

A high performance, cross-platform evented I/O library



Node.JS Advantages

Architecture

Single Thread

App == Server

Middleware

Deployment

XCopy

Run

Everywhere

Community

53,228

Packages

2.5M Download

in day.

Tools


http://noflojs.org/example/





NPM



Microsoft And Node.js

Today’s release enables Custom APIs to

be written using Node.js (we will support

writing Custom APIs in .NET as well in a

future release)…

Scott Guthrie Corporate Vice President in the Microsoft Server and Tools Business.

http://www.microsoft.com/presspass/exec/guthrie/


http://www.youtube.com/watch?v=W_1_UqUDx2s

http://weblogs.asp.net/scottgu/archive/2013/06/14/windows-azure-major-updates-for-mobile-backend-development.aspx


Node.js in Action



Everything’s Gone JavaScript “Everything that can be written in

JavaScript will eventually be written in JavaScript”. – Atwood’s law

JavaScript is now an integral part of several operating systems: Windows 8 Firefox OS Gnome (Linux) Chrome OS (Chromebooks)



http://msdn.microsoft.com/en-us/library/windows/apps/br211385.aspx

http://www.mozilla.org/en-US/firefox/os/

http://www.i-programmer.info/news/167-javascript/5418-javascript-to-be-the-default-langauge-for-gnome.html

http://www.chromium.org/chromium-os

http://www.chromium.org/chromium-os/developer-information-for-chrome-os-devices





The Hardware World JavaScript is also moving quickly into the

hardware world:

Arduino

Tessel

Espruino

Nodebots

https://leanpub.com/arduino-for-javascripters

http://tessel.io/

http://www.espruino.com/

http://nodebots.io/



What’s new in ECMAScript 6.0 JavaScript history

Syntax

Functions

Classes

Collections

Iterators &

Generators

Modules

Template String

Modules

Proxy



ParallelJS Parallelizes JavaScript code that uses the

array methods mapPar(), filterPar() and reducePar().

Array.prototype.mapPar()

Array.prototype.filterPar()

Array.prototype.reducePar()

Thread 2

Thread 4

Thread 1Thread 3Thread 1



Web Components


http://html5-demos.appspot.com/static/webcomponents-bdconf/index.html#1


Near-Native Performance (ASM.JS)

* Chrome and Opera Optimize for Mozilla-Pioneered Asm.js


http://www.unrealengine.com/html5/

https://blog.mozilla.org/futurereleases/2013/11/26/chrome-and-opera-optimize-for-mozilla-pioneered-asm-js/


Thankseyalvardi.wordpress.com

Eyal VardiCEO E4D Solutions LTDMicrosoft MVP Visual C#blog: www.e4d.co.il


future of javascript

Technology