Curso AngularJS - 1. introducción

Curso AngularJS - 1. introducción

• 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 ModelView 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 Enservidor 9 ServerBrowser View Model Controller DB
• 10.
  Patrón MVC Encliente 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  Factoresa 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íascliente 13
• 14.
  Patrón MVC Tecnologíascliente 14
• 15.
  AngularJS  Nace en2009  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