AngularJS 1

Definición

Contexto

  • AngularJS fue desarrollado por Google
  • Es un framework que facilita el desarrollo de aplicaciones web con frontend muy interactivo

MVC

  • MVC: Model – View – Controller
  • Inicialmente AngularJS era un framework que se construía con el patrón MVC
  • La vista es lo que ve el usuario
  • El controlador es el puente entre la vista y los datos
  • El modelo incluye los datos, el procesamiento de acceso a los datos y la conexión a la base de datos
  • Las peticiones llegan al controlador, el controlador trae los datos y los manda a la vista para que la vista los muestre
  • Ejemplos de modelos MVC: CakePHP y Laravel para PHP, Ruby on Rails

MVVM

  • MVVM: Model – View – View Model
  • AngularJS evoluciono a un patrón MVVM
  • En lugar del controlador existe un objeto vista modelo que sirve de puente entre la vista y el modelo
  • Existe comunicación entre el controlador y la vista, de modo que cuando sucede un evento en la vista, se puede comunicar el evento al modelo y el modelo puede responder
  • Se utiliza en aplicaciones orientadas a eventos, algo muy común en JavaScript

MVW

  • MVW: Model – View – Whatever Works for you
  • Es un framework MVW para el frontend
  • Se convierte en un framework donde puedes utilizar MVC o MVVM, por eso la W

Aplicación

  • Cuando la parte central de la aplicación son los datos
  • Cuando la vista y el modelo están en constante comunicación
  • Cuando la aplicación consume datos de una API REST
  • Cuando la lógica en JavaScript es muy compleja, AngularJS tiene buenas prácticas para tratar con el código espagueti

Conceptos principales

  • Directives: empodera el código en HTML
  • Controllers: contiene la lógica de la aplicación y el objeto $scope que sirve para habilitar el MV (Model View)
  • Factories y Services: permite crear código que se comparte en toda la aplicación
  • Filters: son filtros que dan formato a los datos para su presentación

Etiquetas:

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s


A %d blogueros les gusta esto: