Upload
matija-smalcelj
View
105
Download
0
Tags:
Embed Size (px)
DESCRIPTION
Najbitnija novost u WinJS 3.0 je podrška za najpopularnije desktop i mobilne preglednike. Sva ljepota i elegancija WinJSa donedavno ograničena samo na Windows ekosustav, sada postaje dostupna posvuda, pa čak i u hibridnim aplikacijama izrađenim pomoću Apache Cordove. Predefinirane kontrole su bitno poboljšane i prilagođene različitim veličinama ekrana, a kad se tome još pribroji nova modularizacija koda za lakše održavanje i bolje performanse, stvarno nema isprike da vaša iduća web aplikacija ne koristi WinJS. Na početku predavanja će biti kratak uvod u WinJS i novosti u verziji 3.0 nakon čega će se kroz više demoa pokazati kako sve to funkcionira u praksi i na različitim uređajima.
Citation preview
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?