RICH HTML/JS APPS with KNOCKOUT.JS, MOBILE SERVICES and no web - - PowerPoint PPT Presentation

▶

Dec 25, 2023 370 likes •510 views

RICH HTML/JS APPS with KNOCKOUT.JS, MOBILE SERVICES and no web server STEVEN SANDERSON, MICROSOFT @STEVENSANDERSON WHATS IN THIS TALK? SPA VIEWS 1. KNOCKOUT.JS MODELS VIEWMODELS NO WEB BUZZWORDS MAGIC SERVER 2. CLOUD BACKENDS FUN

SLIDE 1

RICH HTML/JS APPS

with

STEVEN SANDERSON, MICROSOFT @STEVENSANDERSON

KNOCKOUT.JS, MOBILE SERVICES

and no web server

SLIDE 2

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

SLIDE 3

RICH WEB APPS: WHAT’S THE PROBLEM?

SLIDE 4

KNOCKOUT.JS & MVVM

MODEL

Server / DB JavaScript + observables HTML + bindings

MIT LICENSE ON GITHUB ~ 3 YEARS OLD MODEL VIEW VIEWMODEL

VIEW MODEL

VIEW

AUTO!

SLIDE 5

Let’s DO AN APP!

SLIDE 6

wwwsrv01 wwwsrv02 sqldb-master prod-san-backup nginx-proxy

BACKEND SERVICE

as a

SLIDE 7

TODAY: SO SOON:

SLIDE 8

SLIDE 9

SLIDE 10

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

SLIDE 11

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

SLIDE 12

PhoneGap Knockout.js MobileServices.js Native filesystem

Browser

(public access)

Windows Azure Mobile Service ASP.NET MVC site

App Backend