20
Conhecendo o WinJS Windows Phone & Windows Store Vitor César [Meriat] Software Development Engineer @vitormeriat vitormeriat.com.br

Conhecendo o WinJS - 2.0 & 2.1

Embed Size (px)

DESCRIPTION

Apresentação realizada no #TDC 2014 http://www.thedevelopersconference.com.br/tdc/2014/saopaulo/trilha-winphone-win8dev

Citation preview

Page 1: Conhecendo o WinJS - 2.0 & 2.1

Conhecendo o WinJSWindows Phone & Windows Store

Vitor César [Meriat]Software Development [email protected]

Page 2: Conhecendo o WinJS - 2.0 & 2.1

O que é esse tal de

Page 3: Conhecendo o WinJS - 2.0 & 2.1

Windows Libary for JavaScript é a biblioteca de funções JavaScript que a Microsoft criou para permitir que aplicações HTML & JavaScript possam utilizar os recursos do WinRT

Page 4: Conhecendo o WinJS - 2.0 & 2.1

WinJS HojeWinJS

HTML5

WinRT

WinJS WinJS

Page 5: Conhecendo o WinJS - 2.0 & 2.1

PhoneWinJS 2.1WinJS 2.0

WinJS Hoje

WinJS

WinJS

WinJS

WinJS

Page 6: Conhecendo o WinJS - 2.0 & 2.1

Construindo apps com HTML/JS

Windows 8.1 Windows Phone 8.1

WinJS 2.0 Phone WinJS 2.1

Page 7: Conhecendo o WinJS - 2.0 & 2.1

Convergência

Phone

PC

2012 2013 2014 2015

WinJS1.0 WinJS2.0

Phone.WinJS2.1

WinJS3.0

Page 8: Conhecendo o WinJS - 2.0 & 2.1

WinJS agora é OPEN SOURCE

Page 9: Conhecendo o WinJS - 2.0 & 2.1

WinJS aberto

WinJS

WinJSWinJS

WinJS

http://

Page 10: Conhecendo o WinJS - 2.0 & 2.1

Pivot

Page 11: Conhecendo o WinJS - 2.0 & 2.1

AppBar on Phone

Page 12: Conhecendo o WinJS - 2.0 & 2.1

ListView on Phone

Page 13: Conhecendo o WinJS - 2.0 & 2.1

Jump Lists using Semantic Zoom

Page 14: Conhecendo o WinJS - 2.0 & 2.1
Page 15: Conhecendo o WinJS - 2.0 & 2.1

Animations on Phone

Page 16: Conhecendo o WinJS - 2.0 & 2.1

User themes

Page 17: Conhecendo o WinJS - 2.0 & 2.1

WinJS.Application Lifecycle

onactivated

Check ActivationKind to find out what is being activated(e.g. launch, shareTarget, file, contactPicker)

oncheckpoint

Save WinJS.Application.sessionState before your appsuspends

onsettings

Populate the settings flyout with WinJS.UI.SettingsFlyout.populateSettings(e);

onerror Capture unhandled exceptions

Page 18: Conhecendo o WinJS - 2.0 & 2.1

DEMOS

Page 20: Conhecendo o WinJS - 2.0 & 2.1

OBRIGADO!Vitor César [Meriat]Software Development [email protected]