You are on page 1of 25

Sign in Dev Center - Windows Store apps Home Dashboard Docs Samples Downloads Support Community Dev Center

- Windows Store apps > Docs > Developing apps Developing Windows Store apps (Windows) Windows Store app development Developing apps Writing code for Windows Store apps (JavaScript) Coding basic apps How to reference content HTML, CSS, and JavaScript features and differences HTML and DOM API changes list Features and restrictions by context Making HTML safer: details for toStaticHTML Asynchronous programming (Windows Store apps) Asynchronous programming in .NET (Windows Store apps using C#/VB/C++ and XAML) Quickstart: Calling asynchronous APIs in C# or Visual Basic Asynchronous programming in JavaScript (Windows Store apps) Quickstart: using promises How to handle errors with promises How to cancel a promise Troubleshooting Windows Runtime errors Chaining promises Using a timeout with a promise Handling multiple promises Asynchronous programming in C++ (Windows Store apps)

Writing code using the Windows Library for JavaScript Defining and deriving types with WinJS.Class (Windows Store apps using JavaScript and HTML) Organizing your code with WinJS.Namespace (Windows Store apps using JavaScript and HTML) Adding functionality with WinJS mixins (Windows Store apps using JavaScript and HTML) Event capture and event bubbling with DOM events (Windows Store apps using JavaScript and HTML) Creating a UI Defining layouts and navigation Laying out your UI Laying out an app page Defining layouts and views Quickstart: Defining app layouts Choosing a layout Guidelines for layouts Guidelines for form layouts Guidelines for resizing Guidelines for snapped and fill views Guidelines for scaling to pixel density Guidelines for scaling to screens Guidelines for touch keyboard and handwriting panel How to add functionality to the grid template Supporting navigation Quickstart: Using single-page navigation How to link to external web pages How to create a mashup

graphics. and thumbnails How to select and display an image Guidelines and checklist for thumbnails Displaying popups Adding Flyouts and menus Quickstart: adding a Flyout Quickstart: adding a menu Guidelines and checklist for Flyouts Adding message dialogs Quickstart: Designing a message dialog Guidelines and checklist for message dialogs .How to require an HTTPS connection Guidelines and checklist for links Adding controls and content Quickstart: Adding HTML controls and handling events Quickstart: Adding WinJS controls and styles Quickstart: Styling controls How to set event handlers declaratively Controls list Controls by function Displaying and editing text Guidelines for typography Guidelines for fonts Segoe UI Symbol icon list Guidelines for text input Guidelines for spell checking Displaying images.

Adding buttons Quickstart: Adding a button How to style buttons Guidelines and checklist for buttons Adding app bars and commands Adding login controls Guidelines and checklist for login controls Adding header menus Quickstart: adding a header menu Adding app bars Quickstart: Adding an app bar with commands Quickstart: Adding a custom app bar Quickstart: Styling app bars How to make app bars work with ListViews Guidelines and checklist for app bars Adding context menus Guidelines and checklist Adding selection controls Adding checkbox controls Quickstart: Adding checkbox controls How to style checkbox controls Guidelines and checklist for checkbox controls Adding DatePickers and TimePickers Quickstart: Adding a DatePicker Quickstart: Adding a TimePicker Guidelines for DatePickers .

Semantic Zoom. and other data controls Adding FlipView controls Quickstart: Adding a FlipView Styling the FlipView and its items Guidelines for FlipView controls .Guidelines for TimePickers Adding radio buttons Guidelines and checklist for radio buttons Adding Select controls Quickstart: adding Select controls Guidelines and checklist for the Select control Adding sliders Guidelines and checklist for sliders Adding toggle switches Guidelines and checklist for toggle switches Adding ratings Quickstart: adding ratings Guidelines and checklist for rating controls Adding Page controls Quickstart: Adding Page controls Adding progress controls Quickstart: Adding progress controls How to style progress controls Guidelines and checklist for progress controls Adding tooltips Guidelines and checklist for tooltips Adding List View.

Adding ListView controls Quickstart: Adding a ListView Styling the ListView and its items How to brand your ListView How to create a templating function How to change the selection mode How to group items in a ListView How to display items that are different sizes Item templates for grid layouts Icon and text (applications) template Image (gallery) template Image (gallery basket) template Image overlay (album) template Image overlay (gallery folder) template Image overlay (landing) template Image and text (collection) template Image and text (list file) template Text (album track) template Text tile (landing) template Text tile (list folder) template Item templates for list layouts Image and text list (collection) template Image and text list (collection snap) template Image and text list (inbox) template Image and text list (landing snap) template Text list (mail folder) template .

and CSS3 Quickstart: drawing to a canvas How to animate canvas graphics How to create a gradient How to display an image Animating your UI Animating list additions and deletions Guidelines and checklist for add and delete animations Animating edge-based UI Guidelines and checklist for edge-based UI animations Animating fades Guidelines and checklist for fade animations Animating pop-up elements Guidelines and checklist for pop-up animations Animating page transitions Guidelines and checklist for page transition animations Animating content transitions Guidelines and checklist for content transition animations . SVG.Text list (media queue) template Guidelines and checklist for ListView controls Adding SemanticZoom controls Quickstart: adding a SemanticZoom SemanticZoom templates Alpha zoom template Date zoom template Creating custom controls Using graphics with canvas.

Animating pointer clicks Guidelines and checklist for pointer click animations Animating repositions Guidelines and checklist for reposition animations Animating drag-and-drop sequences Guidelines and checklist for drag-and-drop animations Animating swipe gestures Guidelines and checklist for swipe animations Animating with CSS3 Adding search Quickstart Guidelines and checklist Adding app settings Quickstart: Using Windows Library for JavaScript Quickstart: Using Windows Runtime How to commit settings instantly Guidelines for app settings Adding app help Quickstart: add app help How to include online content in your help Guidelines for app help Adding a splash screen Quickstart How to extend the splash screen Guidelines and checklist Working with tiles. and toast . badges.

Using NotificationsExtensions Creating tiles and badges Quickstart: Creating a default tile Quickstart: Sending a tile update Quickstart: Sending a badge update Quickstart: Showing tile and badge updates on the lock screen How to use the notification queue Guidelines and checklist for tiles and badges Pinning secondary tiles Quickstart: Pinning a secondary tile Quickstart: Sending notifications to a secondary tile Guidelines and checklist for secondary tiles Sending toast notifications Quickstart: Sending a toast notification How to opt in for toast notifications How to handle activation from a toast notification Guidelines and checklist for toast notifications Delivering notifications Scheduling notifications How to schedule a tile notification How to schedule a toast notification Guidelines and checklist for scheduled notifications Periodic notifications Quickstart: Setting up periodic notifications Guidelines and checklist for periodic notifications Push notifications .

and interactions Keyboard interactions Mouse interactions Pen and stylus interactions Quickstart: Capturing ink data Capturing ink data complete code How to render ink data How to save ink data How to load ink data . and save a notification channel How to authenticate with the Windows Push Notification Service (WNS) Push notification service request and response headers Quickstart: Intercepting push notifications for running apps Guidelines and checklist for push notifications Raw notifications Quickstart: Creating a raw notification background task Guidelines and checklist for raw notifications Defining app resources Quickstart: Using file or image resources Quickstart: Using string resources How to name resources using qualifiers How to load string resources How to load file resources Guidelines and checklist for app resources Responding to user interaction Gestures. manipulations. create.Quickstart: Sending a push notification How to request.

How to select ink strokes How to erase ink strokes How to convert ink strokes to text Quickstart: Pointers Pointers complete code Quickstart: DOM gestures and manipulations DOM gestures and manipulations complete code Quickstart: Static gestures Static gestures complete code Quickstart: Manipulation gestures Manipulation gestures complete code Quickstart: Identifying pointer devices Guidelines for common user interactions For cross-slide For optical zoom and resizing For panning For rotation For Semantic Zoom For selecting text and images Guidelines and checklist for find-in-page How to disable text and image selection For targeting For visual feedback Working with data and files Data binding Quickstart: Binding data and styles .

How to bind a complex object How to use templates to bind data Managing app data Quickstart: Local app data Quickstart: Roaming app data Quickstart: Temporary app data How to index app local data How to perform rich queries on app local data Guidelines for roaming app data Accessing data and files Quickstart: Accessing files with file pickers Quickstart: Accessing files programmatically Quickstart: Reading and writing a file Quickstart: Accessing HomeGroup content How to save files through file pickers How to track recently used files and folders Guidelines for file pickers Integrating with file picker contracts Quickstart Guidelines and checklist Working with data sources How to create a custom data source Transferring a file from a network resource Quickstart: Downloading a file Quickstart: Uploading a file Sharing and exchanging data .

Choosing data formats for sharing Quickstart: Supporting custom data formats Guidelines for creating custom data formats Sharing and receiving Sharing content Quickstart: Sharing content How to share text How to share a link How to share HTML How to share an image How to share files How to support pull operations How to make asynchronous calls in your datarequested handler Receiving shared content Quickstart: Receiving shared content How to receive text How to receive a link How to receive HTML How to receive an image How to receive files How to create a QuickLink Guidelines for sharing content Copying and pasting data Quickstart: Clipboard basics How to copy and paste HTML How to copy and paste files .

How to copy and paste images Guidelines and checklist for clipboard commands Drag and Drop Encrypting data and working with certificates Encoding and decoding data Encoding data Converting data Decoding data Encrypting and decrypting data Encrypting data Decrypting data Working with certificates Setting certificate store capabilities Setting the certificates extension Creating a certificate request Submitting a certificate request and installing the certificate response Installing certificates by using the manifest Connecting to networks and web services Adding support for networking How to set network capabilities How to secure connections and authenticate requests How to use data caching during network operations How to set background connectivity options Quickstart: Create a lock screen app that uses background raw push notifications How to use WNS to deliver raw push notifications to a lock screen app How to write a background task for raw push notifications .

xhr How to upload binary data with WinJS.xhr resends requests Setting timeout values Connecting with sockets Quickstart: Connecting with a stream socket Quickstart: Connecting with a datagram socket How to use advanced socket controls How to secure socket connections with TLS/SSL How to set timeouts on socket operations Connecting with WebSockets Quickstart: Connecting with a MessageWebSocket Quickstart: Connecting with a StreamWebSocket How to use advanced WebSocket controls How to secure WebSocket connections with TLS/SSL Using Live Connect to personalize apps Quickstart: Registering your app to use Live Connect Quickstart: Personalizing your app Guidelines for the Microsoft account sign-in experience Supporting proximity and tapping Quickstart: Connecting apps using tapping or browsing Quickstart: Publishing and subscribing to messages using tapping Guidelines for developing using proximity .xhr How to ensure that WinJS.Troubleshooting and debugging network connections How to enable loopback and troubleshoot network isolation Connecting to web services Quickstart:Downloading a file with WinJS.

Testing and troubleshooting proximity in apps Connection state and cost management Quickstart: Retrieving network connection information Quickstart: Managing connection events and changes in availability Quickstart: Managing metered network cost constraints How to retrieve connection usage data for a specific period of time How to retrieve network adapter and locality information Accessing and managing syndicated content Quickstart: Accessing a web feed Quickstart: Managing feed entries Managing user info Storing user credentials How to save user credentials How to enumerate and retrieve user credentials How to delete user credentials Connecting to online identity providers (Windows Store apps using JavaScript and HTML) Quickstart: Connecting to an online identity provider How to enable apps to connect for online providers (Windows Store apps using JavaScript and HTML) Managing user contacts Quickstart: Selecting user contacts Guidelines for user names and account pictures Launching. resuming and multitasking How to handle app activation How to suspend an app How to resume an app .

Guidelines for app suspend and resume Auto-launching with file and URI associations How to handle file activation How to handle protocol activation (Windows Store apps using JavaScript and HTML) How to launch the default app for a file How to launch the default app for a URI Guidelines and checklist for file types and URIs Auto-launching with AutoPlay Quickstart: Register an app for AutoPlay content Quickstart: Register an app for an AutoPlay device Quickstart: Configure removable storage as an AutoPlay device Transferring data in the background Supporting your app with background tasks Quickstart: Create and register a background task How to register a background task How to respond to system events with background tasks How to set conditions for running a background task How to use the maintenance trigger How to run a background task on a timer How to declare background tasks in the application manifest How to get a list of pending background tasks How to monitor background task progress and completion How to handle a cancelled background task How to use the ServicingComplete trigger How to debug a background task Guidelines and checklist for background tasks .

video. and images Quickstart: Capturing a photo or video using the camera dialog Guidelines for the camera UI Quickstart: Capturing video using the MediaCapture API How to preview video from a webcam How to record audio or video How to rotate the video How to mirror the video How to add video stabilization How to apply effects to captured video Quickstart: Audio in a Windows Store app How to configure keys for media controls How to categorize an AV stream for audio streaming How to manage calls on the default Bluetooth communications device Guidelines for developing audio-aware apps Playing and previewing audio and video Quickstart: playing video in an app How to use pluggable DRM How to handle DRM errors How to adjust camera or microphone settings How to enable effects in a How to enable low-latency playback How to enable stereo video playback How to optimize video rendering How to play a local media file using HTML5 .Adding multimedia Capturing or rendering audio.

How to transition between media clips How to select audio tracks in different languages How to select an audio output device How to zoom in and remove letterbox from a video How to keep the display on during audio/video playback How to play audio in the background How to flip video horizontally Using media extensions Streaming media to devices using Play To Quickstart: Using Play To in apps Quickstart: Streaming a slide show using Play To Quickstart: Creating a Play To Receiver Guidelines for making Play To friendly web pages Processing image files How to decode an image How to read image metadata How to get image properties How to write image metadata How to get pixel data in the default format How to get pixel data in a particular format How to edit an image How to encode a new image How to use encoding options Transcoding Quickstart: transcoding video files How to trim a video file .

and yaw with the inclinometer . roll.Supported audio and video formats Integrating devices. printers. remove or change How to save the last used device to reuse it later Quickstart: Enumerating device containers How to retrieve additional properties for a device or PnP object How to retrieve related PnP objects How to check where a device is located on a portable computer How to display a device icon Guidelines for building a device picker Printing Quickstart: Printing from your app How to print using an in-app print button How to change standard options in the print preview UI Guidelines for print-capable Windows Store apps Choosing the right sensors to use Responding to motion and orientation sensors Quickstart: Responding to user movement with the accelerometer Quickstart: Determining angular velocity with the gyrometer Quickstart: Determining current heading with the compass Quickstart: Determining pitch. and sensors Enabling and disabling device capabilities How to enable device capabilities Guidelines for devices that access personal data Enumerating devices Quickstart: Enumerating commonly used devices How to get notifications on device add.

Quickstart: Retrieving the quaternion and rotation matrix Quickstart: Determining device orientation Responding to light sensors Quickstart: Responding to changes in lighting Detecting geolocation Quickstart: detecting the user's location Quickstart: detecting location using HTML5 How to respond to location updates How to respond to location updates using HTML5 How to adjust the distance between location updates Guidelines for location-aware applications Accessing content on removable storage Quickstart: List removable storage devices Quickstart: Send a file to a storage device Quickstart: Get an image file from a storage device Quickstart: Get an image from a camera using AutoPlay Creating Windows Runtime Components Creating Windows Runtime Components in C++ Walkthrough: Creating a basic Windows Runtime component in C++ and calling it from JavaScript Creating Windows Runtime Components in C# and Visual Basic Custom events and event accessors in Windows Runtime Components Passing arrays to a Windows Runtime component Diagnosing Windows Runtime component error conditions .NET Framework mappings of Windows Runtime types Walkthrough: Creating a simple component in C# or Visual Basic and calling it from JavaScript .

libraries and web services How to localize WinJS controls How to support bi-directional UI How to use the Multilingual App Toolkit FAQ and troubleshooting guide Guidelines and checklist for globalizing your app Language: JavaScript and HTML | VB/C#/C++ and XAML 71 out of 104 rated this helpful . a Windows Store app in JavaScript and C++ Overview of the Bing Maps Trip Optimizer sample Using JavaScript in the Bing Maps Trip Optimizer sample Using C++ in the Bing Maps Trip Optimizer sample Interoperating between JavaScript and C++ in the Bing Maps Trip Optimizer sample Migrating existing code in the Bing Maps Trip Optimizer sample Globalizing your app Quickstart: Translating UI resources Quickstart: Using global-ready formats How to manage language and region How to prepare for localization How to adjust layout and fonts for various languages How to use patterns to format dates and times How to internationalize content.Rate this topic In this article Before you begin Steps to developing Windows Store apps .Developing Bing Maps Trip Optimizer.

Work with data and files Learn how to bind data. C#. web and network services . right side of the page: VB/C#/C++ and XAML JavaScript and HTML Be sure you've read: Making great Windows Store apps Planning Windows Store apps Designing UX for Windows Store apps Writing code for Windows Store apps (JavaScript) or Writing code for Windows Store apps (C#/C++/VB) Steps to developing Windows Store apps Create a UI Learn how to create a user interface for your app. Define application resources Learn how to define your app's resources to improve maintainability and localization.Related topics Learn how to create Windows Store apps using JavaScript. Connect to peers. read. C++. mouse. and save to files. the presentation of your app is about showing off what it's great at. From the new Start screen to new UI layout and controls. as well as how to manipulate XML data. or Visual Basic. write. and keyboard devices. Before you begin Choose your preferred language from the language selector near the top. pen/stylus. Respond to user interaction Learn how to handle user interactions from touch.

games. and sensors Learn how to support devices like printers. process image files. suspend. Package apps Learn how to use Visual Studio to access the Windows Store and package your app for distribution Debug and test apps Learn how to use the testing and debugging tools in Visual Studio. Add multimedia Learn how to capture multimedia. or Visual Basic. A connected. Integrate devices. C#. Manage user info Learn how to use roaming credentials. or network-aware app. and how to set up single sign-on. including people who have impairments or disabilities. Create Windows Runtime Components Learn about creating components (essentially DLLs) in C++. and transcode multimedia. and resume your app while keeping app data safe and fresh. share or stream media. and more. Making your app accessible Learn how to create apps that are accessible to the widest possible audience. sensors. how to authenticate users with Live Services. and to interact with nearby devices. cameras. and call into them in a simple and natural way from a Windows Store app using JavaScript. . printers. can use the network for a variety of purposes including RSS feeds. play audio and video. how to use a light sensor to adjust screen brightness. Launch and resume apps Learn how to launch. removable storage. You can also learn how to choose the right motion and orientation sensor for your game.Learn how to create connected apps. Globalize your app Learn how to localize/globalize your app. and how to detect a user's geographic location.

C++. All rights reserved.Related topics Roadmap for Windows Store apps using JavaScript Roadmap for creating apps using C#. or VB Detailed UX guidelines for Windows Store apps Packaging your app Debugging and testing apps Windows Store app samples Build date: 12/7/2012 Did you find this helpful? Yes No Network sites Windows Dev Center Windows Dev Center home Windows Store apps Internet Explorer Desktop Hardware Other links Support Windows Phone Dev Center Terms of use | Trademarks | Privacy statement | Site feedback | United States (English) © 2013 Microsoft. .