introduction to metro applications

Introduction to Metro ApplicationsMichael F. Collins, III

Desert Code Camp

November 2011

Windows 8

Windows Core OS Services

JavaScript

(Chakra)C/C++ C#, VB

Metro style apps

Communication

& Data

Application Model

Devices & Printing

WinRT APIs

Graphics & Media

XAMLHTML /

CSS

HTMLJS

CC++

C#VB

Desktop apps

Win32

.NET SL

IESyst

em

Serv

ices

Vie w

Mod

el

Con

trolle

r

Cor

e

Windows Runtime (WinRT)

Windows Metadata

& Namespac

e

Language Projection

Windows Core

Windows Runtime Core

XAML Storage …Network

UI Pickers MediaControls

Metro style app

Runtime Broker

Language Support

(CLR, WinJS, CRT)

Web Host (HTML, CSS, JavaScript))

WinRT Services

FundamentalsAuthentic

ationCryptogr

aphyGlobaliza

tion.NET Win32

App Lifetime

Communications & Data

Contracts XML Web

Networking

Notifications

Local & Cloud StorageMedia

Capture

PlayTo

Devices

Sensors

Geolocation

Portable Devices

NFC

User InterfaceHTML5 /

CSSXAML DirectX Controls

InputAccessibilit

yPrinting

Data Binding

Tiles

Streams

Background Transfer

SVG

AtomPub

SMS

Printer

Visual Effects

Transcoding

What’s Important?

Metro applications run in an Internet Explorer 10 shell Acts just like a browser

Full HTML 5 support

Full CSS 3 support

Full JavaScript support

You can use the WinRT libraries, or choose to continue using jQuery, KnockoutJS, or other JavaScript libraries

Windows 8 Metro Applications

Windows Runtime

JavaScript

C#/VBC++

How does HTML5 Compare: C++

HTML 5 HTML 5 applications run in

Internet Explorer 10

Portable across all Windows 8 architectures

JavaScript is loaded into a document and interpreted by the JavaScript engine

Uses the WinRT framework

Uses HTML 5 and CSS 3 for UI

Additional JavaScript-based UI controls

Supports data binding to HTML controls

C++

C++ is compiled as native code

Uses the WinRT framework

Uses XAML for UI

Uses Standard Template Library

Automatic reference counting

How does .NET Compare: HTML5

.NET

.NET compiles to MSIL Will be just-in-time

compiled for the host machine

Uses the WinRT framework

Uses XAML for the UI

Subset of the .NET Framework

Garbage collection

HTML 5

HTML5 apps use the Internet Explorer core hosted in a shell application provided by Metro

Uses WinRT

Most JavaScript libraries can be reused: jQuery, KnockoutJS, etc.

Metro JavaScript library supports data binding and list controls

Metro applications have full HTML 5 support and CSS 3

HTML 5 applications are not limited to same server policy

Start the New Year the Right Way

Neudesic is hiring!

We need: SharePoint

Mobility: iPhone, iPad, Android, Windows Phone 7

Silverlight/WPF

Web: HTML 5, JavaScript, ASP.NET MVC

WCF and BizTalk

User Experience

Come work with some of the top developers in the Phoenix region!

Email your resume to michael.collins@neudesic.com today!

Contact Information

Email michael@imaginaryrealities.com

michael.collins@neudesic.com

Blog: http://www.michaelfcollins3.me

Twitter: @mfcollins3

Linked In: http://www.linkedin.com/in/michaelfcollins3

Facebook: http://www.facebook.com/mfcollins3