latest trends in java script show

46
App s Server S ide C lient Sid e Mobile Desktop JavaScript is every where! © Syed Muhammad Humayun – http://www.smhumayun.com – [email protected]

Upload: syed-muhammad-humayun

Post on 12-Apr-2017

70 views

Category:

Technology


0 download

TRANSCRIPT

Page 1: Latest trends in java script show

Apps

Server Side Client Side

MobileDesktop

JavaScriptis every where!

© Syed Muhammad Humayun – http://www.smhumayun.com – [email protected]

Page 2: Latest trends in java script show

Apps

Server Side

MobileDesktop

JavaScriptis every where!

Client Side

© Syed Muhammad Humayun – http://www.smhumayun.com – [email protected]

Page 3: Latest trends in java script show

Apps

MobileDesktop

JavaScriptis every where!

Client Side

Server Side

© Syed Muhammad Humayun – http://www.smhumayun.com – [email protected]

Page 4: Latest trends in java script show

Apps

MobileDesktop

JavaScriptis every where!

Client Side

Server Side

© Syed Muhammad Humayun – http://www.smhumayun.com – [email protected]

Page 5: Latest trends in java script show

Apps

MobileDesktop

JavaScriptis every where!

Client Side

Server Side

Mar 2009

© Syed Muhammad Humayun – http://www.smhumayun.com – [email protected]

Page 6: Latest trends in java script show

Apps

MobileDesktop

JavaScriptis every where!

Client Side

Mar 2009

Server Side

Sep 2008

© Syed Muhammad Humayun – http://www.smhumayun.com – [email protected]

Page 7: Latest trends in java script show

Apps

MobileDesktop

JavaScriptis every where!

Client Side

Mar 2009

Server Side

Sep 2008

2009

© Syed Muhammad Humayun – http://www.smhumayun.com – [email protected]

Page 8: Latest trends in java script show

Apps

MobileDesktop

JavaScriptis every where!

Client Side

Mar 2009

Server Side

Sep 2008

2009

2009

© Syed Muhammad Humayun – http://www.smhumayun.com – [email protected]

Page 9: Latest trends in java script show

Apps

MobileDesktop

JavaScriptis every where!

Client Side

Mar 2009

Server Side

Sep 2008

2009

20092009

© Syed Muhammad Humayun – http://www.smhumayun.com – [email protected]

Page 10: Latest trends in java script show

Apps

MobileDesktop

JavaScriptis every where!

Client Side

Mar 2009

Server Side

Sep 2008

2009

20092009

MVCMVVMMVP

© Syed Muhammad Humayun – http://www.smhumayun.com – [email protected]

Page 11: Latest trends in java script show

Apps

MobileDesktop

JavaScriptis every where!

Client Side

Mar 2009

Server Side

Sep 2008

2009

20092009

MVCMVVMMVP

© Syed Muhammad Humayun – http://www.smhumayun.com – [email protected]

Page 12: Latest trends in java script show

Apps

MobileDesktop

JavaScriptis every where!

Client Side

Mar 2009

Server Side

Sep 2008

2009

20092009

MVCMVVMMVP

© Syed Muhammad Humayun – http://www.smhumayun.com – [email protected]

Page 13: Latest trends in java script show

Apps

MobileDesktop

JavaScriptis every where!

Client Side

Mar 2009

Server Side

Sep 2008

2009

20092009

MVCMVVMMVP

© Syed Muhammad Humayun – http://www.smhumayun.com – [email protected]

Page 14: Latest trends in java script show

Apps

MobileDesktop

JavaScriptis every where!

Client Side

Mar 2009

Server Side

Sep 2008

2009

20092009

MVCMVVMMVP

© Syed Muhammad Humayun – http://www.smhumayun.com – [email protected]

Page 15: Latest trends in java script show

Apps

MobileDesktop

JavaScriptis every where!

Client Side

Mar 2009

Server Side

Sep 2008

2009

20092009

MVCMVVMMVP

© Syed Muhammad Humayun – http://www.smhumayun.com – [email protected]

Page 16: Latest trends in java script show

Apps

MobileDesktop

JavaScriptis every where!

Client Side

Mar 2009

Server Side

Sep 2008

2009

20092009

MVCMVVMMVP

© Syed Muhammad Humayun – http://www.smhumayun.com – [email protected]

Page 17: Latest trends in java script show

Apps

MobileDesktop

JavaScriptis every where!

Client Side

Mar 2009

Server Side

Sep 2008

2009

20092009

MVCMVVMMVP

© Syed Muhammad Humayun – http://www.smhumayun.com – [email protected]

Page 18: Latest trends in java script show

Apps

MobileDesktop

JavaScriptis every where!

Client Side

Mar 2009

Server Side

Sep 2008

2009

20092009

MVCMVVMMVP

© Syed Muhammad Humayun – http://www.smhumayun.com – [email protected]

Page 19: Latest trends in java script show

Apps

Desktop

JavaScriptis every where!

Client Side

Server Side

Mobile

© Syed Muhammad Humayun – http://www.smhumayun.com – [email protected]

Page 20: Latest trends in java script show

Apps

Desktop

JavaScriptis every where!

Client Side

Server Side

Mobile

© Syed Muhammad Humayun – http://www.smhumayun.com – [email protected]

Page 21: Latest trends in java script show

Apps

Desktop

JavaScriptis every where!

Client Side

Server Side

Mobile

© Syed Muhammad Humayun – http://www.smhumayun.com – [email protected]

Page 22: Latest trends in java script show

Apps

Desktop

JavaScriptis every where!

Client Side

Server Side

Mobile

© Syed Muhammad Humayun – http://www.smhumayun.com – [email protected]

Page 23: Latest trends in java script show

Apps

Desktop

JavaScriptis every where!

Client Side

Server Side

Mobile

© Syed Muhammad Humayun – http://www.smhumayun.com – [email protected]

Page 24: Latest trends in java script show

Apps

Desktop

JavaScriptis every where!

Client Side

Server Side

Mobile

© Syed Muhammad Humayun – http://www.smhumayun.com – [email protected]

Page 25: Latest trends in java script show

Apps

Desktop

JavaScriptis every where!

Client Side

Server Side

Mobile

© Syed Muhammad Humayun – http://www.smhumayun.com – [email protected]

Page 26: Latest trends in java script show

Apps

Desktop

JavaScriptis every where!

Client Side

Server Side

Mobile

© Syed Muhammad Humayun – http://www.smhumayun.com – [email protected]

Page 27: Latest trends in java script show

Apps

Desktop

JavaScriptis every where!

Client Side

Server Side

MobileMobile

© Syed Muhammad Humayun – http://www.smhumayun.com – [email protected]

Page 28: Latest trends in java script show

Apps

Desktop

JavaScriptis every where!

Client Side

Server Side

Mobile2009

Hybrid

© Syed Muhammad Humayun – http://www.smhumayun.com – [email protected]

Page 29: Latest trends in java script show

Apps

Desktop

JavaScriptis every where!

Client Side

Server Side

Mobile

20112009

Hybrid

© Syed Muhammad Humayun – http://www.smhumayun.com – [email protected]

Page 30: Latest trends in java script show

Apps

Desktop

JavaScriptis every where!

Client Side

Server Side

Mobile

20132011

2009

Hybrid

© Syed Muhammad Humayun – http://www.smhumayun.com – [email protected]

Page 31: Latest trends in java script show

Apps

Desktop

JavaScriptis every where!

Client Side

Server Side

MobileHybrid

© Syed Muhammad Humayun – http://www.smhumayun.com – [email protected]

Page 32: Latest trends in java script show

Apps

Desktop

JavaScriptis every where!

Client Side

Server Side

MobileHybrid

© Syed Muhammad Humayun – http://www.smhumayun.com – [email protected]

Page 33: Latest trends in java script show

Apps

Desktop

JavaScriptis every where!

Client Side

Server Side

MobileHybrid

© Syed Muhammad Humayun – http://www.smhumayun.com – [email protected]

Page 34: Latest trends in java script show

Apps

Desktop

JavaScriptis every where!

Client Side

Server Side

MobileHybrid

© Syed Muhammad Humayun – http://www.smhumayun.com – [email protected]

Page 35: Latest trends in java script show

Apps

Desktop

JavaScriptis every where!

Client Side

Server Side

MobileHybrid

© Syed Muhammad Humayun – http://www.smhumayun.com – [email protected]

Page 36: Latest trends in java script show

Apps

Desktop

JavaScriptis every where!

Client Side

Server Side

MobileHybrid

© Syed Muhammad Humayun – http://www.smhumayun.com – [email protected]

Page 37: Latest trends in java script show

Apps

Desktop

JavaScriptis every where!

Client Side

Server Side

MobileHybrid

© Syed Muhammad Humayun – http://www.smhumayun.com – [email protected]

Page 38: Latest trends in java script show

Apps

JavaScriptis every where!

Client Side

Server Side

MobileHybrid Desktop

2011

© Syed Muhammad Humayun – http://www.smhumayun.com – [email protected]

Page 39: Latest trends in java script show

Apps

JavaScriptis every where!

Client Side

Server Side

MobileHybrid Desktop

20112015

© Syed Muhammad Humayun – http://www.smhumayun.com – [email protected]

Page 40: Latest trends in java script show

Latest Trends in

JavaScript Traditional n-tier Apps Client-API-Server Apps

Isomorphic JavaScript Apps

© Syed Muhammad Humayun – http://www.smhumayun.com – [email protected]

Page 41: Latest trends in java script show

Latest Trends in

JavaScriptRealtime/Presence

Websockets – IETF/W3C 2011

APIs: Together, Primus, BrowserChannel, Engine.io,

Faye, Iws, Socket.io, SockJS, Uws, WebSockets, etc.

Hosted Services/Platforms: Firebase, PubNub, Pusher, Baasil, SocketCluster,

X-stream.ly,

© Syed Muhammad Humayun – http://www.smhumayun.com – [email protected]

Page 42: Latest trends in java script show

Latest Trends in

JavaScriptRealtime/Communication

WebRTC – Google 2011 > IETF/W3C

Video, Audio and P2P File Sharing (Screen Sharing)

APIs: Peerjs, SimpleWebRTC, EasyRTC, webrtc.io,

RTCMultiConnection, Licode,

Hosted Services/Platforms: Twilio, Tokbox, openClove, SlightCall, Talky, Tawk

© Syed Muhammad Humayun – http://www.smhumayun.com – [email protected]

Page 43: Latest trends in java script show

Latest Trends in

JavaScriptSVG/Visualization

APIs: D3, Raphael, Snap, Velocity, Svg.js, Bonsai, Fabric

Diagramming Toolkits: JointJS/Rappid, GoJS, Jgraph, JS Plumb, Tangle

© Syed Muhammad Humayun – http://www.smhumayun.com – [email protected]

Page 44: Latest trends in java script show

Latest Trends in

JavaScriptWebGL

Mozilla Foundation 2011

APIs: Three JS, Babylon JS, Pixi JS, TWGL, Scene JS, OSG JS, Copper Litch, GLGE

Gaming EnginesEasel JS, Phaser, Turbulenz, Lychee JS, WADE, Melon JS, Quintus,

PlayCanvas, Construct2, Impact JS, Crafty

© Syed Muhammad Humayun – http://www.smhumayun.com – [email protected]

Page 45: Latest trends in java script show

Latest Trends in

JavaScriptProgressive Web Apps

Apps that “progressively” improves the overall user experience based on user environment

Progressive (Adaptable)ResponsiveConnectivity IndependentNative App LikeDiscoverableEngageable (Push Notifications)InstallableLinkableApp Shell, Service Workers, Cache

© Syed Muhammad Humayun – http://www.smhumayun.com – [email protected]

Page 46: Latest trends in java script show

Latest Trends in

JavaScriptNo Backend

Back-end As A Service (BAAS)Offline First

Hood.ieFirebase

Treeline.io

© Syed Muhammad Humayun – http://www.smhumayun.com – [email protected]