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

PDF
Bledar Gjocaj - Java open source
Open Labs Albania
 
PPTX
Php development with Docker
Michael Bui
 
PPTX
Typescript language
.NET Crowd
 
PPTX
Javascript and DOM
Ketan Ghumatkar
 
PDF
Full-Stack Development
Dhilipsiva DS
 
PPTX
How to become senior .net developer
Tung Nguyen Thanh
 
PPTX
Full Stack Web Development
SWAGATHCHOWDARY1
 
ODP
Building your first WordPress plugin
Justin Foell
 
Bledar Gjocaj - Java open source
Open Labs Albania
 
Php development with Docker
Michael Bui
 
Typescript language
.NET Crowd
 
Javascript and DOM
Ketan Ghumatkar
 
Full-Stack Development
Dhilipsiva DS
 
How to become senior .net developer
Tung Nguyen Thanh
 
Full Stack Web Development
SWAGATHCHOWDARY1
 
Building your first WordPress plugin
Justin Foell
 

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
 
Ad

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
Jerome Louvel
 
PDF
Web APIs, the New Language Frontier
Restlet
 
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
Jerome Louvel
 
Web APIs, the New Language Frontier
Restlet
 
Ad

Recently uploaded (20)

PPT
Order to Cash Lifecycle Overview R12 .ppt
nbvreddy229
 
PPTX
EU POPs Limits & Digital Product Passports Compliance Strategy 2025.pptx
Certivo Inc
 
PPTX
Materi_Pemrograman_Komputer-Looping.pptx
RanuFajar1
 
PPTX
Save Business Costs with CRM Software for Insurance Agents
Insurance Tech Services
 
PDF
Protecting the Digital World Cyber Securit
dnthakkar16
 
PPTX
Odoo Integration Services by Candidroot Solutions
CandidRoot Solutions Private Limited
 
PDF
On Software Engineers' Productivity - Beyond Misleading Metrics
Romén Rodríguez-Gil
 
PPTX
AZ900_SLA_Pricing_2025_LondonIT (1).pptx
chumairabdullahph
 
PDF
How to Seamlessly Integrate Salesforce Data Cloud with Marketing Cloud.pdf
NSIQINFOTECH
 
PPTX
Presentation of Computer CLASS 2 .pptx
darshilchaudhary558
 
PDF
Become an Agentblazer Champion Challenge Kickoff
Dele Amefo
 
PPTX
Services offered by Dynamic Solutions in Pakistan
DaniyaalAdeemShibli1
 
PPTX
ConcordeApp: Engineering Global Impact & Unlocking Billions in Event ROI with AI
chastechaste14
 
PDF
Appium Automation Testing Tutorial PDF: Learn Mobile Testing in 7 Days
jamescantor38
 
PPTX
AI-Ready Handoff: Auto-Summaries & Draft Emails from MQL to Slack in One Flow
bbedford2
 
DOCX
The Five Best AI Cover Tools in 2025.docx
aivoicelabofficial
 
PDF
Teaching Reproducibility and Embracing Variability: From Floating-Point Exper...
University of Rennes, INSA Rennes, Inria/IRISA, CNRS
 
PPTX
Visualising Data with Scatterplots in IBM SPSS Statistics.pptx
Version 1 Analytics
 
PDF
Bandai Playdia The Book - David Glotz
BluePanther6
 
PDF
Key Features to Look for in Arizona App Development Services
Net-Craft.com
 
Order to Cash Lifecycle Overview R12 .ppt
nbvreddy229
 
EU POPs Limits & Digital Product Passports Compliance Strategy 2025.pptx
Certivo Inc
 
Materi_Pemrograman_Komputer-Looping.pptx
RanuFajar1
 
Save Business Costs with CRM Software for Insurance Agents
Insurance Tech Services
 
Protecting the Digital World Cyber Securit
dnthakkar16
 
Odoo Integration Services by Candidroot Solutions
CandidRoot Solutions Private Limited
 
On Software Engineers' Productivity - Beyond Misleading Metrics
Romén Rodríguez-Gil
 
AZ900_SLA_Pricing_2025_LondonIT (1).pptx
chumairabdullahph
 
How to Seamlessly Integrate Salesforce Data Cloud with Marketing Cloud.pdf
NSIQINFOTECH
 
Presentation of Computer CLASS 2 .pptx
darshilchaudhary558
 
Become an Agentblazer Champion Challenge Kickoff
Dele Amefo
 
Services offered by Dynamic Solutions in Pakistan
DaniyaalAdeemShibli1
 
ConcordeApp: Engineering Global Impact & Unlocking Billions in Event ROI with AI
chastechaste14
 
Appium Automation Testing Tutorial PDF: Learn Mobile Testing in 7 Days
jamescantor38
 
AI-Ready Handoff: Auto-Summaries & Draft Emails from MQL to Slack in One Flow
bbedford2
 
The Five Best AI Cover Tools in 2025.docx
aivoicelabofficial
 
Teaching Reproducibility and Embracing Variability: From Floating-Point Exper...
University of Rennes, INSA Rennes, Inria/IRISA, CNRS
 
Visualising Data with Scatterplots in IBM SPSS Statistics.pptx
Version 1 Analytics
 
Bandai Playdia The Book - David Glotz
BluePanther6
 
Key Features to Look for in Arizona App Development Services
Net-Craft.com
 

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