Metro style app development

Learn to build Windows Store apps

Previewing the Windows Store

App marketing tool Create great app marketing banners in no time.

Learn to build Metro style apps

Developing basic Metro style apps (JavaScript)

Tour of the IDE for JavaScript developers

Windows Store Apps with HTML5 Refresh Jump Start

Advanced Windows Store App Development with HTML5 Jump Start

Windows 8 resources for JavaScript and HTML5 developers

运用JavaScript构建你的第一个Metro式应用程序（on Windows 8）

• Designing UX for apps
• Creating a UI (JavaScript)
• Controls list (Metro style apps using JavaScript and HTML)
• Scaling to different screens
• UX guidelines for Metro style app development
• Designing for Multiple Views and Orientations using Blend
• Animating your UI
• Using HTML controls to create great Metro style apps
• Windows 8 UX Fundamentals Training Workshop 2012
• Logo 製造機- 適用於Windows Store App 及 Windows Phone 8 App
• Metro Studio - Largest collection of Metro-style icons

Using Google Maps in a Windows 8 Metro application

• Quickstart: Downloading and uploading files
• Quickstart: Retrieving network connection information
• Connecting to peers, web and network services
• Quickstart: Connecting with a StreamSocket (Windows Store apps using JavaScript and HTML) (Windows)

http://msdn.microsoft.com/en-us/library/windows/desktop/dd562197%28v=vs.85%29.aspx

Touch Injection Sample

Simulating Touch Input in Windows Developer preview using Touch Injection API

Sending toast notifications from desktop apps sample

When click on a toast. Set some parameters to control UI.

http://msdn.microsoft.com/en-us/library/windows/apps/br230846.aspx

Add a attribute name launch.

var toastXml = Windows.UI.Notifications.ToastNotificationManager.getTemplateContent(template);
toastXml.getElementsByTagName("toast")[0].setAttribute('launch', onLaunchString);

When app launching:

app.onactivated = function (eventObject) {
    if (eventObject.detail.kind === Windows.ApplicationModel.Activation.ActivationKind.launch && eventObject.detail.arguments !== "") {
        var args = eventObject.detail.arguments;
        ......
    }
}

• Playing and previewing audio and video (Windows Store apps using JavaScript and HTML) (Windows)
• How to keep the display on during audio/video playback

Walkthrough: Monetize Windows 8 with the Microsoft Advertising SDK

• https://markedup.com/

• Open “Event Viewer”
• Open “Application and Services Logs” → “Microsoft” → “Windows” → “AppHost” → “Admin”
• Find the log item

Windows Library for JavaScript reference

Writing code using the WinJS library

WinJS namespaces and classes

WinJS - Classes

WinJS - Namespaces

How to Write a WinJS Custom Control

• ensureVisible - Makes the item at the specified index visible. If necessary, the ListView will scroll to the item.
• loadMorePages - Loads the next set of pages if the ListView control's loadingBehavior is set to “incremental” (otherwise, it does nothing). The number of pages to be loaded is determined by the pagesToLoad property.
• pagesToLoad - Gets or sets the number of pages to load when the user scrolls beyond the threshold the pagesToLoadThreshold property specifies if the loadingBehavior property is set to “incremental”.
• loadingBehavior property - Gets or sets a value that specifies how many items are loaded into the Document Object Model (DOM).
• automaticallyLoadPages property - Gets or sets a value that indicates whether the next set of pages is automatically loaded when the user scrolls beyond the number of pages specified by the pagesToLoadThreshold property.
• itemTemplate property - Gets or sets the Template or function that creates the Document Object Model (DOM) elements for each item in the itemDataSource. Each item can contain multiple elements, but it must have a single root element.

• HTML ListView loading behaviors sample
• 精通 Windows Store App / Windows Phone App 的 ListView / ListBox 控制項 (1)
• 精通 Windows Store App / Windows Phone App 的 ListView / ListBox 控制項 (2)
• Creating a unique ListView layout using cell-spanning in HTML (Windows 8.1)

• http://msdn.microsoft.com/en-us/library/windows/apps/hh464942%28v=vs.85%29.aspx
• 初探Windows Runtime for Windows 8.1

http://msdn.microsoft.com/en-us/library/windows/apps/windows.storage.applicationdata

Managing application data

打造 Windows 8 的 Modern IE 10 完美網頁

• Channel9 - How Do I
• Windows 市集應用程式 (Windows Store Apps) 開發資源整理
• Windows 8 – From Start to Store A detailed course on everything you need to know to create Windows 8 Store Applications using XAML and C#.
• Windows 8 Wireframe Templates PPT - Free Windows 8 Wireframe Templates for PowerPoint - windows-8-wireframing-set.pptx
• Using network loopback in side-loaded Windows Store apps

• Programming Windows 8 Apps with HTML, CSS, and JavaScript
• Windows Virtual Labs
• Windows 市集應用程式實作手冊 - 使用 JavaScript

• Testing Metro style apps in Windows 8
• SQLite with Windows 8 apps
• Using database in Windows Store apps
• HTML5 Game Starter Kit for Windows 8

• jQuery and WinJS working together in Windows Store apps