Este documento presenta a Marc Rubiño, un experto en aplicaciones web de una sola página (SPA) desarrolladas con AngularJS. Incluye su información de contacto y una breve descripción de Pasiona, la compañía para la que trabaja y que se especializa en proyectos de tecnología Microsoft. También resume algunas características clave de las SPA y librerías populares como AngularJS, y explica conceptos como módulos, rutas, vistas y controladores.

1. Marc Rubiño
Asp.net MVC & SPA

2. Marc Rubiño
@Marc_Rubino
mrubino@pasiona.com
mrubino@techdencias.net
#CodeMotion

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. 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. Servicios
Consultoría
Proyectos
Servicios
profesionales
Auditoría
Social
Media
Innovación
Formación
Azure

7. Single Page Application

8. Características aplicaciones
SPA
 Routing
 Datos
 Arquitectura MV…
 Models
 Views

9. librerías SPA

10. librerías SPA
 AngularJs
 DurandalJs
 KnockoutJS
 Backbone
 Ember
 …

11. 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

12. HTML enhanced for web apps!

13. 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

14. más !!!
 Dependency Inyection
 Unit Testing

15. Funcionamiento

16. Modules

17. Modules & Routes

18. Views & Controllers

19. Views & Controllers
<div id="main-content">
<div data-ng-view ></div> <!-- The SPA Views go here -->
</div>

20. 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

21. Marc Rubiño
@Marc_Rubino
mrubino@pasiona.com
mrubino@techdencias.net
Q&A