Tales of Two BrothersBuilding windows apps with AngularJS and WinJS

Fiyaz HasanEx–MSP (AUST)

WHY JAVASCRIPT?

#SPEEDY#EVERYBODY’S DOING

IT!#EASY

JAVASCRIPT EVERYWHERE!

Visual Studio Templates for JavaScript

STORE PHONEUNIVERSAL

Skype Music Seattle Sounders FC Songza

Applications Built with WinJS

HELLO FROM WINJS

Demo Creating an array of data Create a namespace to store the DataSource Define a WinJS list view Define template for the listview Attach DataSource Create a simple AppBar

Use WinJS in Web Apps!npm

Bower

NuGet

> npm install winjs

> bower install winjs

> Install-Package winjs

Meet the Super Hero! MV* Declarative user interface Less code Flexibility Unit testable

Installnpm

Bower

NuGet

> npm install angular

> bower install angular

> Install-Package angularjs

Hello From Angular

JavaScript Dynamic Content shim for Windows Store apps

https://github.com/MSOpenTech/winstore-jscompat

DEMO Install Angular with NuGet Add JSCompact Build Service Build Controller Attach Main Module See the Magic

WHAT IF I WANT BOTH OF THOSE?

https://github.com/codemonkeychris/angular-winjs

Important Links

https://github.com/winjs/winjs - WinJS GitHub Repository

https://dev.windows.com/en-us/develop/winjs - WinJS Getting Started

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

http://channel9.msdn.com/Series/Windows-Store-apps-for-Absolute-Beginners-with-JavaScript-

Windows Store apps for Absolute Beginners with JavaScript