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

Dec 25, 2023 •370 likes •509 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

RICH HTML/JS APPS with KNOCKOUT.JS, MOBILE SERVICES and no web server STEVEN SANDERSON, MICROSOFT @STEVENSANDERSON
WHAT’S IN THIS TALK? SPA VIEWS 1. KNOCKOUT.JS MODELS VIEWMODELS NO WEB BUZZWORDS MAGIC SERVER 2. CLOUD BACKENDS FUN AZURE PHONEGAP iOS WINDOWS PHONE 3. MOBILE APPS APP STORES ANDROID
RICH WEB APPS: WHAT’S THE PROBLEM?
MIT LICENSE MODEL KNOCKOUT.JS & MVVM ON GITHUB VIEW ~ 3 YEARS OLD VIEWMODEL Server / DB JavaScript + observables HTML + bindings VIEW MODEL VIEW AUTO! MODEL
Let’s DO AN APP!
nginx-proxy BACKEND SERVICE wwwsrv02 wwwsrv01 as a prod-san-backup sqldb-master
TODAY: SO SOON:
PHONEGAP TIPS DEVELOP IN A BROWSER PLUGINS ARE EASY COMMERCIAL ARTWORK CSS TRANSITIONS iOS-SPECIFIC TIPS STYLE FOR RETINA USE WEBKIT REMOTE DEBUGGER TARGET PLATFORM One Multiple SKILL SET Web dev Depends Use HTML+JS Native mobile dev Go Native Depends STEVE’S MISCELLANY OF PERSONAL OPINIONS
SUMMARY KNOCKOUT.JS VIEWS 1. SINGLE-PAGE WEB APPS MODELS VIEWMODELS NO WEB BUZZWORDS MAGIC SERVER 2. CLOUD BACKENDS FUN AZURE PHONEGAP iOS WINDOWS PHONE 3. MOBILE APPS APP STORES ANDROID
Knockout.js App Browser Native PhoneGap filesystem (public access) MobileServices.js Backend Windows Azure Mobile Service ASP.NET MVC site

Recommend

Windows 8 Metro Apps with HTML & jQuery about:me Rich Dudley Technical Evangelist

Windows 8 Metro Apps with HTML & jQuery about:me Rich Dudley Technical Evangelist richd@componentone.com @rj_dudley c1.ms/richd $(this).baked(not); Its the first beta Many, many months from RTM Dont draw any

425 views • 20 slides

about:me Rich Dudley Technical Evangelist richd@componentone.com @rj_dudley c1.ms/richd 1

5/2/2012 Windows 8 Metro Apps with HTML & jQuery about:me Rich Dudley Technical Evangelist richd@componentone.com @rj_dudley c1.ms/richd 1 5/2/2012 $(this).baked(not); Its the first beta Many, many months from RTM

582 views • 10 slides

ReactJS and Drupal 8 Writing content rich JavaScript/REST web apps. DrupalCamp Atlanta Jitesh

ReactJS and Drupal 8 Writing content rich JavaScript/REST web apps. DrupalCamp Atlanta Jitesh Doshi, SpinSpire @spinspire_com Screencast video and Source code for this presentation. Motivation Drupal is your favorite CMS AJAX apps and

820 views • 13 slides

1 Web Application Development HTML 5 Canvas HTML 5 Geolocation HTML 5 SVG HTML 5

1 Web Application Development HTML 5 Canvas HTML 5 Geolocation HTML 5 SVG HTML 5 Drag/Drop HTML 5 Google Maps HTML 5 Web Storage HTML 5 Media HTML 5 Web Workers HTML 5 Video HTML 5 Server Sent Events (SSE)

2.01k views • 115 slides

BlueMountain Enabling Automated, Rich, and Versatile Data Management for Android Apps Sharath

BlueMountain Enabling Automated, Rich, and Versatile Data Management for Android Apps Sharath Chandrashekhara, Kyle Marcus, Rakesh G. M. Subramanya, Hrishikesh S. Karve, Karthik Dantu and Steven Y. Ko Reliable Mobile Systems Lab

664 views • 17 slides

HyperText Markup Language and Cascading Style Sheets Web and Apps 1) HTML - CSS Introduction

HyperText Markup Language and Cascading Style Sheets Web and Apps 1) HTML - CSS Introduction Forms and Input Emmanuel Benoist Tables Spring Term 2020 Headings and Styles Sheets CSS Basic formating Berner Fachhochschule

399 views • 7 slides

Web and Apps 1) HTML - CSS Emmanuel Benoist Spring Term 2020 Berner Fachhochschule | Haute

Web and Apps 1) HTML - CSS Emmanuel Benoist Spring Term 2020 Berner Fachhochschule | Haute cole spcialise bernoise | Berne University of Applied Sciences 1 HyperText Markup Language and Cascading Style Sheets Introduction Forms

876 views • 28 slides

Small Business Apps WHAT ARE MOBI LE APPS ? W h a t are mob i le apps ? A little bit of

WELCOME Small Business Apps WHAT ARE MOBI LE APPS ? W h a t are mob i le apps ? A little bit of information An App is a piece of so ware (a program) that needs to be installed on Mobile Apps are device specific, meaning that an App that runs

268 views • 12 slides

Support for Multilingual Windows Web Apps (WWA) and HTML 5 in Windows 8 Jan Anders Nelson Senior

Support for Multilingual Windows Web Apps (WWA) and HTML 5 in Windows 8 Jan Anders Nelson Senior Program Manager Lead Microsoft Corporation Windows 8: Using the language you want More languages than ever before Microsoft will continue to

338 views • 10 slides

Boxing them in Buggy apps can crash other apps The Kernel App 1 App 2 App 3 Buggy apps can

Boxing them in Buggy apps can crash other apps The Kernel App 1 App 2 App 3 Buggy apps can crash OS wants to be your friend Buggy apps can hog all resources Operating System Malicious apps can violate Reading and writing memory, privacy

548 views • 17 slides

Develop in Pharo, run on Javascript h"p://pharojs.org Noury Bouraqadi & Dave Mason HTML

Develop in Pharo, run on Javascript h"p://pharojs.org Noury Bouraqadi & Dave Mason HTML Web Mobile Javascript Clients Apps CSS Web Mobile Clients Apps framework Web Mobile Clients Apps Tools Lifecycle with 100% Pharo 0%

808 views • 13 slides

Rich Media Ads in Mobile Apps Sumanth S Mobile Developer Conference June 2012 What to expect

Rich Media Ads in Mobile Apps Sumanth S Mobile Developer Conference June 2012 What to expect in this talk In-App Ads vs Ads in browser In-App Ad SDK What is MRAID? Whats in it for creative (Ad) authors? authors? MRAID spec

262 views • 11 slides

HTML Week 3.1 - IST 263 Section M005 HTML SUMMARY Describe HTML HTML Vocabulary

HTML Week 3.1 - IST 263 Section M005 HTML SUMMARY Describe HTML HTML Vocabulary Element Tag Attributes HTML RECAP <!doctype html> < html lang="en"> < head > < title >IST 263 - Week 3, Sample

706 views • 17 slides

Cross-Platform Mobile Apps with HTML, JavaScript, and PhoneGap Christophe Coenraets @ccoenraets

Cross-Platform Mobile Apps with HTML, JavaScript, and PhoneGap Christophe Coenraets @ccoenraets Resources @ccoenraets http://coenraets.org http://github.com/ccoenraets ccoenrae@adobe.com What? 3 Mobile Application Development Challenge +

404 views • 26 slides

F ROM WEBSITES TO APPS , AND NOW FROM APPS TO CHATBOTS ? A NTNIO B RANCO FROM APPS TO CHATBOTS

F ROM WEBSITES TO APPS , AND NOW FROM APPS TO CHATBOTS ? A NTNIO B RANCO FROM APPS TO CHATBOTS CEO of large social network in annual development conference 2 months ago Shared vision for next 2 decades: past : with advent of PCs, companies

498 views • 14 slides

HTML HTML is the HyperText Markup Language. HTML files are text files featuring

HTML HTML is the HyperText Markup Language. HTML files are text files featuring semantically tagged elements. HTML filenames are suffixed with .htm or .html. Here's a simple HTML file: <html> <head> <title>My

1.05k views • 46 slides

Cross-Platform Mobile Apps with HTML and PhoneGap Christophe Coenraets @ccoenraets Resources

Cross-Platform Mobile Apps with HTML and PhoneGap Christophe Coenraets @ccoenraets Resources @ccoenraets http://coenraets.org http://github.com/ccoenraets ccoenrae@adobe.com The Challenge Apple iOS Android BlackBerry QNX BlackBerry

410 views • 37 slides

The Kernel wants to be your friend Boxing them in Buggy apps can crash other apps App 1 App 2

The Kernel wants to be your friend Boxing them in Buggy apps can crash other apps App 1 App 2 App 3 Buggy apps can crash OS Buggy apps can hog all resources Operating System Malicious apps can violate Reading and writing memory, privacy

1.15k views • 67 slides

HTML Introduction (02c) Our Plan G HTML background G Unix and other issues G Minimal HTML

HTML Introduction (02c) Our Plan G HTML background G Unix and other issues G Minimal HTML documents G Hyperlinks and URLs Web Concepts: Static Design your PC domain.name Client Software HTTP HTML/HTTP HTML /HTTP HTML Server Internet

965 views • 26 slides

rxabuse.maps.arcgis.com/apps/MapJournal/index.html?appid=19bb8941c04648e78b296a61333b004a&webmap=eebc43edd3ab4f1197b7e12bc533164f

565 views • 41 slides

By: Taylor Thomas & Ashley Fischer There are apps for just about EVERYTHING! There are

By: Taylor Thomas & Ashley Fischer There are apps for just about EVERYTHING! There are new apps being developed and posted everyday. Some of the best apps you will ever find are FREE! There are two ways to download apps for

606 views • 38 slides

HTML Introduction A.Y. 2020/2021 What HTML is HTML stands for Hyper Text Markup Language

HTML Introduction A.Y. 2020/2021 What HTML is HTML stands for Hyper Text Markup Language HTML is the standard markup language for creating Web pages HTML describes the structure of a Web page HTML consists of a series of elements

753 views • 22 slides

Quick & Easy Desktop Development with NetBeans and its HTML/JAVA API Ioannis (John) Kostaras

HTML/JAVA UI Quick & Easy Desktop Development with NetBeans and its HTML/JAVA API Ioannis (John) Kostaras FOSDEM 2-3 February 2019 FOSDEM 2019 HTML/JAVA UI API Ioannis Kostaras 1 Context HTML/JAVA UI (Apache) NetBeans Rich

560 views • 24 slides

XHTML vs. HTML XHTML Validation Web Markup Languages HTML 2.0 HTML 4.01 XHTML

IT350 Web and Internet Programming Fall 2007 XHTML vs. HTML XHTML Validation Web Markup Languages HTML 2.0 HTML 4.01 XHTML 1.0 XHTML 1.1 XHTML 2.0 HTML vs. XHTML XHTML: Differences from HTML (part 1)

287 views • 15 slides