Para desarrolladores Web

by Marc Rubiño

@Marc_Rubino

http://mrubino.nethttp://geeks.ms/blogs/mrubino

Windows 8

Windows Core OS Services

JavaScript(Chakra)

CC++

C#VB

Metro style Apps

Communication

& DataApplication Model

Devices & Printing

WinRT APIsGraphics &

Media

XAML HTML / CSS

HTMLJavaScri

pt

CC++

C#VB

Desktop Apps

Win32

.NET / SL

Internet Explore

r

Syst

em S

ervi

ces

View

Mod

el

Cont

rolle

rCo

re Windows Core OS Services

Communication

& DataApplication Model

Devices & Printing

Graphics & Media

Syst

em S

ervi

ces

Core

WinRT

Win RT

Windows Run Time only in Modern UI Style

HTML 5 & CSS 3

IE9 hardware-accelerated web platformCSS 2D TransformsCSS Backgrounds & BordersCSS ColorCSS FontsCSS Media QueriesCSS NamespacesCSS OM ViewsCSS SelectorsCSS Values and UnitsData URI

DOM Element TraversalDOM HTMLDOM Level 3 CoreDOM Level 3 EventsDOM StyleDOM Traversal and RangeDOMParser and XMLSerializerECMAScript 5HTML5 CanvasHTML5 Geolocation

HTML5 SelectionHTML5 semantic elementsHTML5 video and audioICC Color ProfilesSelectors API Level 2SVG, standalone and in HTMLXHTML/XML

Windows 8 hardware-accelerated web platformCSS 2D Transforms

CSS 3D TransformsCSS AnimationsCSS Backgrounds & BordersCSS ColorCSS FlexboxCSS FontsCSS Grid AlignmentCSS HyphenationCSS Image Values (Gradients)CSS Media QueriesCSS multi-column LayoutCSS NamespacesCSS OM ViewsCSS Positioned Floats (Exclusions)CSS SelectorsCSS TransitionsCSS Values and Units

Data URIDOM Element TraversalDOM HTMLDOM Level 3 CoreDOM Level 3 EventsDOM StyleDOM Traversal and RangeDOMParser and XMLSerializerECMAScript 5File APIsFormDataHTML5 Application CacheHTML5 asyncHTML5 CanvasHTML5 Drag and dropHTML5 Forms and ValidationHTML5 GeolocationHTML5 History APIHTML5 Parser

HTML5 SandboxHTML5 SelectionHTML5 semantic elementsHTML5 video and audioICC Color ProfilesIndexedDBPage VisibilityPointer (Mouse, Pen, and Touch) EventsSelectors API Level 2Filter EffectsSVG, standalone and in HTMLTiming callbacksWeb MessagingWeb SocketsWeb WorkersXHTML/XMLXMLHttpRequest (Level 2)

Popular CSS3 features in Windows 8

2D & 3D transformsTransforms

AnimationsTransitions

MotionGridFlexbox

Layout

Gradients Filter EffectsText-shadow

GraphicsMulti-column, hyphenation Pagination Position float

Content flow

Windows hardware acceleration makes these beautiful and fast

Popular HTML5 features in Windows 8Web Sockets

Web Workers IndexedDBEcmascript 5File API & Blobs Geolocation Audio tag Video tag

Touch-firstPointer eventsZoom regionsSnap Points

FormsValidation Input types

Spell checking

WinJS

Windows Library for JavaScript (WinJS)library for building Metro style apps using JavaScript

Web technologies you’re already familiar withModern patterns for responsive, reliable appsUse interactive design tools

Build your apps fast and with high quality

Matches the Windows Metro design styleControls for common user experiencesDesigned for touch as well as traditional inputScales across form factors

Make your apps look and feel great

WinJSHelpers for Namespaces, Constructor Definition

Promises

App Model

Navigation

Page & User controls

Data binding

Controls

Animations

Templates

Utilities

Default CSS Styles

demo

@Marc_Rubino

http://mrubino.nethttp://geeks.ms/blogs/mrubino

Para desarrolladores Web

by Marc Rubiño