Desert Code Camp 2011 presentati

1. Introduction to Metro
Applications
Michael F. Collins, III
Desert Code Camp
November 2011

2. Windows 8
Metro style apps Desktop apps
HTML /
View
XAML
CSS
Controller
JavaScript
Model
C/C++ C#, VB HTML C C#
(Chakra) JS C++ VB
WinRT APIs
System Services
Communication Graphics & Devices &
& Data Media Printing
Win .NE
Application Model IE T
32 SL
Core
Windows Core OS Services

3. Windows Runtime (WinRT)
Language
Metro style app
Support
(CLR, WinJS,
CRT)
Language Projection
UI Pickers Controls Media
Web Host
(HTML, CSS,
Windows XAML Storage Network … JavaScript))
Metadata &
Namespace
Runtime
Windows Runtime Core
Broker
Windows Core

4. WinRT Services
User Interface
Devices Communications & Data
Media
Fundamentals

5. 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

6. Windows 8 Metro Applications
JavaScript
Windows
Runtime
C++ C#/VB

7. How does HTML5 Compare: C++
HTML 5 C++
 HTML 5 applications run in
Internet Explorer 10  C++ is compiled as
 Portable across all Windows 8 native code
architectures
 Uses the WinRT
 JavaScript is loaded into a
document and interpreted by framework
the JavaScript engine
 Uses XAML for UI
 Uses the WinRT framework
 Uses HTML 5 and CSS 3 for UI  Uses Standard Template
 Additional JavaScript-based UI Library
controls
 Automatic reference
 Supports data binding to
HTML controls counting

8. How does .NET Compare: HTML5
.NET HTML 5
 .NET compiles to MSIL  HTML5 apps use the Internet
Explorer core hosted in a shell
 Will be just-in-time application provided by Metro
compiled for the host  Uses WinRT
machine  Most JavaScript libraries can
be reused:
 Uses the WinRT jQuery, KnockoutJS, etc.
framework  Metro JavaScript library
supports data binding and list
 Uses XAML for the UI controls
 Subset of the .NET  Metro applications have full
HTML 5 support and CSS 3
Framework
 HTML 5 applications are not
 Garbage collection limited to same server policy

9. 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!

10. 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