1.
Conquer Architectural Challenges
with End-to-End JavaScript
Alternative options for the pragmatic developer sidestep
unnecessary plumbing code and integration layers.
Ricardo
MELLO
Alexandre
MORGAUT

2.
Conquer Architectural Challenges
with End-to-End JavaScript
Alternative options for the pragmatic developer sidestep
unnecessary plumbing code and integration layers.
Chrome
apps

3.
Ricardo MELLO Alexandre MORGAUT
@ricoduoba
Passionated about the creative use
of data.
My dream is to be an alchemist and
transform data into gold.
www.mellodia.com
github.com/rmello4d
Wakanda Product Director Community manager
Your speakers today
@amorgaut
Passionated about Standards,
Semantics, and Web Technologies.
My dream is to make technologies
interoperable and accessible to
anyone
about.com/amorgaut
github.com/AMorgaut

4.
Summary
Conquer Architectural Challenges with End-to-End JavaScript
● Decrease complexity and reduce your time-to-market;
● Show a powerful a NoSQL business object datastore;
● Build hybrid or native mobile-apps with an API-centric backend.
● Play with third-party libraries in reusable drag-and-drop widgets;
● Use our AngularJS connector to develop the front end

5.
4D is helping business and developers for 30 years
Unified language :
Database Server Client

6.
6000 clients around the globe

7.
End-to-end HTML5
Database Client

8.
Fragmentation nightmare ?

9.
Fragmentation nightmare ?

10.
End-to-end JavaScript
Server & Database Client
JSON-REST

11.
End-to-end JavaScript
Server & Database Client
JSON-REST

12.
End-to-end JavaScript
Server & Database Client
JSON-REST

13.
End-to-end HTML5
Server & Database Client
JSON-REST

14.
Standard Based platform
XMLHttpRequest, Timer, JSON
Web Storage, Web Workers, Web
Sockets
File, FileSystem, Blob, …
Console, JSON-RPC, REST
also some node.js API support
Modules, Package, Unit Test
Webkit & Crossfire remote debugging

15.
End-to-end HTML5
Server & Database Client
JSON-REST
WebSockets
*
* wakanda 9

16.
Data Driven

17.
“It’s the economy, stupid”
James Carville

18.
“It’s the data, stupid”

19.
“It’s the data, stupid”

20.
Think Data
● Think data first
● Graphical expression (freedom to code)
● Central business knowledge
● Modern syntax (relational friendly)
● Data + Class = DataClass
● 2 Way binding with GUI elements

21.
Open Data & Native DaaS
+

22.
Open Data & Native DaaS

23.
Open Data & Native DaaS
Documents Key-Value
ObjectsGraph

24.
Product Development

25.
Product Development

26.
Product Development

27.
Product Development

28.
Product Development

29.
Product Development

30.
Implementation Consistency
Implementations

31.
Implementation Consistency

32.
Implementation Consistency

33.
Implementation Consistency

34.
Implementation Consistency

35.
Implementation Consistency

36.
Implementation Consistency
● Unified Language
● Unified APIs
● Think Model First
● Think Server First
● Get Native Model Proxy for the Client

37.
Team Work
Git Source Control Test Service
for Client & Server JS

38.
Single Page Applications
"a web interface where the entire page does not need to be
reloaded on each user action."
Ali Mesbah and Arie van Deursen

39.
Single Page Applications
SPAs are a great fit for data intense web applications

40.
Single Page Applications
● user experience
● data layer
● small footprint
● less bandwidth
● easy ride to the
complex architecture
● minimize first loading
time
● library management

41.
Single Page Applications
● user experience
● data layer
● small footprint
● less bandwidth
Pros Cons
● complex architecture
● loading time
● library management

42.
Single Page Applications
SPAs are a great fit for data intense web applications

43.
JavaScript Harvesting
"Atwood's Law"
Any application that can be written in JavaScript will
eventually be written in JavaScript.
Jeff Atwood

44.
JavaScript Harvesting

45.
JavaScript Harvesting

46.
JavaScript Harvesting

47.
JavaScript Harvesting

48.
JavaScript Harvesting

49.
JavaScript Harvesting

50.
JavaScript Harvesting

51.
JavaScript Harvesting

52.
JavaScript Harvesting
● Mustache
● Handlebar
● jsPDF
● cron.js
● npm modules (stripe, amqp, ..)
● ...
libs & Modules
even for the Server

53.
http://ng-wakanda-pack.us.wak-apps.com/
angular-wakanda

54.
Thank you!
http://wakanda.org/
@wakandasoft
github.com/Wakanda-Packages
youtube: wakandasoft
Alexandre Morgaut
@amorgaut
www.mellodia.com
github.com/AMorgaut
Ricardo Mello
@ricoduoba
www.mellodia.com
github.com/rmello4d

55.
Extras…

56.
Extras…

57.
Extras…

58.
Extras…

59.
Extras…

60.
Extras…