SPA ASP.NET MVC & AngularJS codemotion 2013

1,342 views
1,195 views

Published on

0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
1,342
On SlideShare
0
From Embeds
0
Number of Embeds
3
Actions
Shares
0
Downloads
16
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

SPA ASP.NET MVC & AngularJS codemotion 2013

  1. 1. Marc Rubiño Asp.net MVC & SPA
  2. 2. Marc Rubiño @Marc_Rubino mrubino@pasiona.com mrubino@techdencias.net #CodeMotion
  3. 3. www.pasiona.com info@pasiona.com (+34) 669 333 333 @pasiona Barcelona Bilbao Madrid Londres Pujades 350, 10ª planta Gran Vía 19-21, 2ª planta Pinar 5, 1 Northumberland Avenue 08019 · Barcelona 48008 · Bilbao 28006 · Madrid London · WC2N 5BW
  4. 4. Qué es Microsoft Innovación Pasión socio 100% alineado partner 100% especializado ligada a la mejora continua y basada en las nuevas oportunidades tecnológicas somos grandes entusiastas de todo aquello que creamos y vemos crecer Desarrollo Tecnología Experiencia capacidad para realizar proyectos de ámbito tecnológico con un fin de mejora soluciones a cada una de las necesidades empresariales que se platean en cada ámbito o la garantía de la habilidad derivada de años de vivencias y observación Especialización Conocimiento Valores humanos ofrecemos soluciones a medida con las mejores herramientas tecnológicas adquirido a través de la realización de proyectos, formación e innovación tecnológica guía de lo que hacemos y pretendemos que nos enseña y nos conduce día a día
  5. 5. Servicios Consultoría Proyectos Servicios profesionales Auditoría Social Media Innovación Formación Azure
  6. 6. Single Page Application
  7. 7. Características aplicaciones SPA  Routing  Datos  Arquitectura MV…  Models  Views
  8. 8. librerías SPA
  9. 9. librerías SPA  AngularJs  DurandalJs  KnockoutJS  Backbone  Ember  …
  10. 10. librerías SPA Librerías Datos DOM Routing MV* DataBind DI Testing KnockoutJs X X X MVVM ✓ X X AngularJs ✓ JQlite ✓ MVW ✓ ✓ ✓ Durandal ✓ JQuery* ✓ MVW Backbone X X ✓ MVC KnockoutJs* Require* X X X X
  11. 11. HTML enhanced for web apps!
  12. 12. Estructura AngularJS .NET Comment module Assembly Módulos de la app controller ViewModel Lógica que enlaza con la vista scope DataContext Databind Controller-View filter ValueConverter Formatea los datos directive Component Re-usable UI element factory, service Utility classes Servicios para otros Módulos
  13. 13. más !!!  Dependency Inyection  Unit Testing
  14. 14. Funcionamiento
  15. 15. Modules
  16. 16. Modules & Routes
  17. 17. Views & Controllers
  18. 18. Views & Controllers <div id="main-content"> <div data-ng-view ></div> <!-- The SPA Views go here --> </div>
  19. 19. Animations Directive Animation Type ngRepeat enter, leave and move ngView enter and leave ngInclude enter and leave ngSwitch enter and leave ngIf enter and leave ngShow and ngHide show and hide
  20. 20. Marc Rubiño @Marc_Rubino mrubino@pasiona.com mrubino@techdencias.net Q&A

×