SlideShare a Scribd company logo
The JAQ Stack
Build Websites &
Applications with
Java, Angular & NoSQL/SQL
Seattle Code Camp 2018
Suren Konathala • 15th September, 2018
Organization of
this Presentation
The Problem
● Why another stack?
● Typical development process
● Developer pain points
The Solution
● My quest for a simple solution
● The birth of JAQ Stack
● What is an application stack
● The JAQ Stack Architecture
● DevOps
How can JAQ Speed up things?
Demo
About Me..
● Works at Adobe as Technical
Consultant / Architect
● Been a Java developer for over 16
years
● Passionate about Technology and
Open source
● Visual storyteller, Loves to write
● @surenkonathala
The Problem
Why another stack?
Not typical
● Websites or a web applications are typically built using
HTML/CSS a bit of Javascript. And to call backend code we need
to extend the scripting - Either Javascript (NodeJS, Angular) or a
backend language (PHP, C#, Java)
● When we need to call Java.. we need to use some framework
(JSP, Spring)
● Changing the UI is cumbersome and a lengthy process
● Alternatives we hear are Microservices, Functions, Serverless
etc. But that adds up learning curve
Typical development process
● Design team
○ Build mockups.. On approval
○ Convert to HTML/CSS, add some 3rd party javascript files
● Inject the Java compatible code snippets into HTML (either
using JSP or other frameworks)
○ If Spring then the entire application need to be built as per
it’s design & development principles
○ Or add other frontend frameworks like Angular/React
● Backend code - business logic, data crud operations in Java
Developer pain points
● Identifying a platform / framework is often very tedious
● If the website/web app design need to change, it’s a lot of work
● Very few or almost no resources on using modern frontend
frameworks/api’s with Java as backend
● Lots of examples only on using Spring framework
● Lot of application deployment endpoints to manage
The Solution
My quest for a simple solution
My Rules
1. No frameworks.. Please
2. Keep it simple.. Little or ZERO learning curve
3. Build on what’s already there and developers know - What the
programming languages/frameworks already offer
4. Make it easy for all roles (UI, Frontend and Backend developers)
to work together and integrate
5. Make building websites simple using Java, like the way we can
with Wordpress (pluggable themes)
6. Always free.. open-sourced
What i found?
Disappointment
1. Unfortunately there are NONE that are Open-source/free
2. Most of them were on Spring framework
The birth of JAQ Stack
What is it?
● Is an Open source Application
stack built using plain Java,
Jakarta EE (formerly Java EE) and
Angular
● Applications are built as a single
deployable archive(WAR) file
● Open/extendable to use any
database
● Can integrate with any web
service (JSON)
What it is NOT?
● Is not a framework
● Is not a programming
language or an API
Courtesy - Course Report
The JAQ Stack
Introducing the JAQ (Java, Angular, Sql/NoSQL) Stack
Architecture / Process Flow
Closer look at example codebase
DevOps
Technical Requirements
● Built using Java 1.8 SDK, Supports OpenJDK
● Maven 3.3 or more
● Tested with Angular 5
● Yarn 1.7.0 or >
● NodeJS 10.5 or >
How can JAQ
Stack speed up
development?
1. No frameworks, Zero learning
curve
2. Separate code/folders for
multiple teams to work
independently
3. But one build file for IT to
manage easily
4. Speeds up application delivery,
less dependencies
5. Helps Agile development
Demo
Goals for
JAQ Stack
1. Make JAQ Stack as
MicroProfile
2. Cloud native, Container-ready
3. More complete examples - with
real time use-cases
4. A set release cadence
5. Documentation - Website, Wiki,
Book
Questions?
JAQ Stack will be a part of
The Future Of Web
Development With Java

More Related Content

What's hot (20)

PPTX
Activity 5
John Vincent Caño
 
PDF
Play with Elm!
Paris Scala User Group
 
PDF
wp cli- don’t fear the command line
Dwayne McDaniel
 
PDF
The Ideas of Clojure - Things I learn from Clojure
Hsuan Fu Lien
 
PDF
Wp cli- intro and basics
Dwayne McDaniel
 
PPTX
4 reasons you don’t use java’s gui capabilities
jbirkeltech
 
PDF
Play with elm - Choucri fahed, Finstack - Lambadays
Finstack
 
PDF
Patterns: The new Javascript framweork
Franco Pellegrini
 
PPTX
Ppt full stack developer
SudhirVarpe1
 
PPTX
Nascenia -- company profile
Nascenia IT
 
PDF
How to create a WordPress not understanding WordPress, so more on the headles...
Krzysztof (Chris) Ozog
 
PPTX
Introduction to Web Technology Stacks
Prakarsh -
 
PPTX
NOLOH PHP Framework - Unified Server-Side Development
NOLOH LLC.
 
PDF
My Career Journey
Ryan Burgess
 
PPTX
Jakarta js meetup - Real time web apps with vue & firebase - may 17, 2017
Septian Tama
 
PDF
The Characteristics of a Successful SPA
Gil Fink
 
PPSX
Oop principles
Md. Mahedee Hasan
 
PDF
Tf byows
Shannon Gallagher
 
PPTX
Html5
Nasla C.K
 
PDF
Create first android app with MVVM Architecture
khushbu thakker
 
Activity 5
John Vincent Caño
 
Play with Elm!
Paris Scala User Group
 
wp cli- don’t fear the command line
Dwayne McDaniel
 
The Ideas of Clojure - Things I learn from Clojure
Hsuan Fu Lien
 
Wp cli- intro and basics
Dwayne McDaniel
 
4 reasons you don’t use java’s gui capabilities
jbirkeltech
 
Play with elm - Choucri fahed, Finstack - Lambadays
Finstack
 
Patterns: The new Javascript framweork
Franco Pellegrini
 
Ppt full stack developer
SudhirVarpe1
 
Nascenia -- company profile
Nascenia IT
 
How to create a WordPress not understanding WordPress, so more on the headles...
Krzysztof (Chris) Ozog
 
Introduction to Web Technology Stacks
Prakarsh -
 
NOLOH PHP Framework - Unified Server-Side Development
NOLOH LLC.
 
My Career Journey
Ryan Burgess
 
Jakarta js meetup - Real time web apps with vue & firebase - may 17, 2017
Septian Tama
 
The Characteristics of a Successful SPA
Gil Fink
 
Oop principles
Md. Mahedee Hasan
 
Html5
Nasla C.K
 
Create first android app with MVVM Architecture
khushbu thakker
 

Similar to Introducing the JAQ (Java, Angular, Sql/NoSQL) Stack (20)

PPTX
Angular jS Introduction by Google
ASG
 
PDF
three_software_development_trends_to_follow_in_2016
Interbrand
 
PDF
SPA: Key Questions
Volodymyr Voytyshyn
 
PPTX
Product Camp Silicon Valley 2018 - PM Technical Skills
Sandeep Adwankar
 
PDF
Play
Basav Nagur
 
PDF
JDD2015: Java Everywhere Again—with DukeScript - Jaroslav Tulach
PROIDEA
 
PDF
Modern Web Framework : Play framework
Suman Adak
 
PDF
Reasons to migrate to modern web development with JavaScript
David Amend
 
PDF
Mean Stack - An Overview
Naveen Pete
 
PDF
Front End Development for Back End Java Developers - NYJavaSIG 2019
Matt Raible
 
PDF
Application Technologis to learn in Full Stack Java Development
Aspire Techsoft Academy
 
PDF
Building Enterprise Grade Front-End Applications with JavaScript Frameworks
FITC
 
PPTX
seminar ppt presentation PRANIT KUMAR SAHOO.pptx
guestblogmonica
 
PDF
Catching-up web technologies - an endless story
Cleber Jorge Amaral
 
PDF
Javantura v2 - The Road to Java - HUJAK & Oracle Croatia - Branko Mihaljević,...
HUJAK - Hrvatska udruga Java korisnika / Croatian Java User Association
 
PPT
Intro to SPA using JavaScript & ASP.NET
Alan Hecht
 
PPTX
Engineering Frontends
Vladimir Milojević
 
PPTX
SeedStack feature tour
SeedStack
 
PDF
Web APIs, the New Language Frontier
Restlet
 
PDF
Web APIs, the New Language Frontier
Jerome Louvel
 
Angular jS Introduction by Google
ASG
 
three_software_development_trends_to_follow_in_2016
Interbrand
 
SPA: Key Questions
Volodymyr Voytyshyn
 
Product Camp Silicon Valley 2018 - PM Technical Skills
Sandeep Adwankar
 
JDD2015: Java Everywhere Again—with DukeScript - Jaroslav Tulach
PROIDEA
 
Modern Web Framework : Play framework
Suman Adak
 
Reasons to migrate to modern web development with JavaScript
David Amend
 
Mean Stack - An Overview
Naveen Pete
 
Front End Development for Back End Java Developers - NYJavaSIG 2019
Matt Raible
 
Application Technologis to learn in Full Stack Java Development
Aspire Techsoft Academy
 
Building Enterprise Grade Front-End Applications with JavaScript Frameworks
FITC
 
seminar ppt presentation PRANIT KUMAR SAHOO.pptx
guestblogmonica
 
Catching-up web technologies - an endless story
Cleber Jorge Amaral
 
Javantura v2 - The Road to Java - HUJAK & Oracle Croatia - Branko Mihaljević,...
HUJAK - Hrvatska udruga Java korisnika / Croatian Java User Association
 
Intro to SPA using JavaScript & ASP.NET
Alan Hecht
 
Engineering Frontends
Vladimir Milojević
 
SeedStack feature tour
SeedStack
 
Web APIs, the New Language Frontier
Restlet
 
Web APIs, the New Language Frontier
Jerome Louvel
 
Ad

Recently uploaded (20)

PDF
SciPy 2025 - Packaging a Scientific Python Project
Henry Schreiner
 
PPTX
Milwaukee Marketo User Group - Summer Road Trip: Mapping and Personalizing Yo...
bbedford2
 
PDF
MiniTool Power Data Recovery 8.8 With Crack New Latest 2025
bashirkhan333g
 
PDF
Add Background Images to Charts in IBM SPSS Statistics Version 31.pdf
Version 1 Analytics
 
PDF
AI Prompts Cheat Code prompt engineering
Avijit Kumar Roy
 
PDF
Wondershare PDFelement Pro Crack for MacOS New Version Latest 2025
bashirkhan333g
 
PPTX
Smart Doctor Appointment Booking option in odoo.pptx
AxisTechnolabs
 
PDF
SAP Firmaya İade ABAB Kodları - ABAB ile yazılmıl hazır kod örneği
Salih Küçük
 
PPTX
iaas vs paas vs saas :choosing your cloud strategy
CloudlayaTechnology
 
PDF
Open Chain Q2 Steering Committee Meeting - 2025-06-25
Shane Coughlan
 
PDF
MiniTool Partition Wizard Free Crack + Full Free Download 2025
bashirkhan333g
 
PDF
Simplify React app login with asgardeo-sdk
vaibhav289687
 
PDF
Everything you need to know about pricing & licensing Microsoft 365 Copilot f...
Q-Advise
 
PDF
Download Canva Pro 2025 PC Crack Full Latest Version
bashirkhan333g
 
PPTX
Finding Your License Details in IBM SPSS Statistics Version 31.pptx
Version 1 Analytics
 
PDF
The 5 Reasons for IT Maintenance - Arna Softech
Arna Softech
 
PDF
[Solution] Why Choose the VeryPDF DRM Protector Custom-Built Solution for You...
Lingwen1998
 
PPTX
Build a Custom Agent for Agentic Testing.pptx
klpathrudu
 
PDF
IObit Driver Booster Pro 12.4.0.585 Crack Free Download
henryc1122g
 
PPTX
Function & Procedure: Function Vs Procedure in PL/SQL
Shani Tiwari
 
SciPy 2025 - Packaging a Scientific Python Project
Henry Schreiner
 
Milwaukee Marketo User Group - Summer Road Trip: Mapping and Personalizing Yo...
bbedford2
 
MiniTool Power Data Recovery 8.8 With Crack New Latest 2025
bashirkhan333g
 
Add Background Images to Charts in IBM SPSS Statistics Version 31.pdf
Version 1 Analytics
 
AI Prompts Cheat Code prompt engineering
Avijit Kumar Roy
 
Wondershare PDFelement Pro Crack for MacOS New Version Latest 2025
bashirkhan333g
 
Smart Doctor Appointment Booking option in odoo.pptx
AxisTechnolabs
 
SAP Firmaya İade ABAB Kodları - ABAB ile yazılmıl hazır kod örneği
Salih Küçük
 
iaas vs paas vs saas :choosing your cloud strategy
CloudlayaTechnology
 
Open Chain Q2 Steering Committee Meeting - 2025-06-25
Shane Coughlan
 
MiniTool Partition Wizard Free Crack + Full Free Download 2025
bashirkhan333g
 
Simplify React app login with asgardeo-sdk
vaibhav289687
 
Everything you need to know about pricing & licensing Microsoft 365 Copilot f...
Q-Advise
 
Download Canva Pro 2025 PC Crack Full Latest Version
bashirkhan333g
 
Finding Your License Details in IBM SPSS Statistics Version 31.pptx
Version 1 Analytics
 
The 5 Reasons for IT Maintenance - Arna Softech
Arna Softech
 
[Solution] Why Choose the VeryPDF DRM Protector Custom-Built Solution for You...
Lingwen1998
 
Build a Custom Agent for Agentic Testing.pptx
klpathrudu
 
IObit Driver Booster Pro 12.4.0.585 Crack Free Download
henryc1122g
 
Function & Procedure: Function Vs Procedure in PL/SQL
Shani Tiwari
 
Ad

Introducing the JAQ (Java, Angular, Sql/NoSQL) Stack

  • 1. The JAQ Stack Build Websites & Applications with Java, Angular & NoSQL/SQL Seattle Code Camp 2018 Suren Konathala • 15th September, 2018
  • 2. Organization of this Presentation The Problem ● Why another stack? ● Typical development process ● Developer pain points The Solution ● My quest for a simple solution ● The birth of JAQ Stack ● What is an application stack ● The JAQ Stack Architecture ● DevOps How can JAQ Speed up things? Demo
  • 3. About Me.. ● Works at Adobe as Technical Consultant / Architect ● Been a Java developer for over 16 years ● Passionate about Technology and Open source ● Visual storyteller, Loves to write ● @surenkonathala
  • 5. Why another stack? Not typical ● Websites or a web applications are typically built using HTML/CSS a bit of Javascript. And to call backend code we need to extend the scripting - Either Javascript (NodeJS, Angular) or a backend language (PHP, C#, Java) ● When we need to call Java.. we need to use some framework (JSP, Spring) ● Changing the UI is cumbersome and a lengthy process ● Alternatives we hear are Microservices, Functions, Serverless etc. But that adds up learning curve
  • 6. Typical development process ● Design team ○ Build mockups.. On approval ○ Convert to HTML/CSS, add some 3rd party javascript files ● Inject the Java compatible code snippets into HTML (either using JSP or other frameworks) ○ If Spring then the entire application need to be built as per it’s design & development principles ○ Or add other frontend frameworks like Angular/React ● Backend code - business logic, data crud operations in Java
  • 7. Developer pain points ● Identifying a platform / framework is often very tedious ● If the website/web app design need to change, it’s a lot of work ● Very few or almost no resources on using modern frontend frameworks/api’s with Java as backend ● Lots of examples only on using Spring framework ● Lot of application deployment endpoints to manage
  • 9. My quest for a simple solution My Rules 1. No frameworks.. Please 2. Keep it simple.. Little or ZERO learning curve 3. Build on what’s already there and developers know - What the programming languages/frameworks already offer 4. Make it easy for all roles (UI, Frontend and Backend developers) to work together and integrate 5. Make building websites simple using Java, like the way we can with Wordpress (pluggable themes) 6. Always free.. open-sourced
  • 10. What i found? Disappointment 1. Unfortunately there are NONE that are Open-source/free 2. Most of them were on Spring framework
  • 11. The birth of JAQ Stack What is it? ● Is an Open source Application stack built using plain Java, Jakarta EE (formerly Java EE) and Angular ● Applications are built as a single deployable archive(WAR) file ● Open/extendable to use any database ● Can integrate with any web service (JSON) What it is NOT? ● Is not a framework ● Is not a programming language or an API
  • 16. Closer look at example codebase
  • 18. Technical Requirements ● Built using Java 1.8 SDK, Supports OpenJDK ● Maven 3.3 or more ● Tested with Angular 5 ● Yarn 1.7.0 or > ● NodeJS 10.5 or >
  • 19. How can JAQ Stack speed up development? 1. No frameworks, Zero learning curve 2. Separate code/folders for multiple teams to work independently 3. But one build file for IT to manage easily 4. Speeds up application delivery, less dependencies 5. Helps Agile development
  • 20. Demo
  • 21. Goals for JAQ Stack 1. Make JAQ Stack as MicroProfile 2. Cloud native, Container-ready 3. More complete examples - with real time use-cases 4. A set release cadence 5. Documentation - Website, Wiki, Book
  • 23. JAQ Stack will be a part of The Future Of Web Development With Java