windows store javascript apps

15
Windows Store JavaScript Apps Tomislav Mesić @tomislavmesic Perpetuum Mobile

Upload: tomislav-mesic

Post on 07-Nov-2014

632 views

Category:

Documents


3 download

DESCRIPTION

Prezentacija je održana na WinDays 2012 i WebCamp ZG 2012 konferencijama. Windowsi 8 su upravo stigli i toliko su svježi da se još puši iz njih. Sa sobom su donjeli i nešto što s korisničke strane više nije novost, no s razvojne strane … pitanje je jesmo li spremni za MetroStyle Appse? Kakve to veze ima s Web konferecijom? Jedna od dvije razvojne platforme novih Win8 Metro Appsa bazira se na HTML-u, CSS-u i naravno JavaScriptu, a predavanje je namjenjeno svima koji se žele upoznati s osnovnim ključnim konceptima nove razvojne platforme uključujući i JavaScript biblioteke optimizirane za Win8 Metro Style Apps Development.

TRANSCRIPT

Page 1: Windows Store JavaScript Apps

Windows Store JavaScript AppsTomislav Mesić@tomislavmesicPerpetuum Mobile

Page 2: Windows Store JavaScript Apps
Page 3: Windows Store JavaScript Apps

Graphic

CSS3

Semantics

Performance

Storage

Multimedia

Device Access

Conectivity

Page 4: Windows Store JavaScript Apps

Communication & Data Devices & Printing

WinRT APIs

Graphics & Media

Desktop Apps

CC++

Win32

C#VB

.NET

HTMLJavaScript

IE

Windows Store Apps

Application Model

XAML

JavaScript

HTML / CSS

CC++

C#VB

Windows Kernel Services

Syst

em S

ervi

ces

View

Mod

el

Cont

rolle

rKe

rnel

Page 5: Windows Store JavaScript Apps

Communication & Data Devices & Printing

WinRT APIs

Graphics & Media

Desktop Apps

CC++

Win32

C#VB

.NET

HTMLJavaScript

IE

Windows Store Apps

Application Model

JavaScript

HTML / CSSXAML

CC++

C#VB

Windows Kernel Services

Syst

em S

ervi

ces

View

Mod

el

Cont

rolle

rKe

rnel

Page 6: Windows Store JavaScript Apps

demo

Page 7: Windows Store JavaScript Apps

.history()

Split tab process sandbox

Chakra

Velika baza razvojnih inženjera

IE infrastruktura

Cross platform / devices

Dizajn

HTML5

PhoneGap

Page 8: Windows Store JavaScript Apps

Web & Win

Business i UI logika na istoj strani

No popups

Navigation free

Nema back / forward

Error handling

Različit UX

Async developing

Touch inputs

Tiles

Sigurnost

Lifecycle

Page 9: Windows Store JavaScript Apps

RunningApp

SuspendedApp

TerminatedApp

Low Resources

suspending

resuming

LifeCycle

Page 10: Windows Store JavaScript Apps

Core

OS

Broker

Direct API calls

Brokered API calls

AppXManifestApp Container + Signed & Validated code

WinRT APIsProcess.exe

Page 11: Windows Store JavaScript Apps

WinJS

HTML, CSS, JS

Patterns

Helpers for Namespaces, Constructor Definition

Promises

App Model

Navigation

Fragments

Binding

Controls

Animations

Templates

Utilities

Default CSS Styles

Page 12: Windows Store JavaScript Apps

WinJS

AppBar

DatePicker

FlipView

Flyout

ListView

HtmlControl

Menu

Rating

SemanticZoom

SettingsFlyout

TimePicker

ToggleSwitch

Tooltip

ViewBox

Page 13: Windows Store JavaScript Apps
Page 14: Windows Store JavaScript Apps

P & C

Mogućnosti dizajna

Mogućnosti HTML5

Metro grid system ima potencijala

CSS3 animacije, layout ...

Jedan IE engine

Ovisnost o WinJS

Neintuitivno za DOM oriented developere

Nužno poznavanje JS patterna

Page 15: Windows Store JavaScript Apps

Hvala!http://msdn.microsoft.com/en-us/windows/apps/

http://www.buildwindows.com/

@tomislavmesic