Scribd
Cargar
59 vistas

Angular JS

Angular JS es un framework JavaScript de código abierto que proporciona librerías útiles para el desarrollo de aplicaciones web de una sola página mediante el uso de patrones de diseño como MVC. Utiliza JSON para transferir datos y hace llamadas AJAX a APIs REST desde el frontend para recuperar y mostrar datos sin recargar la página.

Cargado por

Rosdemny Gonzalez
Derechos de autor
© © All Rights Reserved
Formatos disponibles
Descarga como DOCX, PDF, TXT o lee en línea desde Scribd
59 vistas

Angular JS

Angular JS es un framework JavaScript de código abierto que proporciona librerías útiles para el desarrollo de aplicaciones web de una sola página mediante el uso de patrones de diseño como MVC. Utiliza JSON para transferir datos y hace llamadas AJAX a APIs REST desde el frontend para recuperar y mostrar datos sin recargar la página.

Cargado por

Rosdemny Gonzalez
Derechos de autor
© © All Rights Reserved
Formatos disponibles
Descarga como DOCX, PDF, TXT o lee en línea desde Scribd
Está en la página 1/ 2

Angular JS

Es un proyecto de código abierto, realizado en Javascript que contiene un


conjunto de librerías útiles para el desarrollo de aplicaciones web y propone
una serie de patrones de diseño para llevarlas a cabo. En pocas palabras, es lo
que se conoce como un framework para el desarrollo, en este caso sobre el
lenguaje Javascript con programación del lado del cliente.

Angular y Json

AngularJS es uno de los frameworks más populares para desarrollar


aplicaciones del lado cliente (Frontend) con JavaScript.

Arquitectura de la aplicación web SPA + API REST

Y antes de seguir con el código, veamos un diagrama visual del flujo que va a
seguir aplicación con las tecnologías que empleamos en cada parte:

Desde el frontend, con Angular hacemos llamadas AJAX a nuestra API en el


servidor Node. Esta consulta a la base de datos (Mongo) dependiendo de la
llamada realizada. La BD devuelve el objeto como respuesta a Node y este lo
sirve como JSON a Angular que lo muestra en el frontend sin necesidad de
recargar la página, creando así una Single Page Application.

Principales usos
Posee diversos usos y funcionalidades propias que no dependen de bibliotecas
de terceros, pero como tal el Angular se basa en el desarrollo de aplicaciones
web en TypeScript, de código abierto, siendo utilizado para crear y mantener
aplicaciones web de una sola página (SPA) además de trabajar con un patrón
de diseño menos complicado en MVC (Modelo-Vista-Controlador).
Utilización de Angular en sistemas Web y Móviles
 El angular convierte plantillas en código optimizado para máquinas
virtuales de JavaScript de hoy en día.
 Ejecuta la primera vista de tu aplicación de forma casi instantánea
obteniendo solo HTML y CSS.
 Al ser un Framework Estructural nos permite usar HTML como lenguaje
de plantilla y extender su sintaxis para expresar componentes de
aplicación de una manera más limpia y sencilla.
Ejemplo:
En JavaScript:
“html:line”>HTML:
Code:
Document.getElementById(“input-data”).value
En Angular:
HTML:
Code: $scope.inputData;
 Utiliza MVC (aunque menos complicado), donde el modelo se comunica
con la base de datos.
 Proporciona los datos y las plantillas por separado, y será el
Framework, del lado del cliente, quien se encargue de mezclar ambos
para formar la vista final que será lo que el cliente visualice.
 Posee controladores para realizar la lógica de nuestra aplicación los
cuales vienen en conjunto con “Scope” (Herramienta especial de
angular).
Ejemplo (Controlador de Angular):
App.controller(´TestController´,
[´$scope´, function($scope) {
$scope.test= ´Hola´;
}]);
Existen estas y más utilizaciones del Angular, como ya se mencionó
anteriormente posee diversos usos para el diseño de aplicaciones web.

También podría gustarte