10

Store apps with AngularJS

Embed Size (px)

Citation preview

Page 1: Store apps with AngularJS
Page 2: Store apps with AngularJS

Windows Store apps with AngularJSTimmy Kokke

Page 3: Store apps with AngularJS

About

MVP Microsoft Windows Platform DevelopmentCentric ICT Consultant

ASP.NET MVCXamarin

StoreAppsUG http://storeappsug.nl Twitter @sorskootBlog http://winjs.ninjaYouTube http://youtube.com/c/winjsninja

Timmy Kokke

Page 4: Store apps with AngularJS

Why?

AngularJS• Massive use• Code reuse• Fully featured• Flexible• Testability

WinJS• Native looking controls• Preferred framework• Windows store app

specifics

Page 5: Store apps with AngularJS

When?

Focus on • code reuse• separation of concerns• testability

Hard to choose• Navigation• Promises

Page 6: Store apps with AngularJS

CSP - Content Security PolicyMSApp.execUnsafeLocalFunctiontoStaticHTMLwinstore-jscompat.js

Security

Page 7: Store apps with AngularJS

Demo

Page 8: Store apps with AngularJS

Bunch of links

• ng-csp• https://docs.angularjs.org/api/ng/directive/ngCsp#

• Winstore-jscompat.js• https://github.com/MSOpenTech/winstore-jscompat

• MSApp. execUnsafeLocalFunction• https://msdn.microsoft.com/en-gb/library/windows/apps/hh767331.aspx

• Angular-WinJS• https://github.com/winjs/angular-winjs

• Try WinJS• http://try.buildwinjs.com/#play

• Angular Style Guide• https://github.com/johnpapa/angular-styleguide

Page 9: Store apps with AngularJS

Your feedback is important!Scan the QR Code and let us know via the TechDays App.

Laat ons weten wat u van de sessie vindt via de TechDays App!Scan de QR Code.

Bent u al lid van de Microsoft Virtual Academy?! Op MVA kunt u altijd iets nieuws leren over de laatste technologie van Microsoft. Meld u vandaag aan op de MVA Stand. MVA biedt 7/24 gratis online training on-demand voor IT-Professionals en Ontwikkelaars.

Page 10: Store apps with AngularJS