SlideShare a Scribd company logo
1 of 33
Download to read offline
Next Generation
Web Dev Techniques
with Cloud Foundry
      Lucas Carlson
Lucas Carlson
   Circa 1996


                PHP!!!?!?!
Lucas Carlson
   Circa 2005


                RUBY!!!?!?!
Lucas Carlson

                ZOMG!!!?!?!
Lucas Carlson

                ZOMG!!!?!?!
Dave
McCroy

          Derek
         Collison
Web App History
• HTML     • Thin frontend
• DHTML    • Thick backend
• XHTML
• CSS
• AJAX     • Thick frontend
• HTML5    • Thin backend
Early Web

• Network slow
• Browsers slow   • Thick backend logic
• Servers fast
Middle Web

• Network fast
• Browsers slow   • Thick backend logic
• Servers fast    • Some client logic
• AJAX/DHTML
Modern Web

• Network fast
• Browsers fast
• Servers fast    • Thick client logic
• HTML5
• Mobile
Thick Clients

• Gmail: 2007
• MobileMe: 2008
• Twitter redesign: 2011
Web Architectures

• Spaghetti
• MVC
• API Bindings
• Fat Client
Spaghetti


• PHP, Perl, Javascript
• Build everything from first principles
MVC

• Rails, Django
• Apply MVC to backend server
• Client side code is still spaghetti
API Bindings

• Knockout, Backbone
• Client code framework, loose structure
• Flexible UI
• Simple API backends
Fat Client

• Cappuccino, SproutCore
• Apply MVC to frontend client
• Prescribed UI elements
• Simple API backends
SproutCore
Cappuccino
Large scale web apps
• Monolithic
• One code base
• Feature creep
• Heavier and heavier
• Memory leaks
• Performance nightmare
Scaling issues

• Database grows
• 100+ tables
• SQL spaghetti queries
Pull them apart

• Create services
• Pull apart user registration
• A few services
• Big monolith hard to kill
Better Way?

• Start by building services
• Small, independent pieces of code
• Scale independently
• Compose in the front
Old Habits


• Old web development was based on old
  limitations
• Old habits no longer serving us well
Modern Web App
    Toolkit
New SaaS

• SaaS is headed this way
• Stripe for billing
• Billing backend service on separate infra
New Frameworks
New Frameworks
New

More Related Content

What's hot

Single Page Application Development with backbone.js and Simple.Web
Single Page Application Development with backbone.js and Simple.WebSingle Page Application Development with backbone.js and Simple.Web
Single Page Application Development with backbone.js and Simple.Web
Chris Canal
 

What's hot (20)

Full stack
Full stackFull stack
Full stack
 
Introduction to Web Technology Stacks
Introduction to Web Technology StacksIntroduction to Web Technology Stacks
Introduction to Web Technology Stacks
 
Asp.net
Asp.netAsp.net
Asp.net
 
Azure Serverless Conf
Azure Serverless ConfAzure Serverless Conf
Azure Serverless Conf
 
What is a good technology stack today?
What is a good technology stack today?What is a good technology stack today?
What is a good technology stack today?
 
Journey to a multi-tenant e commerce solution in the cloud with Kubernetes - ...
Journey to a multi-tenant e commerce solution in the cloud with Kubernetes - ...Journey to a multi-tenant e commerce solution in the cloud with Kubernetes - ...
Journey to a multi-tenant e commerce solution in the cloud with Kubernetes - ...
 
Single Page Apps
Single Page AppsSingle Page Apps
Single Page Apps
 
Porting ASP.NET applications to Windows Azure
Porting ASP.NET applications to Windows AzurePorting ASP.NET applications to Windows Azure
Porting ASP.NET applications to Windows Azure
 
Single Page Application Development with backbone.js and Simple.Web
Single Page Application Development with backbone.js and Simple.WebSingle Page Application Development with backbone.js and Simple.Web
Single Page Application Development with backbone.js and Simple.Web
 
Single page App
Single page AppSingle page App
Single page App
 
ReactPHP + Symfony
ReactPHP + SymfonyReactPHP + Symfony
ReactPHP + Symfony
 
Materi devcussion 1.0
Materi devcussion 1.0Materi devcussion 1.0
Materi devcussion 1.0
 
Siebel training-course-navi-mumbai-siebel-course-provider-navi-mumbai
Siebel training-course-navi-mumbai-siebel-course-provider-navi-mumbaiSiebel training-course-navi-mumbai-siebel-course-provider-navi-mumbai
Siebel training-course-navi-mumbai-siebel-course-provider-navi-mumbai
 
IWMW 2003: Content Management - Buy or Build?
IWMW 2003: Content Management - Buy or Build?IWMW 2003: Content Management - Buy or Build?
IWMW 2003: Content Management - Buy or Build?
 
Developing Cross-Platform Web Apps with ASP.NET Core1.0
Developing Cross-Platform Web Apps with ASP.NET Core1.0Developing Cross-Platform Web Apps with ASP.NET Core1.0
Developing Cross-Platform Web Apps with ASP.NET Core1.0
 
Project FiFo - Architecture
Project FiFo - ArchitectureProject FiFo - Architecture
Project FiFo - Architecture
 
IWMW 2003: Content Management - Buy or Build?
IWMW 2003: Content Management - Buy or Build?IWMW 2003: Content Management - Buy or Build?
IWMW 2003: Content Management - Buy or Build?
 
Amazon.com's Web Services Opportunity
Amazon.com's Web Services OpportunityAmazon.com's Web Services Opportunity
Amazon.com's Web Services Opportunity
 
Kickstart android development with xamarin
Kickstart android development with xamarinKickstart android development with xamarin
Kickstart android development with xamarin
 
ASP.NET MVC 4
ASP.NET MVC 4ASP.NET MVC 4
ASP.NET MVC 4
 

Viewers also liked

Photoshynthesis chapter 9
Photoshynthesis chapter 9 Photoshynthesis chapter 9
Photoshynthesis chapter 9
xblindbanditx
 
Rick LaBerge Resume
Rick LaBerge ResumeRick LaBerge Resume
Rick LaBerge Resume
Rick LaBerge
 
عرس المجد 1
عرس المجد 1عرس المجد 1
عرس المجد 1
Iman Noor
 
What is system design
What is system designWhat is system design
What is system design
Jaehyun Park
 
تدريبات على درس الهمزة على الياء
تدريبات على درس الهمزة على الياءتدريبات على درس الهمزة على الياء
تدريبات على درس الهمزة على الياء
Iman Noor
 

Viewers also liked (18)

Rick LaBerge
Rick LaBergeRick LaBerge
Rick LaBerge
 
Manju & mallika 1
Manju & mallika 1Manju & mallika 1
Manju & mallika 1
 
Photoshynthesis chapter 9
Photoshynthesis chapter 9 Photoshynthesis chapter 9
Photoshynthesis chapter 9
 
Industrial Health Council Archived News Articles Show Rich History
Industrial Health Council Archived News Articles Show Rich HistoryIndustrial Health Council Archived News Articles Show Rich History
Industrial Health Council Archived News Articles Show Rich History
 
Rick LaBerge Resume
Rick LaBerge ResumeRick LaBerge Resume
Rick LaBerge Resume
 
عرس المجد 1
عرس المجد 1عرس المجد 1
عرس المجد 1
 
اسم المفعول 2003
اسم المفعول 2003اسم المفعول 2003
اسم المفعول 2003
 
Photos
PhotosPhotos
Photos
 
What is system design
What is system designWhat is system design
What is system design
 
Idea is nothing
Idea is nothingIdea is nothing
Idea is nothing
 
01 (software) design an analogy with my closet
01 (software) design an analogy with my closet01 (software) design an analogy with my closet
01 (software) design an analogy with my closet
 
On the Use of Component-Based Principles and Practices for Architecting Cyber...
On the Use of Component-Based Principles and Practices for Architecting Cyber...On the Use of Component-Based Principles and Practices for Architecting Cyber...
On the Use of Component-Based Principles and Practices for Architecting Cyber...
 
00_Welcome to the Software Architecture Course
00_Welcome to the Software Architecture Course00_Welcome to the Software Architecture Course
00_Welcome to the Software Architecture Course
 
Processo Eleitoral Brasileiro
Processo Eleitoral BrasileiroProcesso Eleitoral Brasileiro
Processo Eleitoral Brasileiro
 
الصف السادس الاسم الموصول
  الصف السادس الاسم الموصول  الصف السادس الاسم الموصول
الصف السادس الاسم الموصول
 
1ST DISIM WORKSHOP ON ENGINEERING CYBER-PHYSICAL SYSTEMS
1ST DISIM WORKSHOP ON ENGINEERING CYBER-PHYSICAL SYSTEMS1ST DISIM WORKSHOP ON ENGINEERING CYBER-PHYSICAL SYSTEMS
1ST DISIM WORKSHOP ON ENGINEERING CYBER-PHYSICAL SYSTEMS
 
تدريبات على درس الهمزة على الياء
تدريبات على درس الهمزة على الياءتدريبات على درس الهمزة على الياء
تدريبات على درس الهمزة على الياء
 
تلوث البيئة
تلوث البيئةتلوث البيئة
تلوث البيئة
 

Similar to Next Generation Web Development Techniques with Cloud Foundry

6 weeks 6 months live project summer industrial training in cmc limited 2012
6 weeks  6 months live project summer industrial training in cmc limited  20126 weeks  6 months live project summer industrial training in cmc limited  2012
6 weeks 6 months live project summer industrial training in cmc limited 2012
CMC Limited
 
Java web services soap rest training from hyderabad
Java web services soap rest training from hyderabadJava web services soap rest training from hyderabad
Java web services soap rest training from hyderabad
FuturePoint Technologies
 
Scaling for Web - Architecting HootSuite for 5+ Million Users
Scaling for Web - Architecting HootSuite for 5+ Million UsersScaling for Web - Architecting HootSuite for 5+ Million Users
Scaling for Web - Architecting HootSuite for 5+ Million Users
bmonkman
 

Similar to Next Generation Web Development Techniques with Cloud Foundry (20)

6 weeks 6 months live project summer industrial training in cmc limited 2012
6 weeks  6 months live project summer industrial training in cmc limited  20126 weeks  6 months live project summer industrial training in cmc limited  2012
6 weeks 6 months live project summer industrial training in cmc limited 2012
 
Escaping the yellow bubble - rewriting Domino using MongoDb and Angular
Escaping the yellow bubble - rewriting Domino using MongoDb and AngularEscaping the yellow bubble - rewriting Domino using MongoDb and Angular
Escaping the yellow bubble - rewriting Domino using MongoDb and Angular
 
Javascript for Wep Apps
Javascript for Wep AppsJavascript for Wep Apps
Javascript for Wep Apps
 
Be faster then rabbits
Be faster then rabbitsBe faster then rabbits
Be faster then rabbits
 
Full Stack Developer Course | Infinite Graphix Technologies
Full Stack Developer Course | Infinite Graphix TechnologiesFull Stack Developer Course | Infinite Graphix Technologies
Full Stack Developer Course | Infinite Graphix Technologies
 
Ohio Devfest - Visual Analysis with GCP
Ohio Devfest - Visual Analysis with GCPOhio Devfest - Visual Analysis with GCP
Ohio Devfest - Visual Analysis with GCP
 
Java web services soap rest training from hyderabad
Java web services soap rest training from hyderabadJava web services soap rest training from hyderabad
Java web services soap rest training from hyderabad
 
Web services soap rest training
Web services soap rest trainingWeb services soap rest training
Web services soap rest training
 
IWMW 2003: b8 implementation of a commercial content management system
IWMW 2003: b8 implementation of a commercial content management systemIWMW 2003: b8 implementation of a commercial content management system
IWMW 2003: b8 implementation of a commercial content management system
 
Bayt training
Bayt trainingBayt training
Bayt training
 
Scaling for Web - Architecting HootSuite for 5+ Million Users
Scaling for Web - Architecting HootSuite for 5+ Million UsersScaling for Web - Architecting HootSuite for 5+ Million Users
Scaling for Web - Architecting HootSuite for 5+ Million Users
 
Ubc presentation
Ubc presentationUbc presentation
Ubc presentation
 
Improving Perceived Page Performance with ASP.NET Web API and AJAX
Improving Perceived Page Performance with ASP.NET Web API and AJAXImproving Perceived Page Performance with ASP.NET Web API and AJAX
Improving Perceived Page Performance with ASP.NET Web API and AJAX
 
Google web toolkit gwt training
Google web toolkit gwt trainingGoogle web toolkit gwt training
Google web toolkit gwt training
 
WCM-7 Surfing with CMIS
WCM-7 Surfing with CMISWCM-7 Surfing with CMIS
WCM-7 Surfing with CMIS
 
20120802 timisoara
20120802 timisoara20120802 timisoara
20120802 timisoara
 
RubyConf China 2015 - Rails off assets pipeline
RubyConf China 2015 - Rails off assets pipelineRubyConf China 2015 - Rails off assets pipeline
RubyConf China 2015 - Rails off assets pipeline
 
Develop a vanilla.js spa you and your customers will love
Develop a vanilla.js spa you and your customers will loveDevelop a vanilla.js spa you and your customers will love
Develop a vanilla.js spa you and your customers will love
 
Materi Devcussion 1.0: 2 Keys to Becoming Great Developer
Materi Devcussion 1.0: 2 Keys to Becoming Great DeveloperMateri Devcussion 1.0: 2 Keys to Becoming Great Developer
Materi Devcussion 1.0: 2 Keys to Becoming Great Developer
 
Introduction to ASP.NET 5
Introduction to ASP.NET 5Introduction to ASP.NET 5
Introduction to ASP.NET 5
 

Recently uploaded

Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers:  A Deep Dive into Serverless Spatial Data and FMECloud Frontiers:  A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Safe Software
 
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers:  A Deep Dive into Serverless Spatial Data and FMECloud Frontiers:  A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Safe Software
 
Why Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire businessWhy Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire business
panagenda
 
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
Victor Rentea
 

Recently uploaded (20)

Introduction to Multilingual Retrieval Augmented Generation (RAG)
Introduction to Multilingual Retrieval Augmented Generation (RAG)Introduction to Multilingual Retrieval Augmented Generation (RAG)
Introduction to Multilingual Retrieval Augmented Generation (RAG)
 
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...
 
TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
TrustArc Webinar - Unlock the Power of AI-Driven Data DiscoveryTrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
 
Choreo: Empowering the Future of Enterprise Software Engineering
Choreo: Empowering the Future of Enterprise Software EngineeringChoreo: Empowering the Future of Enterprise Software Engineering
Choreo: Empowering the Future of Enterprise Software Engineering
 
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers:  A Deep Dive into Serverless Spatial Data and FMECloud Frontiers:  A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
 
Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving
Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost SavingRepurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving
Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving
 
API Governance and Monetization - The evolution of API governance
API Governance and Monetization -  The evolution of API governanceAPI Governance and Monetization -  The evolution of API governance
API Governance and Monetization - The evolution of API governance
 
Modernizing Legacy Systems Using Ballerina
Modernizing Legacy Systems Using BallerinaModernizing Legacy Systems Using Ballerina
Modernizing Legacy Systems Using Ballerina
 
Vector Search -An Introduction in Oracle Database 23ai.pptx
Vector Search -An Introduction in Oracle Database 23ai.pptxVector Search -An Introduction in Oracle Database 23ai.pptx
Vector Search -An Introduction in Oracle Database 23ai.pptx
 
AI+A11Y 11MAY2024 HYDERBAD GAAD 2024 - HelloA11Y (11 May 2024)
AI+A11Y 11MAY2024 HYDERBAD GAAD 2024 - HelloA11Y (11 May 2024)AI+A11Y 11MAY2024 HYDERBAD GAAD 2024 - HelloA11Y (11 May 2024)
AI+A11Y 11MAY2024 HYDERBAD GAAD 2024 - HelloA11Y (11 May 2024)
 
[BuildWithAI] Introduction to Gemini.pdf
[BuildWithAI] Introduction to Gemini.pdf[BuildWithAI] Introduction to Gemini.pdf
[BuildWithAI] Introduction to Gemini.pdf
 
Corporate and higher education May webinar.pptx
Corporate and higher education May webinar.pptxCorporate and higher education May webinar.pptx
Corporate and higher education May webinar.pptx
 
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers:  A Deep Dive into Serverless Spatial Data and FMECloud Frontiers:  A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
 
Understanding the FAA Part 107 License ..
Understanding the FAA Part 107 License ..Understanding the FAA Part 107 License ..
Understanding the FAA Part 107 License ..
 
WSO2 Micro Integrator for Enterprise Integration in a Decentralized, Microser...
WSO2 Micro Integrator for Enterprise Integration in a Decentralized, Microser...WSO2 Micro Integrator for Enterprise Integration in a Decentralized, Microser...
WSO2 Micro Integrator for Enterprise Integration in a Decentralized, Microser...
 
JohnPollard-hybrid-app-RailsConf2024.pptx
JohnPollard-hybrid-app-RailsConf2024.pptxJohnPollard-hybrid-app-RailsConf2024.pptx
JohnPollard-hybrid-app-RailsConf2024.pptx
 
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
 
Navigating Identity and Access Management in the Modern Enterprise
Navigating Identity and Access Management in the Modern EnterpriseNavigating Identity and Access Management in the Modern Enterprise
Navigating Identity and Access Management in the Modern Enterprise
 
Why Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire businessWhy Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire business
 
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
 

Next Generation Web Development Techniques with Cloud Foundry