Windows 8 JavaScript Metro Application–Getting Started

Over the past couple of months I’ve built Applications and Games for Windows 8.

This was an amazing experience especially when I built everything in JavaScript, as you know Windows 8 allow you to build metro application in:

C++

C# 

JavaScript

This first part will focus on the main structure and basics of JavaScript Grid Application and over the next posts I’ll drill down to more features in Windows 8.

Step 1: Basics

When writing Windows 8 JavaScript Style App you might want to learn a little bit on WinJS and basic actions already available in Windows 8 JavaScript App, I saw posts about integrating JQuery to Windows 8 JavaScript applications, this is not necessary, WinJS offers many of those:

Selectors:

document.querySelector(".headerTemplate")

document.querySelectorAll("div")

Text 

document.querySelector(“#Title”).textContent; 

Animation

WinJS.UI.Animation.fadeIn(document.querySelector(“div”));

And more…

Step 2: Application Styles

When you open a new JavaScript metro app in Visual Studio 11 you can choose from the following:

Blank Application – A single-page project for windows metro style app that has no predefined controls or layout.

Read more: Shai Raiten

QR: 

Posted via email from Jasper-net