knockout.js, mobile with services · windows azure mobile services windows phone ios . available on...
TRANSCRIPT
![Page 1: KNOCKOUT.JS, MOBILE with SERVICES · WINDOWS AZURE MOBILE SERVICES Windows Phone iOS . Available on the App Store Windows GET IT ON Google play . Music Movies App Store > Lifestyle](https://reader033.vdocument.in/reader033/viewer/2022041718/5ed4995e6894a01fe75def4d/html5/thumbnails/1.jpg)
RICH HTML/JS APPS with
STEVEN SANDERSON, MICROSOFT @STEVENSANDERSON
KNOCKOUT.JS, MOBILE SERVICES
and no web server
![Page 2: KNOCKOUT.JS, MOBILE with SERVICES · WINDOWS AZURE MOBILE SERVICES Windows Phone iOS . Available on the App Store Windows GET IT ON Google play . Music Movies App Store > Lifestyle](https://reader033.vdocument.in/reader033/viewer/2022041718/5ed4995e6894a01fe75def4d/html5/thumbnails/2.jpg)
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
![Page 3: KNOCKOUT.JS, MOBILE with SERVICES · WINDOWS AZURE MOBILE SERVICES Windows Phone iOS . Available on the App Store Windows GET IT ON Google play . Music Movies App Store > Lifestyle](https://reader033.vdocument.in/reader033/viewer/2022041718/5ed4995e6894a01fe75def4d/html5/thumbnails/3.jpg)
RICH WEB APPS: WHAT’S THE PROBLEM?
![Page 4: KNOCKOUT.JS, MOBILE with SERVICES · WINDOWS AZURE MOBILE SERVICES Windows Phone iOS . Available on the App Store Windows GET IT ON Google play . Music Movies App Store > Lifestyle](https://reader033.vdocument.in/reader033/viewer/2022041718/5ed4995e6894a01fe75def4d/html5/thumbnails/4.jpg)
KNOCKOUT.JS & MVVM
MODEL Server / DB JavaScript + observables HTML + bindings
MIT LICENSE ON GITHUB
~ 3 YEARS OLD
MODEL VIEW VIEWMODEL
VIEW MODEL VIEW AUTO!
![Page 5: KNOCKOUT.JS, MOBILE with SERVICES · WINDOWS AZURE MOBILE SERVICES Windows Phone iOS . Available on the App Store Windows GET IT ON Google play . Music Movies App Store > Lifestyle](https://reader033.vdocument.in/reader033/viewer/2022041718/5ed4995e6894a01fe75def4d/html5/thumbnails/5.jpg)
Let’s DO AN APP!
![Page 6: KNOCKOUT.JS, MOBILE with SERVICES · WINDOWS AZURE MOBILE SERVICES Windows Phone iOS . Available on the App Store Windows GET IT ON Google play . Music Movies App Store > Lifestyle](https://reader033.vdocument.in/reader033/viewer/2022041718/5ed4995e6894a01fe75def4d/html5/thumbnails/6.jpg)
wwwsrv01 wwwsrv02
sqldb-master prod-san-backup
nginx-proxy
BACKEND SERVICE as a
![Page 7: KNOCKOUT.JS, MOBILE with SERVICES · WINDOWS AZURE MOBILE SERVICES Windows Phone iOS . Available on the App Store Windows GET IT ON Google play . Music Movies App Store > Lifestyle](https://reader033.vdocument.in/reader033/viewer/2022041718/5ed4995e6894a01fe75def4d/html5/thumbnails/7.jpg)
TODAY: SO SOON:
![Page 8: KNOCKOUT.JS, MOBILE with SERVICES · WINDOWS AZURE MOBILE SERVICES Windows Phone iOS . Available on the App Store Windows GET IT ON Google play . Music Movies App Store > Lifestyle](https://reader033.vdocument.in/reader033/viewer/2022041718/5ed4995e6894a01fe75def4d/html5/thumbnails/8.jpg)
![Page 9: KNOCKOUT.JS, MOBILE with SERVICES · WINDOWS AZURE MOBILE SERVICES Windows Phone iOS . Available on the App Store Windows GET IT ON Google play . Music Movies App Store > Lifestyle](https://reader033.vdocument.in/reader033/viewer/2022041718/5ed4995e6894a01fe75def4d/html5/thumbnails/9.jpg)
![Page 10: KNOCKOUT.JS, MOBILE with SERVICES · WINDOWS AZURE MOBILE SERVICES Windows Phone iOS . Available on the App Store Windows GET IT ON Google play . Music Movies App Store > Lifestyle](https://reader033.vdocument.in/reader033/viewer/2022041718/5ed4995e6894a01fe75def4d/html5/thumbnails/10.jpg)
STEVE’S MISCELLANY OF PERSONAL OPINIONS
DEVELOP IN A BROWSER
STYLE FOR RETINA USE WEBKIT REMOTE DEBUGGER
CSS TRANSITIONS COMMERCIAL ARTWORK PLUGINS 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
![Page 11: KNOCKOUT.JS, MOBILE with SERVICES · WINDOWS AZURE MOBILE SERVICES Windows Phone iOS . Available on the App Store Windows GET IT ON Google play . Music Movies App Store > Lifestyle](https://reader033.vdocument.in/reader033/viewer/2022041718/5ed4995e6894a01fe75def4d/html5/thumbnails/11.jpg)
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
![Page 12: KNOCKOUT.JS, MOBILE with SERVICES · WINDOWS AZURE MOBILE SERVICES Windows Phone iOS . Available on the App Store Windows GET IT ON Google play . Music Movies App Store > Lifestyle](https://reader033.vdocument.in/reader033/viewer/2022041718/5ed4995e6894a01fe75def4d/html5/thumbnails/12.jpg)
PhoneGap
Knockout.js
MobileServices.js
Native filesystem
Browser (public access)
Windows Azure Mobile Service ASP.NET MVC site
Ap
p
Bac
ken
d