Building Windows & Windows Phone App with Angular.js & Win.js

1. Tales of Two Brothers
Building windows apps with AngularJS and WinJS
Fiyaz Hasan
Ex–MSP (AUST)

2. WHY JAVASCRIPT?
#SPEEDY
#EVERYBODY’S
DOING IT!
#EASY

3. JAVASCRIPT EVERYWHERE!

4. Visual Studio Templates for JavaScript
STORE PHONEUNIVERSAL

6. Skype Music Seattle Sounders FC Songza
Applications Built with WinJS

7. HELLO FROM WINJS

8. 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

10. Use WinJS in Web Apps!
npm
Bower
NuGet
> npm install winjs
> bower install winjs
> Install-Package winjs

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

13. Install
npm
Bower
NuGet
> npm install angular
> bower install angular
> Install-Package angularjs

14. Hello From Angular

15. JavaScript Dynamic Content shim for
Windows Store apps
https://github.com/MSOpenTech/winstore-jscompat

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

18. WHAT IF I WANT BOTH OF THOSE?
https://github.com/codemonkeychris/angular-winjs

19. 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