SlideShare a Scribd company logo
Chad McCallum
               ASP.NET/IIS MVP
              iQmetrix Software
         http://www.rtigger.com
@ChadEmm / chadm@iqmetrix.com
Windows RT API
 Windows Runtime is implemented at a low-level and
 then “projected” into C++, C#, VB, and JavaScript APIs

 Allows the APIs to present the same functionality in a
 way that’s familiar to developers of that language
Native App in HTML?
 Apps are run in an Internet Explorer 10 shell


 This means:
    Can include other JS libraries
    HTML5 and CSS3 support for user interface
    Can do (almost) anything you’d do with a web
     application
What are these apps called?
 Windows Store apps
   Acquired, installed, and updated via the Windows Store
    app
   Packaged into an “.appx” file when submitted
   Contains a manifest file that describes the app, the
    resources it uses (camera, network, etc.), and lists OS
    integrations (background tasks, file associations, etc.)
Windows Library for JavaScript
 aka WinJS
 Wrapper for Windows Runtime API
 Provides:
    Access to system-level resources
    HTML implementation of WinRT controls, complete
     with CSS styling and events
    CSS3-based animation framework
    Helpers for common coding patterns
Not Quite a Web Page
 Some DOM API calls are modified or unavailable, like
 alert or window.open

 There are some methods, properties, and CSS queries
 that are specific to a Windows Store app

 Allowed to make cross-domain requests, load
 resources from remote sources
Not Quite a Web Page
 Not allowed to reference scripts remotely


 IFrames are run in “web context” without access to
 WinRT

 Some DOM-based calls are modified or removed
 (document.write, innerHTML)
App Container
 Run within a dedicated environment that can’t access
 other applications and the system directly

 Have unrestricted read/write access to their own
 appdata folders

 Access to any other files or hardware goes through a
 broker, which can deny access
App Lifecycle
 4-ish states
    Starting: shows splash screen image, does all the app
     initialization behind the scenes
    Running: active application on user’s device
        Suspending: app has lost focus, 5 seconds to save state
        Resuming: app has regained focus
   Suspended: still in memory, but not allocated any CPU
    time
   Terminated: removed from memory, effectively closed.
    OS triggers this at will, app is not informed
App State
 When being “suspended”, Windows 8 gives your app
  approximately 5 seconds to save its state

 Can save data as Temp, Local, and Roaming
    Save as a file and/or key-value pairs
    Always app-specific, as they’re saved relative to your
     app’s directory
    Roaming settings are uploaded to user’s Microsoft
     Account and are accessible across devices
Code Time!

More Related Content

What's hot (20)

PPT
Adobe AIR Seminar
Yoss Cohen
 
PPT
Concepts of Asp.Net
vidyamittal
 
PPT
Public Library
eclumson
 
PPTX
Asp.net presentation by gajanand bohra
Gajanand Bohra
 
PPT
ASP.NET OVERVIEW
Rishi Kothari
 
PPT
Asp.net basic
Neelesh Shukla
 
PPTX
ASP.NET Lecture 1
Julie Iskander
 
PPTX
Developing an aspnet web application
Rahul Bansal
 
PPTX
Industrial training seminar ppt on asp.net
Pankaj Kushwaha
 
PPT
Re-use Your Skills and Code to Expand the Reach of Your Apps with Silverlight
Frank La Vigne
 
PPT
ASP.NET Tutorial - Presentation 1
Kumar S
 
PPTX
Introduction to ASP.NET
Peter Gfader
 
PPTX
New Features of ASP.NET 4.0
Buu Nguyen
 
PPT
DevNext - Web Programming Concepts Using Asp Net
Adil Mughal
 
PPT
Google App Engine - Overview #1
Kay Kim
 
PPSX
Willie jackson portfolio
wjax24
 
PPTX
Late Bound, Early Bound with Demo and Practical in Dynamics 365 Plugin
Sanjaya Prakash Pradhan
 
PPTX
Web forms in ASP.net
Madhuri Kavade
 
Adobe AIR Seminar
Yoss Cohen
 
Concepts of Asp.Net
vidyamittal
 
Public Library
eclumson
 
Asp.net presentation by gajanand bohra
Gajanand Bohra
 
ASP.NET OVERVIEW
Rishi Kothari
 
Asp.net basic
Neelesh Shukla
 
ASP.NET Lecture 1
Julie Iskander
 
Developing an aspnet web application
Rahul Bansal
 
Industrial training seminar ppt on asp.net
Pankaj Kushwaha
 
Re-use Your Skills and Code to Expand the Reach of Your Apps with Silverlight
Frank La Vigne
 
ASP.NET Tutorial - Presentation 1
Kumar S
 
Introduction to ASP.NET
Peter Gfader
 
New Features of ASP.NET 4.0
Buu Nguyen
 
DevNext - Web Programming Concepts Using Asp Net
Adil Mughal
 
Google App Engine - Overview #1
Kay Kim
 
Willie jackson portfolio
wjax24
 
Late Bound, Early Bound with Demo and Practical in Dynamics 365 Plugin
Sanjaya Prakash Pradhan
 
Web forms in ASP.net
Madhuri Kavade
 

Viewers also liked (9)

PPTX
How to hire a hacker
RTigger
 
PPTX
Ready, set, go! An introduction to the Go programming language
RTigger
 
DOC
Aruna Kumar_Resume
Arun Kasaraguppe
 
PPTX
Open regina
RTigger
 
PPTX
Open source web services
RTigger
 
PPTX
You Can't Buy Agile
RTigger
 
PPTX
Single page apps and the web of tomorrow
RTigger
 
PPTX
Caching up is hard to do: Improving your Web Services' Performance
RTigger
 
PPTX
Async in .NET
RTigger
 
How to hire a hacker
RTigger
 
Ready, set, go! An introduction to the Go programming language
RTigger
 
Aruna Kumar_Resume
Arun Kasaraguppe
 
Open regina
RTigger
 
Open source web services
RTigger
 
You Can't Buy Agile
RTigger
 
Single page apps and the web of tomorrow
RTigger
 
Caching up is hard to do: Improving your Web Services' Performance
RTigger
 
Async in .NET
RTigger
 
Ad

Similar to Windows 8 programming with html and java script (20)

PDF
Develop an app for Windows 8 using HTML5
Soumow Dollon
 
PPTX
architecture of android.pptx
allurestore
 
ODP
Intro To Android App Development
Mike Kvintus
 
PPT
Android application structure
Alexey Ustenko
 
PPT
Android In A Nutshell
Ted Chien
 
PPT
PPT Companion to Android
Dharani Kumar Madduri
 
PPT
Android - Anroid Pproject
Vibrant Technologies & Computers
 
PPTX
Windows 8 BootCamp
Einar Ingebrigtsen
 
PPTX
Web techh
SangeethaSasi1
 
PPTX
Web tech
SangeethaSasi1
 
PPTX
Web tech
SangeethaSasi1
 
PPTX
Web tech
SangeethaSasi1
 
PPSX
01 asp.net session01
Vivek Singh Chandel
 
PPSX
A comprehensive software infrastructure of .Net
Prognoz Technologies Pvt. Ltd.
 
PPTX
Chapter 5
application developer
 
PPTX
DreamFactory Essentials Webinar
DreamFactory
 
PPT
Part 2 android application development 101
Michael Angelo Rivera
 
PPT
Cache me if you can
Robbie Clutton
 
PPT
Titanium Meetup Deck
sschwarzhoff
 
Develop an app for Windows 8 using HTML5
Soumow Dollon
 
architecture of android.pptx
allurestore
 
Intro To Android App Development
Mike Kvintus
 
Android application structure
Alexey Ustenko
 
Android In A Nutshell
Ted Chien
 
PPT Companion to Android
Dharani Kumar Madduri
 
Android - Anroid Pproject
Vibrant Technologies & Computers
 
Windows 8 BootCamp
Einar Ingebrigtsen
 
Web techh
SangeethaSasi1
 
Web tech
SangeethaSasi1
 
Web tech
SangeethaSasi1
 
Web tech
SangeethaSasi1
 
01 asp.net session01
Vivek Singh Chandel
 
A comprehensive software infrastructure of .Net
Prognoz Technologies Pvt. Ltd.
 
DreamFactory Essentials Webinar
DreamFactory
 
Part 2 android application development 101
Michael Angelo Rivera
 
Cache me if you can
Robbie Clutton
 
Titanium Meetup Deck
sschwarzhoff
 
Ad

More from RTigger (12)

PPTX
Give your web apps some backbone
RTigger
 
PPTX
Hackers, hackathons, and you
RTigger
 
PPTX
AJAX, JSON, and Client-Side Templates
RTigger
 
PPTX
JavaScript!
RTigger
 
PPTX
Parallel Processing
RTigger
 
PPTX
Node.js
RTigger
 
PPTX
Reactive Extensions
RTigger
 
PPTX
Sql vs NoSQL
RTigger
 
PPTX
Git’in Jiggy With Git
RTigger
 
PPTX
What The F#
RTigger
 
PPTX
Web Services
RTigger
 
PPTX
Total Engagement
RTigger
 
Give your web apps some backbone
RTigger
 
Hackers, hackathons, and you
RTigger
 
AJAX, JSON, and Client-Side Templates
RTigger
 
JavaScript!
RTigger
 
Parallel Processing
RTigger
 
Node.js
RTigger
 
Reactive Extensions
RTigger
 
Sql vs NoSQL
RTigger
 
Git’in Jiggy With Git
RTigger
 
What The F#
RTigger
 
Web Services
RTigger
 
Total Engagement
RTigger
 

Recently uploaded (20)

PPTX
Agentforce World Tour Toronto '25 - MCP with MuleSoft
Alexandra N. Martinez
 
DOCX
Cryptography Quiz: test your knowledge of this important security concept.
Rajni Bhardwaj Grover
 
PDF
UiPath DevConnect 2025: Agentic Automation Community User Group Meeting
DianaGray10
 
DOCX
Python coding for beginners !! Start now!#
Rajni Bhardwaj Grover
 
PDF
🚀 Let’s Build Our First Slack Workflow! 🔧.pdf
SanjeetMishra29
 
PDF
[Newgen] NewgenONE Marvin Brochure 1.pdf
darshakparmar
 
PDF
“Computer Vision at Sea: Automated Fish Tracking for Sustainable Fishing,” a ...
Edge AI and Vision Alliance
 
PDF
“Squinting Vision Pipelines: Detecting and Correcting Errors in Vision Models...
Edge AI and Vision Alliance
 
PPTX
Agentforce World Tour Toronto '25 - Supercharge MuleSoft Development with Mod...
Alexandra N. Martinez
 
PPTX
The Project Compass - GDG on Campus MSIT
dscmsitkol
 
PDF
Peak of Data & AI Encore AI-Enhanced Workflows for the Real World
Safe Software
 
PDF
Future-Proof or Fall Behind? 10 Tech Trends You Can’t Afford to Ignore in 2025
DIGITALCONFEX
 
PDF
POV_ Why Enterprises Need to Find Value in ZERO.pdf
darshakparmar
 
PDF
Bitcoin for Millennials podcast with Bram, Power Laws of Bitcoin
Stephen Perrenod
 
PDF
UPDF - AI PDF Editor & Converter Key Features
DealFuel
 
PDF
How do you fast track Agentic automation use cases discovery?
DianaGray10
 
PPTX
New ThousandEyes Product Innovations: Cisco Live June 2025
ThousandEyes
 
PDF
The 2025 InfraRed Report - Redpoint Ventures
Razin Mustafiz
 
PDF
Transforming Utility Networks: Large-scale Data Migrations with FME
Safe Software
 
PDF
The Rise of AI and IoT in Mobile App Tech.pdf
IMG Global Infotech
 
Agentforce World Tour Toronto '25 - MCP with MuleSoft
Alexandra N. Martinez
 
Cryptography Quiz: test your knowledge of this important security concept.
Rajni Bhardwaj Grover
 
UiPath DevConnect 2025: Agentic Automation Community User Group Meeting
DianaGray10
 
Python coding for beginners !! Start now!#
Rajni Bhardwaj Grover
 
🚀 Let’s Build Our First Slack Workflow! 🔧.pdf
SanjeetMishra29
 
[Newgen] NewgenONE Marvin Brochure 1.pdf
darshakparmar
 
“Computer Vision at Sea: Automated Fish Tracking for Sustainable Fishing,” a ...
Edge AI and Vision Alliance
 
“Squinting Vision Pipelines: Detecting and Correcting Errors in Vision Models...
Edge AI and Vision Alliance
 
Agentforce World Tour Toronto '25 - Supercharge MuleSoft Development with Mod...
Alexandra N. Martinez
 
The Project Compass - GDG on Campus MSIT
dscmsitkol
 
Peak of Data & AI Encore AI-Enhanced Workflows for the Real World
Safe Software
 
Future-Proof or Fall Behind? 10 Tech Trends You Can’t Afford to Ignore in 2025
DIGITALCONFEX
 
POV_ Why Enterprises Need to Find Value in ZERO.pdf
darshakparmar
 
Bitcoin for Millennials podcast with Bram, Power Laws of Bitcoin
Stephen Perrenod
 
UPDF - AI PDF Editor & Converter Key Features
DealFuel
 
How do you fast track Agentic automation use cases discovery?
DianaGray10
 
New ThousandEyes Product Innovations: Cisco Live June 2025
ThousandEyes
 
The 2025 InfraRed Report - Redpoint Ventures
Razin Mustafiz
 
Transforming Utility Networks: Large-scale Data Migrations with FME
Safe Software
 
The Rise of AI and IoT in Mobile App Tech.pdf
IMG Global Infotech
 

Windows 8 programming with html and java script

  • 1. Chad McCallum ASP.NET/IIS MVP iQmetrix Software http://www.rtigger.com @ChadEmm / [email protected]
  • 2. Windows RT API  Windows Runtime is implemented at a low-level and then “projected” into C++, C#, VB, and JavaScript APIs  Allows the APIs to present the same functionality in a way that’s familiar to developers of that language
  • 3. Native App in HTML?  Apps are run in an Internet Explorer 10 shell  This means:  Can include other JS libraries  HTML5 and CSS3 support for user interface  Can do (almost) anything you’d do with a web application
  • 4. What are these apps called?  Windows Store apps  Acquired, installed, and updated via the Windows Store app  Packaged into an “.appx” file when submitted  Contains a manifest file that describes the app, the resources it uses (camera, network, etc.), and lists OS integrations (background tasks, file associations, etc.)
  • 5. Windows Library for JavaScript  aka WinJS  Wrapper for Windows Runtime API  Provides:  Access to system-level resources  HTML implementation of WinRT controls, complete with CSS styling and events  CSS3-based animation framework  Helpers for common coding patterns
  • 6. Not Quite a Web Page  Some DOM API calls are modified or unavailable, like alert or window.open  There are some methods, properties, and CSS queries that are specific to a Windows Store app  Allowed to make cross-domain requests, load resources from remote sources
  • 7. Not Quite a Web Page  Not allowed to reference scripts remotely  IFrames are run in “web context” without access to WinRT  Some DOM-based calls are modified or removed (document.write, innerHTML)
  • 8. App Container  Run within a dedicated environment that can’t access other applications and the system directly  Have unrestricted read/write access to their own appdata folders  Access to any other files or hardware goes through a broker, which can deny access
  • 9. App Lifecycle  4-ish states  Starting: shows splash screen image, does all the app initialization behind the scenes  Running: active application on user’s device  Suspending: app has lost focus, 5 seconds to save state  Resuming: app has regained focus  Suspended: still in memory, but not allocated any CPU time  Terminated: removed from memory, effectively closed. OS triggers this at will, app is not informed
  • 10. App State  When being “suspended”, Windows 8 gives your app approximately 5 seconds to save its state  Can save data as Temp, Local, and Roaming  Save as a file and/or key-value pairs  Always app-specific, as they’re saved relative to your app’s directory  Roaming settings are uploaded to user’s Microsoft Account and are accessible across devices