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

Download Presentation

Download Policy: The content available on the website is offered to you 'AS IS' for your personal information and use only. It cannot be commercialized, licensed, or distributed on other websites without prior consent from the author. To download a presentation, simply click this link. If you encounter any difficulties during the download process, it's possible that the publisher has removed the file from their server.

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

An Introduction to Knockout.js with Daniel Doezema dan.doezema.com Knockout.js Standalone

An Introduction to Knockout.js with Daniel Doezema dan.doezema.com Knockout.js Standalone / Pure JavaScript Open Source (MIT license) Wide Browser Support ( IE 6+ / FF 2+ / Chrome / Opera / Safari - Mobile) Framework

294 views • 17 slides

that ye be not judged. 2 For with what judgment ye judge, ye shall be judged: and with what

Matthew 7:1-2 1 Judge not, that ye be not judged. 2 For with what judgment ye judge, ye shall be judged: and with what measure ye mete, it shall be measured to you again. Matthew 7:1-2 1 Judge not, that ye be not judged. 2 For with what

671 views • 36 slides

SLIDES & Accessories - high quality furniture fittings - high quality furniture fittings

Ta b l e SLIDES & Accessories - high quality furniture fittings - high quality furniture fittings SISO A/S MILEPARKEN 11 DK - 2740 SKOVLUNDE (COPENHAGEN) DENMARK PHONE: (+45) 45 830 900 FAX: (+45) 45 830 444 - high quality furniture

789 views • 52 slides

inequalities in transport accessibility to healthcare facilities Charlotte Kelly Institute for

Institute for Transport Studies FACULTY OF ENVIRONMENT Using health data to explore inequalities in transport accessibility to healthcare facilities Charlotte Kelly Institute for Transport Studies & Academic Unit Health Economics

398 views • 12 slides

Quasi-free One-proton Knockout Reactions along the Oxygen Isotopic Chain Leyla Atar 1,2 T. Aumann

Quasi-free One-proton Knockout Reactions along the Oxygen Isotopic Chain Leyla Atar 1,2 T. Aumann 1,2 , C. Bertulani 3 , S. Paschalis 1 for R 3 B Collaboration 1. TU Darmstadt 2. GSI, Darmstadt 3. Texas A&M University-Commerce, USA March

481 views • 21 slides

CO550 Web Applications UNIT 11 Wider Context of Web Applications, Progressive Web Apps,

CO550 Web Applications UNIT 11 Wider Context of Web Applications, Progressive Web Apps, SEO, and UX Wider Context of Web Applications Progressive Web Apps (PWAs) and Single Page Applications (SPAs) SEO Considerations UX (User

496 views • 31 slides

Neutron-Proton Asymmetry Dependence of Spectroscopic Factors Jenny Lee The University of Hong

Neutron-Proton Asymmetry Dependence of Spectroscopic Factors Jenny Lee The University of Hong Kong JCNP Symposium Nov 7-12, 2015 Hong Kong Huizhou HIAF ~ 100 km Beijing Shanghai Tokyo University of Hong Kong First Nuclear

444 views • 32 slides

Lo Low-energy energy ne neut utrino rino-nucleus nucleus cross ross se sections ctions

Lo Low-energy energy ne neut utrino rino-nucleus nucleus cross ross se sections ctions N. Jachowicz Ghent University Department of Physics and Astronomy natalie.jachowicz@UGent.be Low-energy neutrino-nucleus cross sections Intro

748 views • 40 slides