HTML5 / JavaScript Windows 8 / WinRT - Net

disgustedtukwilaInternet and Web Development

Dec 14, 2013 (3 years and 5 months ago)

248 views

Windows 8 Loves Web Developers

Lauri Svan, SC5

|

5.3.2013

©2012 Microsoft Corporation. All rights reserved.

What Windows 8 Means for Me?


Fast, HTML5 compliant browser engine


G
rowing and potentially huge ecosystem of
consumer and enterprise users


Access to system services like a native app



New conventions I need to learn and live with

#td2013fi

HTML5 and Windows 8


Best of the Both Worlds?

Windows 8


a Holistic Developer Offering


It feels a bit overwhelming at
start


But you will soon
start seeing familiar patterns


It is HTML5, CSS and JavaScript after all



Your skills will transfer


But your existing coding patterns might not

#td2013fi

Régis

Laurent

Director of Operations,
Global Knowledge

Competencies include:

Gold Learning

Silver System Management

Demo: Hacking a
bit with Visual
Studio & Blender

Anatomy of a Windows 8 HTML5 App

Browser Runtime


jQuery

Backbone.js

Templates

Models

Views

Misc. Code

Utility Libraries



WinJS

API

WinJS.UI

Data Sources

Pages

Page Specific

Logic

Utility Libraries

What do I Mean by Different? Tools.

Windows 8

Elsewhere

NuGet

Bower, NPM

WinRT

Cordova (ex.
PhoneGap
)

Git

(soon integrated into Visual Studio)

Git

Visual Studio

+ Expression Blend

Eclipse

Node.js

(+
CygWin
)

Node.js

Windows 8 on

Parallels on OS/X

OS/X

What do I Mean by Different? Frameworks.

Windows 8

Elsewhere

WinJS

UI

Bootstrap,

jQuery

Mobile

WinJS.UI

Backbone.js

-
ms
-
grid styles

Semantic.gs

none

(not needed)

Modernizr

none

(a lot of need)

jQuery

none (no need yet)

Require.js

WinJS

APIs (HTML5?)

HTML5 APIs, Cordova API

Windows 8 Specific vs. Common

It is silly to reinvent the wheel if it already works

Grid


it is better than the one you are used to

Your existing CSS code will likely be wasted

You will need to learn the conventions of
packaging Windows 8 apps, including splash
screens, tiles etc.

A good list of alternatives when you cannot use
the 3
rd

party libraries


XHRs work both normal way and with
WinJS

Implement
WinJS

UI specific interfaces/adapters
for your API (some reuse possible!)

Nothing stops you adding a Windows 8 subproject
into your project.

e.g.
RequireJS

and Grunt,
Git

work all fine

As long as they don’t break the security sandbox,
they should be fine.

My App in Windows 8
-

It the Same Anymore?


Your application will be a separate entity, not a
result of a build
parametrization


You will have a separate UI skeleton with different
HTML, and CSS



You may share non
-
UI (and some UI) libraries

#td2013fi

Régis

Laurent

Director of Operations,
Global Knowledge

Competencies include:

Gold Learning

Silver System Management

Demo: Using
RequireJS
,
jQuery

and D3 Libraries in
Windows 8 App

t

Q&A

© 2013 Microsoft Corporation. All rights reserved. Microsoft, Windows, Windows Vista and other product names are or may be re
gis
tered trademarks and/or trademarks in the U.S. and/or other countries. The information herein is for informational
purposes only and represents the current view of Microsoft Corporation as of the date of this presentations. Because Microsof
t m
ust respond to changing market conditions, it should not be interpreted to be a commitment on the part of Microsoft,
and Microsoft cannot guarantee the accuracy of any information provided after the date of this presentation. MICROSOFT MAKES
NO
WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

Thank you for coming!

Feedback can be given via mobile
or laptop through
techdays.fi

seminar schedule.

#td2013fi