SlideShare a Scribd company logo
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
Conquer Architectural Challenges
with End-to-End JavaScript
Alternative options for the pragmatic developer sidestep
unnecessary plumbing code and integration layers.
Chrome
apps
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
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
4D is helping business and developers for 30 years
Unified language :
Database Server Client
6000 clients around the globe
End-to-end HTML5
Database Client
Fragmentation nightmare ?
Fragmentation nightmare ?
Conquer Architectural Challenges with End-to-End JavaScript - enterJS 2014
Conquer Architectural Challenges with End-to-End JavaScript - enterJS 2014
End-to-end JavaScript
Server & Database Client
JSON-REST
End-to-end JavaScript
Server & Database Client
JSON-REST
End-to-end JavaScript
Server & Database Client
JSON-REST
End-to-end HTML5
Server & Database Client
JSON-REST
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
End-to-end HTML5
Server & Database Client
JSON-REST
WebSockets
*
* wakanda 9
Data Driven
“It’s the economy, stupid”
James Carville
“It’s the data, stupid”
“It’s the data, stupid”
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
Open Data & Native DaaS
+
Open Data & Native DaaS
Open Data & Native DaaS
Documents Key-Value
ObjectsGraph
Product Development
Product Development
Product Development
Product Development
Product Development
Product Development
Implementation Consistency
Implementations
Implementation Consistency
Implementation Consistency
Implementation Consistency
Implementation Consistency
Implementation Consistency
Conquer Architectural Challenges with End-to-End JavaScript - enterJS 2014
Implementation Consistency
● Unified Language
● Unified APIs
● Think Model First
● Think Server First
● Get Native Model Proxy for the Client
Team Work
Git Source Control Test Service
for Client & Server JS
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
Single Page Applications
SPAs are a great fit for data intense web applications
Single Page Applications
● user experience
● data layer
● small footprint
● less bandwidth
● easy ride to the
complex architecture
● minimize first loading
time
● library management
Single Page Applications
● user experience
● data layer
● small footprint
● less bandwidth
Pros Cons
● complex architecture
● loading time
● library management
Single Page Applications
SPAs are a great fit for data intense web applications
JavaScript Harvesting
"Atwood's Law"
Any application that can be written in JavaScript will
eventually be written in JavaScript.
Jeff Atwood
JavaScript Harvesting
JavaScript Harvesting
JavaScript Harvesting
JavaScript Harvesting
JavaScript Harvesting
JavaScript Harvesting
JavaScript Harvesting
JavaScript Harvesting
JavaScript Harvesting
● Mustache
● Handlebar
● jsPDF
● cron.js
● npm modules (stripe, amqp, ..)
● ...
libs & Modules
even for the Server
http://ng-wakanda-pack.us.wak-apps.com/
angular-wakanda
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
Extras…
Extras…
Extras…
Extras…
Extras…
Conquer Architectural Challenges with End-to-End JavaScript - enterJS 2014
Extras…

More Related Content

What's hot (20)

PPTX
Moving to the Client - JavaFX and HTML5
Stephen Chin
 
PDF
Jhipster
Edlaine Zamora
 
PDF
Easy Microservices with JHipster - Devoxx BE 2017
Deepu K Sasidharan
 
PPTX
Moving To The Client - JavaFX and HTML5
Stephen Chin
 
PDF
Devoxx : being productive with JHipster
Julien Dubois
 
PPT
Moving to the Client - JavaFX and HTML5 (PowerPoint Version)
Stephen Chin
 
PPTX
Moving to the Client - JavaFX and HTML5
Stephen Chin
 
PPT
Node.js
Neethu Dasan
 
PDF
Front-end for Java developers Devoxx France 2018
Deepu K Sasidharan
 
PDF
Moving to the Client - JavaFX and HTML5
Stephen Chin
 
PDF
Javantura v4 - Angular2 - Ionic2 - from birth to stable versions - Hrvoje Pek...
HUJAK - Hrvatska udruga Java korisnika / Croatian Java User Association
 
PDF
Building the Web with Gradle
Eric Wendelin
 
PDF
Javantura v4 - The power of cloud in professional services company - Ivan Krn...
HUJAK - Hrvatska udruga Java korisnika / Croatian Java User Association
 
PDF
Javantura v4 - Support SpringBoot application development lifecycle using Ora...
HUJAK - Hrvatska udruga Java korisnika / Croatian Java User Association
 
PDF
React Tech Salon
Chenguang ZHANG
 
PDF
React + Redux for Web Developers
Jamal Sinclair O'Garro
 
PDF
Building an E-commerce website in MEAN stack
divyapisces
 
PDF
What's new in Gradle 4.0
Eric Wendelin
 
PPTX
Instant developer onboarding with self contained repositories
Yshay Yaacobi
 
PDF
Lessons learned from a large scale OSGi web app
Paul Bakker
 
Moving to the Client - JavaFX and HTML5
Stephen Chin
 
Jhipster
Edlaine Zamora
 
Easy Microservices with JHipster - Devoxx BE 2017
Deepu K Sasidharan
 
Moving To The Client - JavaFX and HTML5
Stephen Chin
 
Devoxx : being productive with JHipster
Julien Dubois
 
Moving to the Client - JavaFX and HTML5 (PowerPoint Version)
Stephen Chin
 
Moving to the Client - JavaFX and HTML5
Stephen Chin
 
Node.js
Neethu Dasan
 
Front-end for Java developers Devoxx France 2018
Deepu K Sasidharan
 
Moving to the Client - JavaFX and HTML5
Stephen Chin
 
Javantura v4 - Angular2 - Ionic2 - from birth to stable versions - Hrvoje Pek...
HUJAK - Hrvatska udruga Java korisnika / Croatian Java User Association
 
Building the Web with Gradle
Eric Wendelin
 
Javantura v4 - The power of cloud in professional services company - Ivan Krn...
HUJAK - Hrvatska udruga Java korisnika / Croatian Java User Association
 
Javantura v4 - Support SpringBoot application development lifecycle using Ora...
HUJAK - Hrvatska udruga Java korisnika / Croatian Java User Association
 
React Tech Salon
Chenguang ZHANG
 
React + Redux for Web Developers
Jamal Sinclair O'Garro
 
Building an E-commerce website in MEAN stack
divyapisces
 
What's new in Gradle 4.0
Eric Wendelin
 
Instant developer onboarding with self contained repositories
Yshay Yaacobi
 
Lessons learned from a large scale OSGi web app
Paul Bakker
 

Similar to Conquer Architectural Challenges with End-to-End JavaScript - enterJS 2014 (20)

KEY
10 Years of JavaScript
Mike de Boer
 
PPTX
DIGIT Noe 2016 - Overview of front end development today
Bojan Veljanovski
 
PDF
JAX 2012: Moderne Architektur mit Spring und JavaScript
martinlippert
 
PPTX
Introduction to Modern and Emerging Web Technologies
Suresh Patidar
 
PDF
Modern Architectures with Spring and JavaScript
martinlippert
 
PPTX
Product Camp Silicon Valley 2018 - PM Technical Skills
Sandeep Adwankar
 
ODP
Trends in Technology
Dhananjay Nene
 
PDF
JavaScript for Enterprise Applications
Piyush Katariya
 
PDF
Architectural Decisions: Smoothly and Consistently
Comsysto Reply GmbH
 
PPTX
The PRPL Pattern
Red Pill Now
 
PPTX
The State of Frontend
Jimit Shah
 
PPTX
Single Page Applications: Your Browser is the OS!
Jeremy Likness
 
PPTX
New life inside monolithic application
Taras Matyashovsky
 
PDF
Node.js #digpen presentation
GOSS Interactive
 
PDF
"A Highly Decoupled Front-end Framework for High Trafficked Web Applications"...
Prem Gurbani
 
PDF
The Characteristics of a Successful SPA
Gil Fink
 
PPTX
StrongLoop Overview
Shubhra Kar
 
PPTX
Feature driven agile oriented web applications
Ram G Athreya
 
PDF
Modern Architectures with Spring and JavaScript
martinlippert
 
PPTX
Rapid Application Development with MEAN Stack
Avinash Kaza
 
10 Years of JavaScript
Mike de Boer
 
DIGIT Noe 2016 - Overview of front end development today
Bojan Veljanovski
 
JAX 2012: Moderne Architektur mit Spring und JavaScript
martinlippert
 
Introduction to Modern and Emerging Web Technologies
Suresh Patidar
 
Modern Architectures with Spring and JavaScript
martinlippert
 
Product Camp Silicon Valley 2018 - PM Technical Skills
Sandeep Adwankar
 
Trends in Technology
Dhananjay Nene
 
JavaScript for Enterprise Applications
Piyush Katariya
 
Architectural Decisions: Smoothly and Consistently
Comsysto Reply GmbH
 
The PRPL Pattern
Red Pill Now
 
The State of Frontend
Jimit Shah
 
Single Page Applications: Your Browser is the OS!
Jeremy Likness
 
New life inside monolithic application
Taras Matyashovsky
 
Node.js #digpen presentation
GOSS Interactive
 
"A Highly Decoupled Front-end Framework for High Trafficked Web Applications"...
Prem Gurbani
 
The Characteristics of a Successful SPA
Gil Fink
 
StrongLoop Overview
Shubhra Kar
 
Feature driven agile oriented web applications
Ram G Athreya
 
Modern Architectures with Spring and JavaScript
martinlippert
 
Rapid Application Development with MEAN Stack
Avinash Kaza
 
Ad

More from Alexandre Morgaut (20)

PDF
Lint, coverage, doc, autocompletion, transpilation, minification... powered b...
Alexandre Morgaut
 
PDF
Past, present, and future of web assembly - Devfest Nantes 2017
Alexandre Morgaut
 
PDF
Carnet de Route du Développeur - ENSIMAG 2012
Alexandre Morgaut
 
PDF
JS in SMS - JS.everywhere(2013)
Alexandre Morgaut
 
PDF
Js in Automotive - JS.everywhere(2013)
Alexandre Morgaut
 
PDF
From Web App Model Design to Production with Wakanda
Alexandre Morgaut
 
PDF
NoSQL and JavaScript: a love story
Alexandre Morgaut
 
PDF
Wakanda - apps.berlin.js - 2012-11-29
Alexandre Morgaut
 
PDF
End to-end W3C - JS.everywhere(2012) Europe
Alexandre Morgaut
 
PDF
Wakanda and the top 5 security risks - JS.everyrwhere(2012) Europe
Alexandre Morgaut
 
PDF
End-to-end W3C APIs - tpac 2012
Alexandre Morgaut
 
PDF
End-to-end W3C APIs
Alexandre Morgaut
 
PDF
NoSQL and JavaScript: a Love Story
Alexandre Morgaut
 
PDF
Wakanda: NoSQL for Model-Driven Web applications - NoSQL matters 2012
Alexandre Morgaut
 
PDF
Wakanda: NoSQL & SSJS for Model-driven Web Applications - SourceDevCon 2012
Alexandre Morgaut
 
KEY
State of the art - server side JavaScript - web-5 2012
Alexandre Morgaut
 
PDF
Etat de l'art Server-Side JavaScript - JS Geneve
Alexandre Morgaut
 
PDF
NantesJS premier meetup - Welcome
Alexandre Morgaut
 
KEY
State of the art: server-side javaScript - NantesJS
Alexandre Morgaut
 
PDF
State of the art: Server-Side JavaScript - dejeuner fulljs
Alexandre Morgaut
 
Lint, coverage, doc, autocompletion, transpilation, minification... powered b...
Alexandre Morgaut
 
Past, present, and future of web assembly - Devfest Nantes 2017
Alexandre Morgaut
 
Carnet de Route du Développeur - ENSIMAG 2012
Alexandre Morgaut
 
JS in SMS - JS.everywhere(2013)
Alexandre Morgaut
 
Js in Automotive - JS.everywhere(2013)
Alexandre Morgaut
 
From Web App Model Design to Production with Wakanda
Alexandre Morgaut
 
NoSQL and JavaScript: a love story
Alexandre Morgaut
 
Wakanda - apps.berlin.js - 2012-11-29
Alexandre Morgaut
 
End to-end W3C - JS.everywhere(2012) Europe
Alexandre Morgaut
 
Wakanda and the top 5 security risks - JS.everyrwhere(2012) Europe
Alexandre Morgaut
 
End-to-end W3C APIs - tpac 2012
Alexandre Morgaut
 
End-to-end W3C APIs
Alexandre Morgaut
 
NoSQL and JavaScript: a Love Story
Alexandre Morgaut
 
Wakanda: NoSQL for Model-Driven Web applications - NoSQL matters 2012
Alexandre Morgaut
 
Wakanda: NoSQL & SSJS for Model-driven Web Applications - SourceDevCon 2012
Alexandre Morgaut
 
State of the art - server side JavaScript - web-5 2012
Alexandre Morgaut
 
Etat de l'art Server-Side JavaScript - JS Geneve
Alexandre Morgaut
 
NantesJS premier meetup - Welcome
Alexandre Morgaut
 
State of the art: server-side javaScript - NantesJS
Alexandre Morgaut
 
State of the art: Server-Side JavaScript - dejeuner fulljs
Alexandre Morgaut
 
Ad

Recently uploaded (20)

PDF
CIFDAQ Market Wrap for the week of 4th July 2025
CIFDAQ
 
PPTX
Agentforce World Tour Toronto '25 - Supercharge MuleSoft Development with Mod...
Alexandra N. Martinez
 
PDF
Agentic AI lifecycle for Enterprise Hyper-Automation
Debmalya Biswas
 
PDF
Peak of Data & AI Encore AI-Enhanced Workflows for the Real World
Safe Software
 
PDF
Bitcoin for Millennials podcast with Bram, Power Laws of Bitcoin
Stephen Perrenod
 
PPT
Ericsson LTE presentation SEMINAR 2010.ppt
npat3
 
PPTX
Digital Circuits, important subject in CS
contactparinay1
 
PDF
Reverse Engineering of Security Products: Developing an Advanced Microsoft De...
nwbxhhcyjv
 
PPTX
COMPARISON OF RASTER ANALYSIS TOOLS OF QGIS AND ARCGIS
Sharanya Sarkar
 
PDF
How do you fast track Agentic automation use cases discovery?
DianaGray10
 
PPTX
Agentforce World Tour Toronto '25 - MCP with MuleSoft
Alexandra N. Martinez
 
PPTX
Q2 FY26 Tableau User Group Leader Quarterly Call
lward7
 
PDF
Future-Proof or Fall Behind? 10 Tech Trends You Can’t Afford to Ignore in 2025
DIGITALCONFEX
 
DOCX
Cryptography Quiz: test your knowledge of this important security concept.
Rajni Bhardwaj Grover
 
PDF
POV_ Why Enterprises Need to Find Value in ZERO.pdf
darshakparmar
 
PPTX
AI Penetration Testing Essentials: A Cybersecurity Guide for 2025
defencerabbit Team
 
PDF
AI Agents in the Cloud: The Rise of Agentic Cloud Architecture
Lilly Gracia
 
DOCX
Python coding for beginners !! Start now!#
Rajni Bhardwaj Grover
 
PPTX
Future Tech Innovations 2025 – A TechLists Insight
TechLists
 
PDF
Staying Human in a Machine- Accelerated World
Catalin Jora
 
CIFDAQ Market Wrap for the week of 4th July 2025
CIFDAQ
 
Agentforce World Tour Toronto '25 - Supercharge MuleSoft Development with Mod...
Alexandra N. Martinez
 
Agentic AI lifecycle for Enterprise Hyper-Automation
Debmalya Biswas
 
Peak of Data & AI Encore AI-Enhanced Workflows for the Real World
Safe Software
 
Bitcoin for Millennials podcast with Bram, Power Laws of Bitcoin
Stephen Perrenod
 
Ericsson LTE presentation SEMINAR 2010.ppt
npat3
 
Digital Circuits, important subject in CS
contactparinay1
 
Reverse Engineering of Security Products: Developing an Advanced Microsoft De...
nwbxhhcyjv
 
COMPARISON OF RASTER ANALYSIS TOOLS OF QGIS AND ARCGIS
Sharanya Sarkar
 
How do you fast track Agentic automation use cases discovery?
DianaGray10
 
Agentforce World Tour Toronto '25 - MCP with MuleSoft
Alexandra N. Martinez
 
Q2 FY26 Tableau User Group Leader Quarterly Call
lward7
 
Future-Proof or Fall Behind? 10 Tech Trends You Can’t Afford to Ignore in 2025
DIGITALCONFEX
 
Cryptography Quiz: test your knowledge of this important security concept.
Rajni Bhardwaj Grover
 
POV_ Why Enterprises Need to Find Value in ZERO.pdf
darshakparmar
 
AI Penetration Testing Essentials: A Cybersecurity Guide for 2025
defencerabbit Team
 
AI Agents in the Cloud: The Rise of Agentic Cloud Architecture
Lilly Gracia
 
Python coding for beginners !! Start now!#
Rajni Bhardwaj Grover
 
Future Tech Innovations 2025 – A TechLists Insight
TechLists
 
Staying Human in a Machine- Accelerated World
Catalin Jora
 

Conquer Architectural Challenges with End-to-End JavaScript - enterJS 2014