Presentation for Advanced Technology Day 9 conference about One ASP.NET concept

1. One ASP.NET
Hrvoje Hudoletnjak
4.12.2013

2. AGENDA
• Then and now – why?
• Stories
‐ UI App
‐ Server side App
‐ Middleware
‐ Host
• Conclusion
• QA

3. 2001

4. MVC
WEBAPI
SIGNALR

5. Benefits of Each ASP.NET Component
Framework
Framework
Productivity
Web Forms
X
MVC
WebAPI
SignalR
Control
Realtime
X
X
X
UI
X
X
X

7. ASP.NET STACK – A LA CARTE
Sites
Services

8. UI
SERVER SIDE
MIDDLEWARE
HOST
Stories

9. UI
SERVER CODE
MIDDLEWARE
• Bootstrap, Modernizr, jQuery
• No MS preferable UI library
‐ KnockoutJS and SignalR bundled in project template
• You pick lib that’s best for the job
• VS 2012.2/2013 improvements
‐ HTML/CSS/JS editor rewritten, good speed and
responsiveness
‐ intellisense for Knockout, Angular,...
‐ CSS intellisense
‐ Web Essentials extension
HOST

10. Atwood's Law: any
application that can be
written in JavaScript,
will eventually be written in
JavaScript.

11. UI
SERVER CODE
MIDDLEWARE
HOST
KNOCKOUT
DURANDAL
ANGULAR
BACKBONE
MVVM
TWO WAY BINDING
TEMPLATING
= KNOCKOUT +
REQUIRE +
JQUERY
MV*
MODULARITY
ASYNC (PROMISES)
NAVIGATION & STATE
MV*
DIRECTIVES
TWO-WAY BINDING
DATA BINDING
REST
TEMPLATING
MVC
APP STRUCTURE
EVENTS
MODELS
COLLECTIONS
ROUTER
TEMPLATING
SIGNALR, JQUERY, VANILLA JS, etc

12. UI
SERVER CODE
MIDDLEWARE
HOST

13. UI
SERVER CODE
MIDDLEWARE
HOST

14. UI
SERVER CODE
MIDDLEWARE
HOST

15. UI
SERVER CODE
MIDDLEWARE
HOST

16. UI
SERVER CODE
MIDDLEWARE
HOST

17. UI
SERVER CODE
MIDDLEWARE
HOST

18. UI
SERVER CODE
MIDDLEWARE
HOST

19. NEW ASP.NET
• Modular
• Lightweight
• Composable
• Portabable
• Performance & Scalability
• Multiple frameworks, hosts, middleware
• Pipeline pattern
• Open source & community driven

20. UI
SERVER CODE
MIDDLEWARE
OWIN
Open Web Interface for dot Net
Using AppFunc = Func<IDictionary<string, object>, Task>;
Done.
HOST

21. UI
SERVER CODE
MIDDLEWARE
HOST
Application
Application framework
• WebAPI
• SignalR
• NancyFx
Server
• SystemWeb
• HttpListener
Host
• IIS
• Custom
• OwinHost.exe
KATANA
NOWIN
etc

22. UI
SERVER CODE
MIDDLEWARE
install-package Microsoft.Owin.Host.SystemWeb
HOST

23. UI
SERVER CODE
• Server
‐ SystemWeb
‐ HttpListener
‐ Nowin
• Host
‐ IIS
‐ Custom
‐ OwinHost.exe
MS implementation of OWIN: Katana
MIDDLEWARE
HOST

24. DEMO TIME!

25. Conclusion
• Pick components you need – MVC, WebForms, Nancy, etc
• It’s all ASP.NET
• 10y ago we built different kind of apps
• We have to learn SPA – Knockout / Durandal, Angular, etc
• OWIN: more framworks, more middleware, more hosts
• Flexibility

26. Thank you!
Q&A?
Twitter.com/hhrvoje
About.me/hhrvoje
hrvoje@hudoletnjak.com