ATD10 - WinJS izlazi na globalnu pozornicu

WinJS izlazi na globalnupozornicu

Matija Šmalcelj

Sr. SDE

RealNetworks

WinJS

• HTML / CSS / JavaScript

• v1.0 za Windows 8

• v2.0 za Windows 8.1, v1.0 za Xbox, v2.1 za Windows Phone

• open source: https://github.com/winjs/winjs

<link href="WinJS/css/ui-dark.css" rel="stylesheet" />

<script src="WinJS/js/base.js"></script>

<script src="WinJS/js/ui.js"></script>

WinJS

• Core (klase, promisi, namespaces)

• App model

• Data binding

• Preko 20 kontrola spremnih za korištenje

• Predefinirani CSS

• Animacije

• Utility klase

WinJS• Podržava druge biblioteke, npr. jQuery, AngularJS

• Dizajniran za dodir

• Svijetla i tamna shema boja

Promisi

WinJS.xhr(options).then(

)

function completed(request) {return doSomethingElse(request.result);

}, null,function progress(request) {

// osvjezi progress bar}

.done(function(result) {// sve gotovo

}, function(error) // doslo je do greske

});

WinJS 3.0

• Podržani svi važniji preglednici

• Modularizacija koda

• Ujednačen izgled na različitim platformama

Ujednačen izgled

Ujednačen izgled

DEMO

Cross-…

• …browser

• …platform

• Podrška za Apache Cordova biblioteku

Apache Crodova (PhoneGap)

DEMO

Modularizacija

Resursi

• http://try.buildwinjs.com/

• https://github.com/winjs/winjs

• Programming Windows Store Apps with HTML, CSS, and JavaScript, Second Edition

I za kraj…

Pitanja?

Hvala ;)

matija.smalcelj@gmail.com

matija.smalcelj