1. Client Side Web Applications Melania Danciu | Haufe-Lexware RO by using the the best the web has to offer

2. About $(‘#me’) Sofware Developer since 2007 Long-time Local Microsoft Community Speaker Developed native mobile apps for all major platforms:iOS, Windows Phone, Android Lead Developer for Hauf-Lexware Romania www.devreach.com

3. http://SmartInsights.com

4. Native apps + FAST + Animations are fluid and realistic + Benefits from each platform features - Need to be rebuilt on every platform www.devreach.com

5. Native apps + FAST + Animations are fluid and realistic + Benefits from each platform features - Need to be rebuilt on every platform www.devreach.com

6. Web apps + Built for Content Delivery + Write once – deploy everywhere + Can be fast - Always need Internet connection www.devreach.com

7. Today’s agenda Single page web applications Microsoft ASP.NET 4.0 MVC Web API Authentication jQuery Mobile backbone.js www.devreach.com

8. Single-page application www.devreach.com From Wikipedia, the free encyclopedia

9. Single Page App Fits on a single page Provides fluid UX Reliable, responsive Good examples – Gmail – Twitter – Facebook www.devreach.com

10. i Androidmobile.twitter.comiOS 6 Twitter Apps

11. Web API www.devreach.com Microsoft, http://www.asp.net/webapi Handles Routing, Filtering, Settings Can work with any format: json,xml,others Based on ASP.NET MVC 4.0

12. REST REpresentational State Transfer Base for light web-based API Ultra Scalable www.devreach.com

13. Demo Install the Tools Available APIs

14. jQuery Mobile www.devreach.com

15. OAuth 2.0 in Action www.devreach.com Amazon Data Center North Carolina, USA Instamap App Sofia, Bulgaria Authorization Request Authorization Code User credentials auth_token 1 1 2 2 Request + auth_token 3 3 Resources

16. www.devreach.com var Note = Backbone.Model.extend({ initialize: function() {... }, author: function() {... }, coordinates: function() {... }, allowedToEdit: function(account) { return true; } });

17. What we’ve learned www.devreach.com

18. Thank you! @melaniadanciu www.mela.ro www.linkedin.com/in/melaniadanciu Melania Danciu | Haufe-Lexware RO