SlideShare a Scribd company logo
1 of 15
RICH HTML/JS APPS
with
STEVEN SANDERSON, MICROSOFT
@STEVENSANDERSON
KNOCKOUT.JS, MOBILE
SERVICES
and no web server
InfoQ.com: News & Community Site
• 750,000 unique visitors/month
• Published in 4 languages (English, Chinese, Japanese and Brazilian
Portuguese)
• Post content from our QCon conferences
• News 15-20 / week
• Articles 3-4 / week
• Presentations (videos) 12-15 / week
• Interviews 2-3 / week
• Books 1 / month
Watch the video with slide
synchronization on InfoQ.com!
http://www.infoq.com/presentations
/html5-js-knockoutjs
Presented at QCon London
www.qconlondon.com
Purpose of QCon
- to empower software development by facilitating the spread of
knowledge and innovation
Strategy
- practitioner-driven conference designed for YOU: influencers of
change and innovation in your teams
- speakers and topics driving the evolution and innovation
- connecting and catalyzing the influencers and innovators
Highlights
- attended by more than 12,000 delegates since 2007
- held in 9 cities worldwide
WHAT’S IN THIS TALK?
2. CLOUD BACKENDS
1. KNOCKOUT.JS
3. MOBILE APPS
FUN
NO WEB
SERVER
BUZZWORDS MAGIC
AZURE
SPA
MODELS
VIEWS
VIEWMODELS
PHONEGAP
APP STORES
iOS
ANDROID
WINDOWS PHONE
RICH WEB APPS: WHAT’S THE PROBLEM?
KNOCKOUT.JS & MVVM
MODEL
Server / DB JavaScript + observables HTML + bindings
MIT LICENSE
ON GITHUB
~ 3 YEARS OLD
MODEL
VIEW
VIEWMODEL
VIEW
MODEL
VIEWAUTO!
Let’s DO
AN APP!
wwwsrv01 wwwsrv02
sqldb-master prod-san-backup
nginx-proxy
BACKEND SERVICEas a
TODAY: SO SOON:
STEVE’S MISCELLANY OF PERSONAL OPINIONS
DEVELOP IN A BROWSER
STYLE FOR RETINAUSE WEBKIT REMOTE DEBUGGER
CSS TRANSITIONSCOMMERCIAL ARTWORKPLUGINS ARE EASY
One Multiple
Web dev Depends Use HTML+JS
Native mobile dev Go Native Depends
SKILL SET
TARGET PLATFORM
PHONEGAP TIPS
iOS-SPECIFIC TIPS
SUMMARY
2. CLOUD BACKENDS
1. SINGLE-PAGE WEB APPS
3. MOBILE APPS
FUN
NO WEB
SERVER
BUZZWORDS MAGIC
AZURE
KNOCKOUT.JS
MODELS
VIEWS
VIEWMODELS
PHONEGAP
APP STORES
iOS
ANDROID
WINDOWS PHONE
PhoneGap
Knockout.js
MobileServices.js
Native
filesystem
Browser
(public access)
Windows Azure Mobile Service ASP.NET MVC site
AppBackend
Watch the video with slide synchronization on
InfoQ.com!
http://www.infoq.com/presentations/html5-js-
knockoutjs

More Related Content

Viewers also liked

Tesis upv2209 clasificacion de cepas probioticas
Tesis upv2209 clasificacion de cepas probioticasTesis upv2209 clasificacion de cepas probioticas
Tesis upv2209 clasificacion de cepas probioticas
carlosalin
 

Viewers also liked (18)

Class seven asmaul husna
Class seven asmaul husna Class seven asmaul husna
Class seven asmaul husna
 
42 2
42 242 2
42 2
 
Class seven akhlak
Class seven akhlakClass seven akhlak
Class seven akhlak
 
Sue Sheerin: Why self-assessment exciting?
Sue Sheerin: Why self-assessment exciting?Sue Sheerin: Why self-assessment exciting?
Sue Sheerin: Why self-assessment exciting?
 
Class seven রোজা
Class seven রোজাClass seven রোজা
Class seven রোজা
 
2 2012 Novys Choice
2 2012 Novys Choice2 2012 Novys Choice
2 2012 Novys Choice
 
Synergistic Effects: A Mixed Remote/In-house Team Can Be Better than the Sum ...
Synergistic Effects: A Mixed Remote/In-house Team Can Be Better than the Sum ...Synergistic Effects: A Mixed Remote/In-house Team Can Be Better than the Sum ...
Synergistic Effects: A Mixed Remote/In-house Team Can Be Better than the Sum ...
 
Class seven english a teacher
Class seven english a teacherClass seven english a teacher
Class seven english a teacher
 
Building Large Scale Javascript Application
Building Large Scale Javascript ApplicationBuilding Large Scale Javascript Application
Building Large Scale Javascript Application
 
Laura's Erasmus Plus in Chester
Laura's Erasmus Plus in Chester Laura's Erasmus Plus in Chester
Laura's Erasmus Plus in Chester
 
Azure Mobile Services Workshop
Azure Mobile Services WorkshopAzure Mobile Services Workshop
Azure Mobile Services Workshop
 
Tesis upv2209 clasificacion de cepas probioticas
Tesis upv2209 clasificacion de cepas probioticasTesis upv2209 clasificacion de cepas probioticas
Tesis upv2209 clasificacion de cepas probioticas
 
Ministerio de-cunero
Ministerio de-cuneroMinisterio de-cunero
Ministerio de-cunero
 
La presentazione di una mobilità Erasmus + KA1 VET a Valencia all'esame di st...
La presentazione di una mobilità Erasmus + KA1 VET a Valencia all'esame di st...La presentazione di una mobilità Erasmus + KA1 VET a Valencia all'esame di st...
La presentazione di una mobilità Erasmus + KA1 VET a Valencia all'esame di st...
 
Asia's Erasmus Plus experience in Chester
Asia's Erasmus Plus experience in ChesterAsia's Erasmus Plus experience in Chester
Asia's Erasmus Plus experience in Chester
 
Dr.R.Narayanasamy, Dr.S.Sivasankaran and Dr.K.Siva Prasad on Mechanical Alloying
Dr.R.Narayanasamy, Dr.S.Sivasankaran and Dr.K.Siva Prasad on Mechanical AlloyingDr.R.Narayanasamy, Dr.S.Sivasankaran and Dr.K.Siva Prasad on Mechanical Alloying
Dr.R.Narayanasamy, Dr.S.Sivasankaran and Dr.K.Siva Prasad on Mechanical Alloying
 
Dieta y flora intestinal
Dieta y flora intestinalDieta y flora intestinal
Dieta y flora intestinal
 
Business Process
Business ProcessBusiness Process
Business Process
 

More from C4Media

More from C4Media (20)

Streaming a Million Likes/Second: Real-Time Interactions on Live Video
Streaming a Million Likes/Second: Real-Time Interactions on Live VideoStreaming a Million Likes/Second: Real-Time Interactions on Live Video
Streaming a Million Likes/Second: Real-Time Interactions on Live Video
 
Next Generation Client APIs in Envoy Mobile
Next Generation Client APIs in Envoy MobileNext Generation Client APIs in Envoy Mobile
Next Generation Client APIs in Envoy Mobile
 
Software Teams and Teamwork Trends Report Q1 2020
Software Teams and Teamwork Trends Report Q1 2020Software Teams and Teamwork Trends Report Q1 2020
Software Teams and Teamwork Trends Report Q1 2020
 
Understand the Trade-offs Using Compilers for Java Applications
Understand the Trade-offs Using Compilers for Java ApplicationsUnderstand the Trade-offs Using Compilers for Java Applications
Understand the Trade-offs Using Compilers for Java Applications
 
Kafka Needs No Keeper
Kafka Needs No KeeperKafka Needs No Keeper
Kafka Needs No Keeper
 
High Performing Teams Act Like Owners
High Performing Teams Act Like OwnersHigh Performing Teams Act Like Owners
High Performing Teams Act Like Owners
 
Does Java Need Inline Types? What Project Valhalla Can Bring to Java
Does Java Need Inline Types? What Project Valhalla Can Bring to JavaDoes Java Need Inline Types? What Project Valhalla Can Bring to Java
Does Java Need Inline Types? What Project Valhalla Can Bring to Java
 
Service Meshes- The Ultimate Guide
Service Meshes- The Ultimate GuideService Meshes- The Ultimate Guide
Service Meshes- The Ultimate Guide
 
Shifting Left with Cloud Native CI/CD
Shifting Left with Cloud Native CI/CDShifting Left with Cloud Native CI/CD
Shifting Left with Cloud Native CI/CD
 
CI/CD for Machine Learning
CI/CD for Machine LearningCI/CD for Machine Learning
CI/CD for Machine Learning
 
Fault Tolerance at Speed
Fault Tolerance at SpeedFault Tolerance at Speed
Fault Tolerance at Speed
 
Architectures That Scale Deep - Regaining Control in Deep Systems
Architectures That Scale Deep - Regaining Control in Deep SystemsArchitectures That Scale Deep - Regaining Control in Deep Systems
Architectures That Scale Deep - Regaining Control in Deep Systems
 
ML in the Browser: Interactive Experiences with Tensorflow.js
ML in the Browser: Interactive Experiences with Tensorflow.jsML in the Browser: Interactive Experiences with Tensorflow.js
ML in the Browser: Interactive Experiences with Tensorflow.js
 
Build Your Own WebAssembly Compiler
Build Your Own WebAssembly CompilerBuild Your Own WebAssembly Compiler
Build Your Own WebAssembly Compiler
 
User & Device Identity for Microservices @ Netflix Scale
User & Device Identity for Microservices @ Netflix ScaleUser & Device Identity for Microservices @ Netflix Scale
User & Device Identity for Microservices @ Netflix Scale
 
Scaling Patterns for Netflix's Edge
Scaling Patterns for Netflix's EdgeScaling Patterns for Netflix's Edge
Scaling Patterns for Netflix's Edge
 
Make Your Electron App Feel at Home Everywhere
Make Your Electron App Feel at Home EverywhereMake Your Electron App Feel at Home Everywhere
Make Your Electron App Feel at Home Everywhere
 
The Talk You've Been Await-ing For
The Talk You've Been Await-ing ForThe Talk You've Been Await-ing For
The Talk You've Been Await-ing For
 
Future of Data Engineering
Future of Data EngineeringFuture of Data Engineering
Future of Data Engineering
 
Automated Testing for Terraform, Docker, Packer, Kubernetes, and More
Automated Testing for Terraform, Docker, Packer, Kubernetes, and MoreAutomated Testing for Terraform, Docker, Packer, Kubernetes, and More
Automated Testing for Terraform, Docker, Packer, Kubernetes, and More
 

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
 
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
 
Finding Java's Hidden Performance Traps @ DevoxxUK 2024
Finding Java's Hidden Performance Traps @ DevoxxUK 2024Finding Java's Hidden Performance Traps @ DevoxxUK 2024
Finding Java's Hidden Performance Traps @ DevoxxUK 2024
Victor Rentea
 

Recently uploaded (20)

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...
 
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
 
WSO2's API Vision: Unifying Control, Empowering Developers
WSO2's API Vision: Unifying Control, Empowering DevelopersWSO2's API Vision: Unifying Control, Empowering Developers
WSO2's API Vision: Unifying Control, Empowering Developers
 
Rising Above_ Dubai Floods and the Fortitude of Dubai International Airport.pdf
Rising Above_ Dubai Floods and the Fortitude of Dubai International Airport.pdfRising Above_ Dubai Floods and the Fortitude of Dubai International Airport.pdf
Rising Above_ Dubai Floods and the Fortitude of Dubai International Airport.pdf
 
Elevate Developer Efficiency & build GenAI Application with Amazon Q​
Elevate Developer Efficiency & build GenAI Application with Amazon Q​Elevate Developer Efficiency & build GenAI Application with Amazon Q​
Elevate Developer Efficiency & build GenAI Application with Amazon Q​
 
Six Myths about Ontologies: The Basics of Formal Ontology
Six Myths about Ontologies: The Basics of Formal OntologySix Myths about Ontologies: The Basics of Formal Ontology
Six Myths about Ontologies: The Basics of Formal Ontology
 
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
 
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
 
Exploring Multimodal Embeddings with Milvus
Exploring Multimodal Embeddings with MilvusExploring Multimodal Embeddings with Milvus
Exploring Multimodal Embeddings with Milvus
 
EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWER
EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWEREMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWER
EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWER
 
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
 
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
 
"I see eyes in my soup": How Delivery Hero implemented the safety system for ...
"I see eyes in my soup": How Delivery Hero implemented the safety system for ..."I see eyes in my soup": How Delivery Hero implemented the safety system for ...
"I see eyes in my soup": How Delivery Hero implemented the safety system for ...
 
Finding Java's Hidden Performance Traps @ DevoxxUK 2024
Finding Java's Hidden Performance Traps @ DevoxxUK 2024Finding Java's Hidden Performance Traps @ DevoxxUK 2024
Finding Java's Hidden Performance Traps @ DevoxxUK 2024
 
Strategies for Landing an Oracle DBA Job as a Fresher
Strategies for Landing an Oracle DBA Job as a FresherStrategies for Landing an Oracle DBA Job as a Fresher
Strategies for Landing an Oracle DBA Job as a Fresher
 
Mcleodganj Call Girls 🥰 8617370543 Service Offer VIP Hot Model
Mcleodganj Call Girls 🥰 8617370543 Service Offer VIP Hot ModelMcleodganj Call Girls 🥰 8617370543 Service Offer VIP Hot Model
Mcleodganj Call Girls 🥰 8617370543 Service Offer VIP Hot Model
 
DEV meet-up UiPath Document Understanding May 7 2024 Amsterdam
DEV meet-up UiPath Document Understanding May 7 2024 AmsterdamDEV meet-up UiPath Document Understanding May 7 2024 Amsterdam
DEV meet-up UiPath Document Understanding May 7 2024 Amsterdam
 
Platformless Horizons for Digital Adaptability
Platformless Horizons for Digital AdaptabilityPlatformless Horizons for Digital Adaptability
Platformless Horizons for Digital Adaptability
 
How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected WorkerHow to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected Worker
 
ICT role in 21st century education and its challenges
ICT role in 21st century education and its challengesICT role in 21st century education and its challenges
ICT role in 21st century education and its challenges
 

Rich HTML/JS Applications with Knockout.js and No Server

  • 1. RICH HTML/JS APPS with STEVEN SANDERSON, MICROSOFT @STEVENSANDERSON KNOCKOUT.JS, MOBILE SERVICES and no web server
  • 2. InfoQ.com: News & Community Site • 750,000 unique visitors/month • Published in 4 languages (English, Chinese, Japanese and Brazilian Portuguese) • Post content from our QCon conferences • News 15-20 / week • Articles 3-4 / week • Presentations (videos) 12-15 / week • Interviews 2-3 / week • Books 1 / month Watch the video with slide synchronization on InfoQ.com! http://www.infoq.com/presentations /html5-js-knockoutjs
  • 3. Presented at QCon London www.qconlondon.com Purpose of QCon - to empower software development by facilitating the spread of knowledge and innovation Strategy - practitioner-driven conference designed for YOU: influencers of change and innovation in your teams - speakers and topics driving the evolution and innovation - connecting and catalyzing the influencers and innovators Highlights - attended by more than 12,000 delegates since 2007 - held in 9 cities worldwide
  • 4. WHAT’S IN THIS TALK? 2. CLOUD BACKENDS 1. KNOCKOUT.JS 3. MOBILE APPS FUN NO WEB SERVER BUZZWORDS MAGIC AZURE SPA MODELS VIEWS VIEWMODELS PHONEGAP APP STORES iOS ANDROID WINDOWS PHONE
  • 5. RICH WEB APPS: WHAT’S THE PROBLEM?
  • 6. KNOCKOUT.JS & MVVM MODEL Server / DB JavaScript + observables HTML + bindings MIT LICENSE ON GITHUB ~ 3 YEARS OLD MODEL VIEW VIEWMODEL VIEW MODEL VIEWAUTO!
  • 10.
  • 11.
  • 12. STEVE’S MISCELLANY OF PERSONAL OPINIONS DEVELOP IN A BROWSER STYLE FOR RETINAUSE WEBKIT REMOTE DEBUGGER CSS TRANSITIONSCOMMERCIAL ARTWORKPLUGINS ARE EASY One Multiple Web dev Depends Use HTML+JS Native mobile dev Go Native Depends SKILL SET TARGET PLATFORM PHONEGAP TIPS iOS-SPECIFIC TIPS
  • 13. SUMMARY 2. CLOUD BACKENDS 1. SINGLE-PAGE WEB APPS 3. MOBILE APPS FUN NO WEB SERVER BUZZWORDS MAGIC AZURE KNOCKOUT.JS MODELS VIEWS VIEWMODELS PHONEGAP APP STORES iOS ANDROID WINDOWS PHONE
  • 15. Watch the video with slide synchronization on InfoQ.com! http://www.infoq.com/presentations/html5-js- knockoutjs