Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Tales of Two Brothers

492 views

Published on

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

Published in: Technology
  • Be the first to comment

  • Be the first to like this

Tales of Two Brothers

  1. 1. Tales of Two Brothers Building windows apps with AngularJS and WinJS Fiyaz Hasan Ex–MSP (AUST)
  2. 2. WHY JAVASCRIPT? #SPEEDY #EVERYBODY’S DOING IT! #EASY
  3. 3. JAVASCRIPT EVERYWHERE!
  4. 4. Visual Studio Templates for JavaScript STORE PHONEUNIVERSAL
  5. 5. Skype Music Seattle Sounders FC Songza Applications Built with WinJS
  6. 6. HELLO FROM WINJS
  7. 7. 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
  8. 8. Use WinJS in Web Apps! npm Bower NuGet > npm install winjs > bower install winjs > Install-Package winjs
  9. 9. Meet the Super Hero!  MV*  Declarative user interface  Less code  Flexibility  Unit testable
  10. 10. Install npm Bower NuGet > npm install angular > bower install angular > Install-Package angularjs
  11. 11. Hello From Angular
  12. 12. JavaScript Dynamic Content shim for Windows Store apps https://github.com/MSOpenTech/winstore-jscompat
  13. 13. DEMO  Install Angular with NuGet  Add JSCompact  Build Service  Build Controller  Attach Main Module  See the Magic
  14. 14. WHAT IF I WANT BOTH OF THOSE? https://github.com/codemonkeychris/angular-winjs
  15. 15. 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

×