Construyendo tu ecosistema de desarrollo Web                                            Alfredo Fernández                 ...
Asp.Net MVC
Moderno y ágil?
Productividad
Open source
Lo mas importante
routing http://localhost/Events/Index http://localhost/Events/Index?page=1&sort=name http://localhost/Events/Detail/5
controller                     QueryString             Model
viewViews/Home/Indexhttp://localhost/Home/Index
view
model binding        Custom binder   Default binder
Las demos       http://plainconcepts.com/myEvents/
Y mucho más!
Asp.Net MVC Webapi
routing Get> http://localhost/Event Get> http://localhost/Event/3 Post> http://localhost/Event Put> http://localhost/Event...
controller
Representaciones
Selfhost
Y mucho más!
Single page application (SPA)
Single page application (SPA)
Web UI                                       Visible UI    HTML/CSS/JS                                    HTML/CSS    Data...
En el futuro
Hoy
Requirejs
Requirejs
Requirejs
Knockoutjs
Knockoutjs
Knockoutjs
Knockoutjs
Knockoutjs       <span data-bind="text: name" />
Knockoutjs
sammyjs
sammyjs
amplifyjs
amplifyjs
amplifyjs
También os podría interesar             https://github.com/SignalR/SignalR
También os podría interesar
Preguntas???
Para saber más  http://www.asp.net/mvc  http://www.asp.net/web-api  http://requirejs.org/  http://knockoutjs.com/  http://...
Gracias!   afernandez@plainconcepts.com   @afernandez_l
HTML Tour - Construyendo tu ecosistema de desarrollo Web
HTML Tour - Construyendo tu ecosistema de desarrollo Web
HTML Tour - Construyendo tu ecosistema de desarrollo Web
HTML Tour - Construyendo tu ecosistema de desarrollo Web
Upcoming SlideShare
Loading in …5
×

HTML Tour - Construyendo tu ecosistema de desarrollo Web

2,903 views

Published on

En esta sesión daremos un repaso a los distintos tipos de aplicaciones web que podemos desarrollar, decidiremos cual es más adecuado para cada situación y veremos de qué frameworks y herramientas disponemos para desarrollarlos. Utilizaremos Asp.net MVC4 para crear desde webs más “sencillas” hasta single page applications. Intentaremos perderle el miedo a javascript y veremos algunos frameworks como knockout, crearemos Apis Rest con Web Api, y veremos cómo consumir datos en tiempo real con signalR.

Published in: Technology
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
2,903
On SlideShare
0
From Embeds
0
Number of Embeds
2,205
Actions
Shares
0
Downloads
43
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

HTML Tour - Construyendo tu ecosistema de desarrollo Web

  1. 1. Construyendo tu ecosistema de desarrollo Web Alfredo Fernández afernandez@plainconcepts.com @afernandez_l
  2. 2. Asp.Net MVC
  3. 3. Moderno y ágil?
  4. 4. Productividad
  5. 5. Open source
  6. 6. Lo mas importante
  7. 7. routing http://localhost/Events/Index http://localhost/Events/Index?page=1&sort=name http://localhost/Events/Detail/5
  8. 8. controller QueryString Model
  9. 9. viewViews/Home/Indexhttp://localhost/Home/Index
  10. 10. view
  11. 11. model binding Custom binder Default binder
  12. 12. Las demos http://plainconcepts.com/myEvents/
  13. 13. Y mucho más!
  14. 14. Asp.Net MVC Webapi
  15. 15. routing Get> http://localhost/Event Get> http://localhost/Event/3 Post> http://localhost/Event Put> http://localhost/Event Delete> http://localhost/Event/5 Y mas verbos: http://www.w3.org/Protocols/rfc2616/rfc2616-sec9.html
  16. 16. controller
  17. 17. Representaciones
  18. 18. Selfhost
  19. 19. Y mucho más!
  20. 20. Single page application (SPA)
  21. 21. Single page application (SPA)
  22. 22. Web UI Visible UI HTML/CSS/JS HTML/CSS Data services Application layer JSON/XML JavaScript Navigation APIs Data access layer JavaScript Local storageServer Client Steve Sanderson http://channel9.msdn.com/Events/TechDays/Techdays-2012-the-Netherlands/2159
  23. 23. En el futuro
  24. 24. Hoy
  25. 25. Requirejs
  26. 26. Requirejs
  27. 27. Requirejs
  28. 28. Knockoutjs
  29. 29. Knockoutjs
  30. 30. Knockoutjs
  31. 31. Knockoutjs
  32. 32. Knockoutjs <span data-bind="text: name" />
  33. 33. Knockoutjs
  34. 34. sammyjs
  35. 35. sammyjs
  36. 36. amplifyjs
  37. 37. amplifyjs
  38. 38. amplifyjs
  39. 39. También os podría interesar https://github.com/SignalR/SignalR
  40. 40. También os podría interesar
  41. 41. Preguntas???
  42. 42. Para saber más http://www.asp.net/mvc http://www.asp.net/web-api http://requirejs.org/ http://knockoutjs.com/ http://sammyjs.org/ http://amplifyjs.com/ http://www.asp.net/single-page-application http://backbonejs.org/
  43. 43. Gracias! afernandez@plainconcepts.com @afernandez_l

×