SlideShare a Scribd company logo
Ajayrc@gmail.com
FullStack Development using Javascript
What And Why
About this presentation
• This presentation is about my first encounter with world of
fullstack development using html, css, javascript, jsp,
servlet, struts, hibernate, hql, spring, sql, stored procs and
lot of other pains and second encounter with fullstack
development using html, css and javascript.
• I hope you got the message ;)
• After this presentation, I leave up to you to decide that on
which side of fullstack development you want to wake up
tomorrow.
Funniest Language in the world is English Javascript
JavaScript is Agile!
• High level programming language that does not have I/O capability
• Object Oriented programming support without using Class
• Functional Programming approach where each Function is an Object
• Event oriented, no multi-threading, does not wait/block
• No type casting, very forgiving, varies from browser to browser – but yet very robust, easy
to learn, allows to create own features
• It’s is ever evolving – and there is no timeline on when can you get which feature –
browsers decide it – this allows browser makers to provide a feature which is then made
publically available as per JS specifications and rest of the world can use it
• Was oriented to work also on Server Side, but ended up being used on Client Side – mostly
by weekend hobbyist web developers
• Its Fast. Really Fast.
• Nobody is Serious about it…Until 2009!
Its all Waterfall in Java World yet
• Java/PHP/ASP.net/Python/Perl/Ruby etc
• A quick calculation: assuming that each thread
potentially has an accompanying 2 MB of
memory with it, running on a system with 8 GB
of RAM puts us at a theoretical maximum of
4000 concurrent connections, plus the cost of
context-switching between threads. That’s the
scenario you typically deal with in traditional
web-serving techniques.
And this is Agile
The Epoch
NodeJs NodeJs NodeJs NodeJs…………… ∞ times NodeJs
Retrospection Time!
Forces impacting RDBMS
NoSQL wanted, NoSQL delivered
• Advantages of MongoDB over RDBMS
• Object Oriented Database – Default storage is JSON format. So conversion /
mapping of application objects to database objects not needed . Faster to develop
and Simpler to maintain.
• Schema less : MongoDB is document database in which one collection holds
different documents. Number of fields, content and size of the document can be
differ from one document to another.
• Deep query-ability. MongoDB supports dynamic queries on documents using a
document-based query language that's nearly as powerful as SQL
• Its is easy to scale up to PetaBytes.
• Uses internal memory for storing the (windowed) working set, enabling faster
access of data. Up to 10 times faster.
• Replication & High Availability
• Supports
• Big Data
• Content Management and Delivery
• Mobile and Social Infrastructure
Angular • One of the most complete web application
development framework of current time
• Leverages Single Page Architecture
• https://www.virginamerica.com/
• Template based
• Allows Reuse of common files like css, html, images
• e.g. KLM header/footer
• Better performance
• Unit Testing, End to End testing is supported out of
the box
• Highly Modular, Component Driven, Scalable
• Works with jQuery and Bootstrap (most popular UI
libs)
• Brings MVC to Client side
• Fosters API based development
Benefits of Agile and MEAN
• TRANSPARENCY
• Uses JavaScript
• Engagement
• Great community support, promotes open
source, prefers open standards
• Frequent Delivery, Allows Change
• Highly Modular, Component base, Reusability
• Predictability
• Supported by google, microsoft, uber, paypal,
nextflix, walmart, GE etc giants
• High Quality
• TDD approach
• Business Focus, Customer Focus
• Created keeping latest requirements of market
and users
• Supports Scalability, BigData, IoT, SPA etc Digital
Trends
Scaling Agile?
• InfoGraphic
That was in Jul 2014, following is on 15 Feb 2016
Ad

Recommended

Building large scalable mission critical business applications on the web
Building large scalable mission critical business applications on the web
Maurice De Beijer [MVP]
 
Supporting large scale React applications
Supporting large scale React applications
Maurice De Beijer [MVP]
 
ASP.NET Scalability - WebDD
ASP.NET Scalability - WebDD
Phil Pursglove
 
PowerShell Runspaces
PowerShell Runspaces
Drew Furgiuele
 
MEAN Stack - Introduction & Advantages - Why should you switch to MEAN stack ...
MEAN Stack - Introduction & Advantages - Why should you switch to MEAN stack ...
Hariharan Ganesan
 
ASP.NET Scalability - DDD7
ASP.NET Scalability - DDD7
Phil Pursglove
 
Multi-tenant Database Design for SaaS
Multi-tenant Database Design for SaaS
Võ Duy Tuấn
 
Gatsby intro
Gatsby intro
Ben McCormick
 
Javascript for Wep Apps
Javascript for Wep Apps
Michael Puckett
 
ASP.NET Scalability - NxtGen Oxford
ASP.NET Scalability - NxtGen Oxford
Phil Pursglove
 
Javascript & Jquery
Javascript & Jquery
Gurpreet singh
 
MEAN Stack
MEAN Stack
Krishnaprasad k
 
MongoBoston - MongoHQ
MongoBoston - MongoHQ
benwyrosdick
 
Building Enterprise Grade Front-End Applications with JavaScript Frameworks
Building Enterprise Grade Front-End Applications with JavaScript Frameworks
FITC
 
DownTheRabbitHole.js – How to Stay Sane in an Insane Ecosystem
DownTheRabbitHole.js – How to Stay Sane in an Insane Ecosystem
FITC
 
What is Mean Stack Development ?
What is Mean Stack Development ?
Balajihope
 
LAMP is so yesterday, MEAN is so tomorrow! :)
LAMP is so yesterday, MEAN is so tomorrow! :)
Sascha Sambale
 
FULL stack -> MEAN stack
FULL stack -> MEAN stack
Ashok Raj
 
Evolution of java script libraries
Evolution of java script libraries
Columbia Developers Guild
 
5 reasons to program javascript
5 reasons to program javascript
Michael Banzon
 
Dynamic web
Dynamic web
rolandlluka
 
Best Practices for Building Sites in dotCMS
Best Practices for Building Sites in dotCMS
Michael Fienen
 
Web Applications Development with MEAN Stack
Web Applications Development with MEAN Stack
Shailendra Chauhan
 
Modern Static Site with GatsbyJS
Modern Static Site with GatsbyJS
Riza Fahmi
 
Webpack: What it is, What it does, Whether you need it
Webpack: What it is, What it does, Whether you need it
Mike Wilcox
 
Why use Go for web development?
Why use Go for web development?
Weng Wei
 
Technology Stack Discussion
Technology Stack Discussion
Zaiyang Li
 
mearn-stack-new_ccvbhbhvgvgcdszsxdxfcf.pptx
mearn-stack-new_ccvbhbhvgvgcdszsxdxfcf.pptx
aravym456
 
mearn-stackjdksjdsfjdkofkdokodkojdj.pptx
mearn-stackjdksjdsfjdkofkdokodkojdj.pptx
aravym456
 
Mean stack
Mean stack
RavikantGautam8
 

More Related Content

What's hot (19)

Javascript for Wep Apps
Javascript for Wep Apps
Michael Puckett
 
ASP.NET Scalability - NxtGen Oxford
ASP.NET Scalability - NxtGen Oxford
Phil Pursglove
 
Javascript & Jquery
Javascript & Jquery
Gurpreet singh
 
MEAN Stack
MEAN Stack
Krishnaprasad k
 
MongoBoston - MongoHQ
MongoBoston - MongoHQ
benwyrosdick
 
Building Enterprise Grade Front-End Applications with JavaScript Frameworks
Building Enterprise Grade Front-End Applications with JavaScript Frameworks
FITC
 
DownTheRabbitHole.js – How to Stay Sane in an Insane Ecosystem
DownTheRabbitHole.js – How to Stay Sane in an Insane Ecosystem
FITC
 
What is Mean Stack Development ?
What is Mean Stack Development ?
Balajihope
 
LAMP is so yesterday, MEAN is so tomorrow! :)
LAMP is so yesterday, MEAN is so tomorrow! :)
Sascha Sambale
 
FULL stack -> MEAN stack
FULL stack -> MEAN stack
Ashok Raj
 
Evolution of java script libraries
Evolution of java script libraries
Columbia Developers Guild
 
5 reasons to program javascript
5 reasons to program javascript
Michael Banzon
 
Dynamic web
Dynamic web
rolandlluka
 
Best Practices for Building Sites in dotCMS
Best Practices for Building Sites in dotCMS
Michael Fienen
 
Web Applications Development with MEAN Stack
Web Applications Development with MEAN Stack
Shailendra Chauhan
 
Modern Static Site with GatsbyJS
Modern Static Site with GatsbyJS
Riza Fahmi
 
Webpack: What it is, What it does, Whether you need it
Webpack: What it is, What it does, Whether you need it
Mike Wilcox
 
Why use Go for web development?
Why use Go for web development?
Weng Wei
 
Technology Stack Discussion
Technology Stack Discussion
Zaiyang Li
 
ASP.NET Scalability - NxtGen Oxford
ASP.NET Scalability - NxtGen Oxford
Phil Pursglove
 
MongoBoston - MongoHQ
MongoBoston - MongoHQ
benwyrosdick
 
Building Enterprise Grade Front-End Applications with JavaScript Frameworks
Building Enterprise Grade Front-End Applications with JavaScript Frameworks
FITC
 
DownTheRabbitHole.js – How to Stay Sane in an Insane Ecosystem
DownTheRabbitHole.js – How to Stay Sane in an Insane Ecosystem
FITC
 
What is Mean Stack Development ?
What is Mean Stack Development ?
Balajihope
 
LAMP is so yesterday, MEAN is so tomorrow! :)
LAMP is so yesterday, MEAN is so tomorrow! :)
Sascha Sambale
 
FULL stack -> MEAN stack
FULL stack -> MEAN stack
Ashok Raj
 
5 reasons to program javascript
5 reasons to program javascript
Michael Banzon
 
Best Practices for Building Sites in dotCMS
Best Practices for Building Sites in dotCMS
Michael Fienen
 
Web Applications Development with MEAN Stack
Web Applications Development with MEAN Stack
Shailendra Chauhan
 
Modern Static Site with GatsbyJS
Modern Static Site with GatsbyJS
Riza Fahmi
 
Webpack: What it is, What it does, Whether you need it
Webpack: What it is, What it does, Whether you need it
Mike Wilcox
 
Why use Go for web development?
Why use Go for web development?
Weng Wei
 
Technology Stack Discussion
Technology Stack Discussion
Zaiyang Li
 

Similar to Full stack development using javascript what and why - ajay chandravadiya (20)

mearn-stack-new_ccvbhbhvgvgcdszsxdxfcf.pptx
mearn-stack-new_ccvbhbhvgvgcdszsxdxfcf.pptx
aravym456
 
mearn-stackjdksjdsfjdkofkdokodkojdj.pptx
mearn-stackjdksjdsfjdkofkdokodkojdj.pptx
aravym456
 
Mean stack
Mean stack
RavikantGautam8
 
Meanstack Introduction by Kishore Chandra
Meanstack Introduction by Kishore Chandra
Kishore Chandra
 
What is mean stack?
What is mean stack?
Rishabh Saxena
 
Top java script frameworks ppt
Top java script frameworks ppt
Omkarsoft Bangalore
 
Beginning MEAN Stack
Beginning MEAN Stack
Rob Davarnia
 
After the LAMP, it's time to get MEAN
After the LAMP, it's time to get MEAN
Jeff Fox
 
MEAN Stack
MEAN Stack
Krishnaprasad k
 
Introduction to JavaScript Full Stack
Introduction to JavaScript Full Stack
Mindfire Solutions
 
Web Development with AngularJS, NodeJS and ExpressJS
Web Development with AngularJS, NodeJS and ExpressJS
João Rocha da Silva
 
Escaping the yellow bubble - rewriting Domino using MongoDb and Angular
Escaping the yellow bubble - rewriting Domino using MongoDb and Angular
Mark Leusink
 
Mean Stack - An Overview
Mean Stack - An Overview
Naveen Pete
 
Building an E-commerce website in MEAN stack
Building an E-commerce website in MEAN stack
divyapisces
 
Java script framework
Java script framework
Debajani Mohanty
 
Meanstack overview
Meanstack overview
Adthasid Sabmake
 
Javascript Update May 2013
Javascript Update May 2013
RameshNair6
 
Node js installation steps.pptx slide share ppts
Node js installation steps.pptx slide share ppts
HemaSenthil5
 
module for backend full stack applications 1.pptx
module for backend full stack applications 1.pptx
hemalathas752360
 
An introduction to Node.js
An introduction to Node.js
Kasey McCurdy
 
mearn-stack-new_ccvbhbhvgvgcdszsxdxfcf.pptx
mearn-stack-new_ccvbhbhvgvgcdszsxdxfcf.pptx
aravym456
 
mearn-stackjdksjdsfjdkofkdokodkojdj.pptx
mearn-stackjdksjdsfjdkofkdokodkojdj.pptx
aravym456
 
Meanstack Introduction by Kishore Chandra
Meanstack Introduction by Kishore Chandra
Kishore Chandra
 
Beginning MEAN Stack
Beginning MEAN Stack
Rob Davarnia
 
After the LAMP, it's time to get MEAN
After the LAMP, it's time to get MEAN
Jeff Fox
 
Introduction to JavaScript Full Stack
Introduction to JavaScript Full Stack
Mindfire Solutions
 
Web Development with AngularJS, NodeJS and ExpressJS
Web Development with AngularJS, NodeJS and ExpressJS
João Rocha da Silva
 
Escaping the yellow bubble - rewriting Domino using MongoDb and Angular
Escaping the yellow bubble - rewriting Domino using MongoDb and Angular
Mark Leusink
 
Mean Stack - An Overview
Mean Stack - An Overview
Naveen Pete
 
Building an E-commerce website in MEAN stack
Building an E-commerce website in MEAN stack
divyapisces
 
Javascript Update May 2013
Javascript Update May 2013
RameshNair6
 
Node js installation steps.pptx slide share ppts
Node js installation steps.pptx slide share ppts
HemaSenthil5
 
module for backend full stack applications 1.pptx
module for backend full stack applications 1.pptx
hemalathas752360
 
An introduction to Node.js
An introduction to Node.js
Kasey McCurdy
 
Ad

Recently uploaded (20)

Wondershare PDFelement Pro 11.4.20.3548 Crack Free Download
Wondershare PDFelement Pro 11.4.20.3548 Crack Free Download
Puppy jhon
 
Zoneranker’s Digital marketing solutions
Zoneranker’s Digital marketing solutions
reenashriee
 
What is data visualization and how data visualization tool can help.pdf
What is data visualization and how data visualization tool can help.pdf
Varsha Nayak
 
Rierino Commerce Platform - CMS Solution
Rierino Commerce Platform - CMS Solution
Rierino
 
Folding Cheat Sheet # 9 - List Unfolding 𝑢𝑛𝑓𝑜𝑙𝑑 as the Computational Dual of ...
Folding Cheat Sheet # 9 - List Unfolding 𝑢𝑛𝑓𝑜𝑙𝑑 as the Computational Dual of ...
Philip Schwarz
 
Migrating to Azure Cosmos DB the Right Way
Migrating to Azure Cosmos DB the Right Way
Alexander (Alex) Komyagin
 
Code and No-Code Journeys: The Coverage Overlook
Code and No-Code Journeys: The Coverage Overlook
Applitools
 
Making significant Software Architecture decisions
Making significant Software Architecture decisions
Bert Jan Schrijver
 
Automated Migration of ESRI Geodatabases Using XML Control Files and FME
Automated Migration of ESRI Geodatabases Using XML Control Files and FME
Safe Software
 
Shell Skill Tree - LabEx Certification (LabEx)
Shell Skill Tree - LabEx Certification (LabEx)
VICTOR MAESTRE RAMIREZ
 
How Insurance Policy Management Software Streamlines Operations
How Insurance Policy Management Software Streamlines Operations
Insurance Tech Services
 
Emvigo Capability Deck 2025: Accelerating Innovation Through Intelligent Soft...
Emvigo Capability Deck 2025: Accelerating Innovation Through Intelligent Soft...
Emvigo Technologies
 
What is data visualization and how data visualization tool can help.pptx
What is data visualization and how data visualization tool can help.pptx
Varsha Nayak
 
Microsoft Business-230T01A-ENU-PowerPoint_01.pptx
Microsoft Business-230T01A-ENU-PowerPoint_01.pptx
soulamaabdoulaye128
 
dp-700 exam questions sample docume .pdf
dp-700 exam questions sample docume .pdf
pravkumarbiz
 
Artificial Intelligence Workloads and Data Center Management
Artificial Intelligence Workloads and Data Center Management
SandeepKS52
 
Insurance Underwriting Software Enhancing Accuracy and Efficiency
Insurance Underwriting Software Enhancing Accuracy and Efficiency
Insurance Tech Services
 
About Certivo | Intelligent Compliance Solutions for Global Regulatory Needs
About Certivo | Intelligent Compliance Solutions for Global Regulatory Needs
certivoai
 
Software Testing & it’s types (DevOps)
Software Testing & it’s types (DevOps)
S Pranav (Deepu)
 
How to Choose the Right Web Development Agency.pdf
How to Choose the Right Web Development Agency.pdf
Creative Fosters
 
Wondershare PDFelement Pro 11.4.20.3548 Crack Free Download
Wondershare PDFelement Pro 11.4.20.3548 Crack Free Download
Puppy jhon
 
Zoneranker’s Digital marketing solutions
Zoneranker’s Digital marketing solutions
reenashriee
 
What is data visualization and how data visualization tool can help.pdf
What is data visualization and how data visualization tool can help.pdf
Varsha Nayak
 
Rierino Commerce Platform - CMS Solution
Rierino Commerce Platform - CMS Solution
Rierino
 
Folding Cheat Sheet # 9 - List Unfolding 𝑢𝑛𝑓𝑜𝑙𝑑 as the Computational Dual of ...
Folding Cheat Sheet # 9 - List Unfolding 𝑢𝑛𝑓𝑜𝑙𝑑 as the Computational Dual of ...
Philip Schwarz
 
Code and No-Code Journeys: The Coverage Overlook
Code and No-Code Journeys: The Coverage Overlook
Applitools
 
Making significant Software Architecture decisions
Making significant Software Architecture decisions
Bert Jan Schrijver
 
Automated Migration of ESRI Geodatabases Using XML Control Files and FME
Automated Migration of ESRI Geodatabases Using XML Control Files and FME
Safe Software
 
Shell Skill Tree - LabEx Certification (LabEx)
Shell Skill Tree - LabEx Certification (LabEx)
VICTOR MAESTRE RAMIREZ
 
How Insurance Policy Management Software Streamlines Operations
How Insurance Policy Management Software Streamlines Operations
Insurance Tech Services
 
Emvigo Capability Deck 2025: Accelerating Innovation Through Intelligent Soft...
Emvigo Capability Deck 2025: Accelerating Innovation Through Intelligent Soft...
Emvigo Technologies
 
What is data visualization and how data visualization tool can help.pptx
What is data visualization and how data visualization tool can help.pptx
Varsha Nayak
 
Microsoft Business-230T01A-ENU-PowerPoint_01.pptx
Microsoft Business-230T01A-ENU-PowerPoint_01.pptx
soulamaabdoulaye128
 
dp-700 exam questions sample docume .pdf
dp-700 exam questions sample docume .pdf
pravkumarbiz
 
Artificial Intelligence Workloads and Data Center Management
Artificial Intelligence Workloads and Data Center Management
SandeepKS52
 
Insurance Underwriting Software Enhancing Accuracy and Efficiency
Insurance Underwriting Software Enhancing Accuracy and Efficiency
Insurance Tech Services
 
About Certivo | Intelligent Compliance Solutions for Global Regulatory Needs
About Certivo | Intelligent Compliance Solutions for Global Regulatory Needs
certivoai
 
Software Testing & it’s types (DevOps)
Software Testing & it’s types (DevOps)
S Pranav (Deepu)
 
How to Choose the Right Web Development Agency.pdf
How to Choose the Right Web Development Agency.pdf
Creative Fosters
 
Ad

Full stack development using javascript what and why - ajay chandravadiya

  • 2. About this presentation • This presentation is about my first encounter with world of fullstack development using html, css, javascript, jsp, servlet, struts, hibernate, hql, spring, sql, stored procs and lot of other pains and second encounter with fullstack development using html, css and javascript. • I hope you got the message ;) • After this presentation, I leave up to you to decide that on which side of fullstack development you want to wake up tomorrow.
  • 3. Funniest Language in the world is English Javascript
  • 4. JavaScript is Agile! • High level programming language that does not have I/O capability • Object Oriented programming support without using Class • Functional Programming approach where each Function is an Object • Event oriented, no multi-threading, does not wait/block • No type casting, very forgiving, varies from browser to browser – but yet very robust, easy to learn, allows to create own features • It’s is ever evolving – and there is no timeline on when can you get which feature – browsers decide it – this allows browser makers to provide a feature which is then made publically available as per JS specifications and rest of the world can use it • Was oriented to work also on Server Side, but ended up being used on Client Side – mostly by weekend hobbyist web developers • Its Fast. Really Fast. • Nobody is Serious about it…Until 2009!
  • 5. Its all Waterfall in Java World yet • Java/PHP/ASP.net/Python/Perl/Ruby etc • A quick calculation: assuming that each thread potentially has an accompanying 2 MB of memory with it, running on a system with 8 GB of RAM puts us at a theoretical maximum of 4000 concurrent connections, plus the cost of context-switching between threads. That’s the scenario you typically deal with in traditional web-serving techniques.
  • 6. And this is Agile
  • 8. NodeJs NodeJs NodeJs NodeJs…………… ∞ times NodeJs
  • 11. NoSQL wanted, NoSQL delivered • Advantages of MongoDB over RDBMS • Object Oriented Database – Default storage is JSON format. So conversion / mapping of application objects to database objects not needed . Faster to develop and Simpler to maintain. • Schema less : MongoDB is document database in which one collection holds different documents. Number of fields, content and size of the document can be differ from one document to another. • Deep query-ability. MongoDB supports dynamic queries on documents using a document-based query language that's nearly as powerful as SQL • Its is easy to scale up to PetaBytes. • Uses internal memory for storing the (windowed) working set, enabling faster access of data. Up to 10 times faster. • Replication & High Availability • Supports • Big Data • Content Management and Delivery • Mobile and Social Infrastructure
  • 12. Angular • One of the most complete web application development framework of current time • Leverages Single Page Architecture • https://www.virginamerica.com/ • Template based • Allows Reuse of common files like css, html, images • e.g. KLM header/footer • Better performance • Unit Testing, End to End testing is supported out of the box • Highly Modular, Component Driven, Scalable • Works with jQuery and Bootstrap (most popular UI libs) • Brings MVC to Client side • Fosters API based development
  • 13. Benefits of Agile and MEAN • TRANSPARENCY • Uses JavaScript • Engagement • Great community support, promotes open source, prefers open standards • Frequent Delivery, Allows Change • Highly Modular, Component base, Reusability • Predictability • Supported by google, microsoft, uber, paypal, nextflix, walmart, GE etc giants • High Quality • TDD approach • Business Focus, Customer Focus • Created keeping latest requirements of market and users • Supports Scalability, BigData, IoT, SPA etc Digital Trends
  • 14. Scaling Agile? • InfoGraphic That was in Jul 2014, following is on 15 Feb 2016