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

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 ?

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

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

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

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

16. 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

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

18. Data Driven

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

20. “It’s the data, stupid”

21. “It’s the data, stupid”

22. 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

23. Open Data & Native DaaS
+

24. Open Data & Native DaaS

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

26. Product Development

27. Product Development

28. Product Development

29. Product Development

30. Product Development

31. Product Development

32. Implementation Consistency
Implementations

33. Implementation Consistency

34. Implementation Consistency

35. Implementation Consistency

36. Implementation Consistency

37. Implementation Consistency

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

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

41. 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

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

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

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

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

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

47. JavaScript Harvesting

48. JavaScript Harvesting

49. JavaScript Harvesting

50. JavaScript Harvesting

51. JavaScript Harvesting

52. JavaScript Harvesting

53. JavaScript Harvesting

54. JavaScript Harvesting

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

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

57. 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

58. Extras…

59. Extras…

60. Extras…

61. Extras…

62. Extras…

64. Extras…