Curso AngularJS. Temas: 1. Introducción 2. Conceptos básicos 3. Módulos y controladores 4. Filtros y servicios 5. Rutas 6. Formularios 7. Temas avanzados

1. AngularJS
Introducción
Álvaro Alonso

2. Contenidos del curso
 Introducción
 Patrón MVC
 Tecnologías de cliente
 AngularJS
 Conceptos básicos
 Templates
 Two- way data binding
 Directivas
 Expresiones
 Módulos y controladores
 Dependency Injection
 Filtros y servicios
 Rutas
 Conexión con servidores de
backend
 Formularios
 Validación de campos
 Temas avanzados
2

3. Contenidos
 Patrón Model View Controller
 Variantes
 Cliente vs Servidor
 Tecnologías cliente
 AngularJS
3

4. Patrón MVC
4
 Model – View – Controller
 Separa la lógica de negocio de los datos y la presentación
 Model
 Mantiene el estado de la aplicación (datos)
 View
 Muestra los datos al usuario
 Controller
 Gestiona la interacción con el usuario actualizando el modelo

5. Patrón MVC
5
View
Model
Controller

6. Patrón MVC
 MVP: Model – View - Presenter
Variantes
6
View ModelPresenter

7. Patrón MVC
 PAC: Presentation – Abstraction - Control
Variantes
7

8. Patrón MVC
 MVVM: Model – View -ViewModel
Variantes
8
View Model
View
Modeldata
binding

9. Patrón MVC En servidor
9
ServerBrowser
View
Model
Controller
DB

10. Patrón MVC En cliente
10
Server
Browser
View
Model
Controller
DB

11. Server
Browser
View
Model
Controller
DB
Server
Browser
View
Model
Controller
DB
Patrón MVC
11

12. Patrón MVC
 Factores a tener en cuenta
 Tipo de procesamiento
 Reutilización de tareas
 Características de los servidores
 Tipo de usuarios / dispositivos
 Seguridad
 Desarrollador del servicio
12

13. Patrón MVC Tecnologías cliente
13

14. Patrón MVC Tecnologías cliente
14

15. AngularJS
 Nace en 2009
 Mantenido por Google desde 2012
 Versión actual: 1.5.8
 Nuevo Angular 2
 Funcionalidades destacadas
 Two-way data binding
 Directives
 Inyección de dependencias
 Desarrollo modular
 MEAN
 Mongo – Express – Angular – Node
15

16. Documentación
 AngularJS
 https://angularjs.org/
 Developers Guide
 https://docs.angularjs.org/guide
 API Reference
 https://docs.angularjs.org/api
 Tutorials
 https://docs.angularjs.org/tutorial
 https://www.youtube.com/user/angularjs
16

17. AngularJS
Introducción
Álvaro Alonso