AngularJS - ¿Que es AngularJS? - ¿AngularJS MVC? - Ventajas de AngularJS - ¿Cuando usar AngularJS? - ¿Conceptos principales de AngularJS?

Hola hoy comenzaremos con la nueva sección AngularJS, por que seleccionar AngularJS, para que sirve AngularJS, conceptos principales, etc.

Sin mas les presento AngularJS.

AngularJS - ¿Que es AngularJS? 

AngularJS es un nuevo framework JavaScript. Se utiliza para el desarrollo de los frontend, es decir lo que lo que ve el usuario final, su autentica funcionalidad pero no la única es el desarrollo de las Single Page Application (SPA) , es decir el desarrollo de una sola pagina web, al tener la pagina web cargada completamente minimizar las llamadas al servidor por el pedido de información.

Separa muy bien la responsabilidad de cada tecnología en su ámbito: CSS, HTML, JavaScript y las comunica cuando lo considera necesario.

La idea principal de AngularJS es trabajar de modo agnóstico es decir modificar el HTML sin estar modificando el DOM. De esta manera tendriamos el codigo mas limpio y mantenible.

AngularJS es un framework realizado por Google y aprobado por el mismo. Aunque su primera versión es de 2009, se ha hecho muy popular a finales de 2012 y ahora en 2015 está en pleno auge. Tanto que ya se habla de una nueva technology stack como antes era LAMP (Linux + Apache + MySQL + PHP) ahora la tendencia es MEAN (MongoDB/Mongoose + ExpressJS + AngularJS + NodeJS), lo que también se traduce a aplicaciones JavaScript End-to-End. AngularJS está mantenido por Google y bastante comunidad.

AngularJS - ¿AngularJS es MVC O MVVM O MVW?

Bueno para poder entender esto vamos decir que Angularjs es "MVC", expliquemos el "MVC" no tradicional de AngularJS.

• Vistas: Será el HTML y todo lo que represente datos o información.
• Controladores: Se encargarán de la lógica de la aplicación y sobre todo de las llamadas "Factorías" y "Servicios" para mover datos contra servidores o memoria local en HTML5.
• Modelo de la vista: En Angular el "Modelo" es algo más de aquello que se entiende habitualmente cuando te hablan del MVC tradicional, osea, las vistas son algo más que el modelo de datos. Por ejemplo, en aplicaciones donde se tiene que manejar los los alumnos el modelo seria toda la administración de los mismo. Pero en una pantalla concreta donde es posible que tengas que ver otras cosas, ademas de los alumnos, como el numero de documento de la persona que consulta, los permisos, modificarlos, editarlos, etc.Toda esa información, que es útil para el programador pero que no forma parte del modelo del negocio, es a lo que llamamos el "Scope" que es el modelo en Angular.

AngularJS es un framework MVW, la doble del W es "Whatever works for you".

Aquí vemos cómo AngularJS intenta dinamizar los documentos HTML mediante la vinculación (data binding) del modelo de datos con componentes de la vista.

AngularJS - ¿Donde bajo / obtengo AngularJS?

La pagina oficial del angular es https://angularjs.org

En la pagina oficial seleccionar  Download

Luego nos cercioramos que este seleccionado el Branch y el Build, finalmente presionamos en el botón Download.

AngularJS - Ventajas de AngularJS

• Reausabilidad: Permite crear componentes (directivas) fácilmente reutilizables (que permiten aislar totalmente su función, no chocan con otros).
• Testeo: Al tener componentes aislados, podemos testear su comportamiento de manera independiente.
• Inyección de dependencias: Si necesitamos hacer uso de un servicio, lo inyectamos en nuestro controlador directamente y funciona.

AngularJS - ¿Cuando usar AngularJS?

Angular se debe usar cuando:

• Cuanto tienes lógica de javasciprt en tu aplicación web.
• Tu vista se construye a partir de ciertos datos.
• Las vistas modifican los datos del modelo.
• Tu aplicación consume datos de tu REST API

AngularJS - ¿Conceptos principales de  AngularJS?

Los conceptos principales son:

• Directives - AngularJS permite extender el vocabulario HTML con directivas y atributos, manteniendo la semántica y sin necesidad de emplear librerías externas como jQuery o Underscore.js para que funcione. En nuestro caso las directivas sirven para darle un uso mayor el html que antes no podiamos.
• Controllers - Contiene la mayoría de la lógica de la aplicación por el $scope, el $scope es la representación del View Model.  El  $scope es el responsable de detectar los cambios en el modelo y proporciona un contexto a la plantillas.
• Factories y Services - Organiza y comparte el código en la aplicación.
• Filters - Dan formato a los datos cuando los mostramos.