SlideShare a Scribd company logo
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!!!?!?!
Next Generation Web Development Techniques with Cloud Foundry
Dave
McCroy

          Derek
         Collison
Next Generation Web Development Techniques with Cloud Foundry
Next Generation Web Development Techniques with Cloud Foundry
Next Generation Web Development Techniques with Cloud Foundry
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
Next Generation Web Development Techniques with Cloud Foundry
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

PPTX
Migration from ASP.NET MVC to ASP.NET Core
PPTX
How to ease the learning curve
PPTX
Why XAF and XPO?
PPTX
Urbanesia - Development History
PPTX
Testing your Single Page Application
PPTX
Single page applications the basics
PPTX
Host, deploy & scale Blazor Server Apps
PPTX
10 Things You Can Do to Speed Up Your Web App Today
Migration from ASP.NET MVC to ASP.NET Core
How to ease the learning curve
Why XAF and XPO?
Urbanesia - Development History
Testing your Single Page Application
Single page applications the basics
Host, deploy & scale Blazor Server Apps
10 Things You Can Do to Speed Up Your Web App Today

What's hot (20)

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

Viewers also liked (18)

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

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

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

Recently uploaded (20)

PDF
Optimiser vos workloads AI/ML sur Amazon EC2 et AWS Graviton
PDF
Shreyas Phanse Resume: Experienced Backend Engineer | Java • Spring Boot • Ka...
DOCX
The AUB Centre for AI in Media Proposal.docx
PPTX
Big Data Technologies - Introduction.pptx
PDF
GDG Cloud Iasi [PUBLIC] Florian Blaga - Unveiling the Evolution of Cybersecur...
PDF
Review of recent advances in non-invasive hemoglobin estimation
PPTX
Understanding_Digital_Forensics_Presentation.pptx
PDF
cuic standard and advanced reporting.pdf
PDF
Spectral efficient network and resource selection model in 5G networks
PDF
The Rise and Fall of 3GPP – Time for a Sabbatical?
PDF
[발표본] 너의 과제는 클라우드에 있어_KTDS_김동현_20250524.pdf
PPTX
20250228 LYD VKU AI Blended-Learning.pptx
PDF
Advanced Soft Computing BINUS July 2025.pdf
PDF
Chapter 3 Spatial Domain Image Processing.pdf
PDF
NewMind AI Monthly Chronicles - July 2025
PPTX
Detection-First SIEM: Rule Types, Dashboards, and Threat-Informed Strategy
PDF
Bridging biosciences and deep learning for revolutionary discoveries: a compr...
PDF
Diabetes mellitus diagnosis method based random forest with bat algorithm
PPT
“AI and Expert System Decision Support & Business Intelligence Systems”
PDF
How UI/UX Design Impacts User Retention in Mobile Apps.pdf
Optimiser vos workloads AI/ML sur Amazon EC2 et AWS Graviton
Shreyas Phanse Resume: Experienced Backend Engineer | Java • Spring Boot • Ka...
The AUB Centre for AI in Media Proposal.docx
Big Data Technologies - Introduction.pptx
GDG Cloud Iasi [PUBLIC] Florian Blaga - Unveiling the Evolution of Cybersecur...
Review of recent advances in non-invasive hemoglobin estimation
Understanding_Digital_Forensics_Presentation.pptx
cuic standard and advanced reporting.pdf
Spectral efficient network and resource selection model in 5G networks
The Rise and Fall of 3GPP – Time for a Sabbatical?
[발표본] 너의 과제는 클라우드에 있어_KTDS_김동현_20250524.pdf
20250228 LYD VKU AI Blended-Learning.pptx
Advanced Soft Computing BINUS July 2025.pdf
Chapter 3 Spatial Domain Image Processing.pdf
NewMind AI Monthly Chronicles - July 2025
Detection-First SIEM: Rule Types, Dashboards, and Threat-Informed Strategy
Bridging biosciences and deep learning for revolutionary discoveries: a compr...
Diabetes mellitus diagnosis method based random forest with bat algorithm
“AI and Expert System Decision Support & Business Intelligence Systems”
How UI/UX Design Impacts User Retention in Mobile Apps.pdf

Next Generation Web Development Techniques with Cloud Foundry