In this talk, Ash DCosta will show you how to create compelling HTML5 cloud applications, using ServiceStack, AngularJS, Visual Studio and Azure. Creating great REST APIs with ServiceStack is easy, and so is consuming them with AngularJS, and deploying them to the cloud with Windows Azure. Ash will demonstrate all these pieces working together on a small "to-do" web app. The speaker Ash DCosta is the founder and chief architect at Mobi Weave, a cloud and mobile solution provider. He has 20+ years of experience in software with Intel, i2 Technologies, IdentityMine, i3Connect and Wells Fargo. You can follow him on Twitter as @softwareweaver.

1. Cloud apps with
REST APIs
Using Windows Azure, Asp.NET, ServiceStack and
AngularJS
Ash DCosta
@SoftwareWeaver
www.Ashvil.net

2. About me
• Founder and chief architect – Mobi Weave, Inc.
• 20+ years experience in software with Intel, i2
Technologies, IdentityMine, i3Connect and Wells Fargo
• @SoftwareWeaver
• www.Ashvil.net

3. SharePoint on iOSMS BI on iOS
App Catalog
Cloud based MDM
Market
Cloud based
Subscriptions

4. Cloud app?
Scale ★ Web ★ API

5. SPA
(AngularJS)
API
(ServiceStack, ASP.NET & Azure Cloud
Service)
DB
Mobile EAI

6. ServiceStack
Concepts
Full (Web) Service Framework
for .NET/Mono

7. What is ServiceStack
Service Stack is a high-performance .NET web
services framework that simplifies the development
of XML, JSON, JSV and SOAP Web Services.

8. Evolution
XML-RPC
•XML-
RPC.NET
SOAP
•ASP.NET
WS
•WCF
REST
•ServiceStack
•Web API

9. RPC style
Customer GetCustomerByEmail(string email)
Customer GetCustomerBySSN(string ssn)
Customer GetCustomerByName(string name)

10. DTO style
Customer GetCustomer (Customer customer)

12. DTO in - DTO out

13. Todo Get (Todo request)

14. Call via HTTP
http://server/Customer/<<SSN>>
• Route(url) contains SSN
http://server/Customer?SSN=32453
• Query string contains SSN
http://Server/Customer
• Post Data -> Customer JSON
http://Server/Customer
• Form data -> Customer data

15. Demo
Create an empty ASP.NET
Web Application
PM> Install-Package
ServiceStack.Host.AspNet
Add/Edit Services

17. Bugs and patches to github.com/servicestack
Support on Stack Overflow #ServiceStack
Get started at www.ServiceStack.net

18. SPA
(AngularJS)
API
(ServiceStack, ASP.NET & Azure Cloud Service)
DB
Mobile EAI

19. AngularJS
Concepts
HTML6 – MVC like Framework for Browsers

20. What is AngularJS
AngularJS is an open source MVVM Javascript
framework that teaches web browsers new tricks
like data binding, custom html tags, routing, Rest
calls and promises

21. Angular Basics

22. MVC or MVVM
•Data in your app. Plain old Javascript objectsModel
•$scope object provides data to views by
detecting and broadcasting changes to its stateViewModel
•Augments the scope with methods to control
behaviorController
•HTML view handles layoutView

23. Data Binding

24. Templates

25. Directives

26. Demo
SPA App

27. Bugs and patches to github.com/angularjs
Support on Stack Overflow #AngularJS
Get started at www.AngularJS.org

28. SPA
(AngularJS)
API
(ServiceStack, ASP.NET & Azure Cloud
Service)
DB
Mobile EAI

29. Azure Cloud
Service
Concepts
Scalable Container framework for
Azure PaaS

30. What is Azure
Cloud Service
Microsoft's Platform as a Service (PaaS)
environment that is used to create scalable
applications and services. Supports multi-tier
scenarios and automated deployments

32. Demo
To Do App on Azure

33. Try it
http://cloudtodo.cloudapp.net/

35. Questions

36. Appendix

37. ServiceStack
Comparisions

39. Bootstrap
Concepts
CSS Framework for Developers
(and Designers)

40. Toolbar

41. Form fields

42. Alerts