{"id":2812,"date":"2019-03-04T13:35:42","date_gmt":"2019-03-04T12:35:42","guid":{"rendered":"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/?p=2812"},"modified":"2019-03-04T13:35:42","modified_gmt":"2019-03-04T12:35:42","slug":"frontend-con-angular-todo-lo-que-debes-saber-sobre-esta-herramienta","status":"publish","type":"post","link":"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/frontend-con-angular-todo-lo-que-debes-saber-sobre-esta-herramienta","title":{"rendered":"Frontend con Angular: Todo lo que debes saber sobre esta herramienta."},"content":{"rendered":"<p style=\"text-align: justify;\">Angular se trata de un framework utilizado para el desarrollo de aplicaciones web de una sola p\u00e1gina, y est\u00e1 desarrollado en TypeScript. Es muy sencillo desarrollar un <strong>frontend con Angular<\/strong>.<\/p>\n<p style=\"text-align: justify;\">El prop\u00f3sito de Angular, es el de generar una mayor cantidad de aplicaciones basadas en un navegador, permitiendo el uso del modelo vista controlador (MVC), o mejor dicho, una variante m\u00e1s flexible llamada MVW (Model View Whatever).<\/p>\n<p style=\"text-align: justify;\">En las aplicaciones de actuales el front-end y back-end est\u00e1n cada vez m\u00e1s separados; debido a la creciente complejidad, nuestras interfaces de usuario est\u00e1n ahora desacopladas de gran parte de la l\u00f3gica detr\u00e1s de ellas. Esto significa, grosso modo, que tenemos dos mundos de desarrollo especializados: front-end y back-end.<\/p>\n<ul style=\"text-align: justify;\">\n<li>Los desarrolladores front-end se centran en lo que el usuario puedes ver e interactuar. Se encargan del dise\u00f1o, funcionalidad y experiencia de usuario.<\/li>\n<li>Los desarrolladores de back-end, por otra parte, hacen posible el front-end. Trabajan con tecnolog\u00edas de servidor y se encargan de la comunicaci\u00f3n entre la base de datos y el navegador.<\/li>\n<\/ul>\n<p style=\"text-align: justify;\">Podemos saber m\u00e1s sobre backend en <a title=\"Creaci\u00f3n de un backend con Symfony\" href=\"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/backend-con-symfony-3-3\/\" target=\"_blank\" rel=\"noopener\">Creaci\u00f3n de un backend con Symfony<\/a><\/p>\n<p>&nbsp;<\/p>\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_72 counter-hierarchy ez-toc-counter ez-toc-grey ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">Table of Contents<\/p>\n<span class=\"ez-toc-title-toggle\"><a href=\"#\" class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" aria-label=\"Toggle Table of Content\"><span class=\"ez-toc-js-icon-con\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/frontend-con-angular-todo-lo-que-debes-saber-sobre-esta-herramienta\/#Requerimientos_e_instalacion_del_framework_Angular\" title=\"Requerimientos e instalaci\u00f3n del framework Angular\">Requerimientos e instalaci\u00f3n del framework Angular<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/frontend-con-angular-todo-lo-que-debes-saber-sobre-esta-herramienta\/#Utilizacion_de_Angular\" title=\"Utilizaci\u00f3n de Angular\">Utilizaci\u00f3n de Angular<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/frontend-con-angular-todo-lo-que-debes-saber-sobre-esta-herramienta\/#Ventajas_de_utilizar_Angular\" title=\"Ventajas de utilizar Angular\">Ventajas de utilizar Angular<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/frontend-con-angular-todo-lo-que-debes-saber-sobre-esta-herramienta\/#Angular_nos_proporciona_estructura_modular_y_consistencia_de_codigo\" title=\"Angular nos proporciona estructura modular y consistencia de c\u00f3digo\">Angular nos proporciona estructura modular y consistencia de c\u00f3digo<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/frontend-con-angular-todo-lo-que-debes-saber-sobre-esta-herramienta\/#Beneficios_de_utilizar_Frontend_con_Angular\" title=\"Beneficios de utilizar Frontend con Angular.\">Beneficios de utilizar Frontend con Angular.<\/a><\/li><\/ul><\/nav><\/div>\n<h2 style=\"text-align: justify;\"><span class=\"ez-toc-section\" id=\"Requerimientos_e_instalacion_del_framework_Angular\"><\/span>Requerimientos e instalaci\u00f3n del framework Angular<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p style=\"text-align: justify;\">Un prerequisito de instalaci\u00f3n de Frontend con Angular es disponer de Node.js. Es un entorno multiplataforma utilizado para la programaci\u00f3n. El principal objetivo de Node.js es construir programas de red escalables . Hace posible la integraci\u00f3n de Angular para poder programar con \u00e9l.<\/p>\n<p style=\"text-align: justify;\">Para instalar Node.js podemos acceder a la p\u00e1gina oficial en\u00a0<a title=\"P\u00e1gina oficial Node.js\" href=\"https:\/\/nodejs.org\/es\/\" target=\"_blank\" rel=\"nofollow noopener\">https:\/\/nodejs.org\/es\/<\/a><\/p>\n<p style=\"text-align: justify;\">Las aplicaciones Angular dependen de las caracter\u00edsticas y funcionalidades proporcionadas por\u00a0 bibliotecas. Estas bibliotecas est\u00e1n disponibles al desarrollador mediante paquetes npm (Node.js Package Manager).\u00a0Para descargar e instalar paquetes npm necesitaremos un administrador de paquetes npm.<\/p>\n<p style=\"text-align: justify;\">Pero no tenemos que preocuparnos porque npm est\u00e1 incluido en la instalaci\u00f3n de Node.js de forma predeterminada.<\/p>\n<p style=\"text-align: justify;\">Ya solamente quedar\u00eda instalar Angular CLI (Command Line Interface), para crear proyectos, generar c\u00f3digos de aplicaciones y bibliotecas. Mediante esta aplicaci\u00f3n podremos llevar a cabo tareas habituales en el desarrollo como son las pruebas, empaquetado y entrega.<\/p>\n<p style=\"text-align: justify;\">Los detalles para instalar Angular est\u00e1n descritos en la p\u00e1gina oficial de Angular:<\/p>\n<p style=\"text-align: justify;\"><a title=\"P\u00e1gina oficial Angular\" href=\"https:\/\/angular.io\/guide\/quickstart\" target=\"_blank\" rel=\"noopener\">https:\/\/angular.io\/guide\/quickstart<\/a><\/p>\n<p>&nbsp;<\/p>\n<h2 style=\"text-align: justify;\"><span class=\"ez-toc-section\" id=\"Utilizacion_de_Angular\"><\/span>Utilizaci\u00f3n de Angular<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p style=\"text-align: justify;\">Desarrollar un <strong>frontend con Angular<\/strong> es la opci\u00f3n elegida por una gran cantidad de desarrolladores.<\/p>\n<p style=\"text-align: justify;\">Angular es un framework de c\u00f3digo abierto desarrollado por Google. Con el objeto\u00a0 para crear aplicaciones web din\u00e1micas y modernas. Fue presentado por primera vez en 2009, el framework se caracteriza por eliminar c\u00f3digos innecesarios y garantizar aplicaciones m\u00e1s ligeras y r\u00e1pidas.<\/p>\n<p style=\"text-align: justify;\">Para concretar m\u00e1s el concepto de framework puede consultar el art\u00edculo <a title=\"CMS vs Framework\" href=\"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/cms-vs-framework-ventajas-desventajas\/\" target=\"_blank\" rel=\"noopener\">CMS vs Framework<\/a>.<\/p>\n<p style=\"text-align: justify;\">Angular ayuda a crear aplicaciones interactivas y din\u00e1micas de una\u00a0sola p\u00e1gina. Estas aplicaciones\u00a0incluyen plantillas, enlace con datos, modularizaci\u00f3n, gesti\u00f3n de API RESTful, inyecci\u00f3n de dependencias y manejo de AJAX.<\/p>\n<p style=\"text-align: justify;\">Los dise\u00f1adores pueden utilizar HTML como lenguaje de plantilla e incluso extender la sintaxis de HTML para transmitir f\u00e1cilmente los componentes de la aplicaci\u00f3n.<\/p>\n<p style=\"text-align: justify;\">Un <strong>frontend con Angular<\/strong> no depende de bibliotecas de terceros.\u00a0Al utilizar este framework en sus proyectos, puede obtener m\u00faltiples beneficios, a continuaci\u00f3n vamos a ver estas ventajas.<\/p>\n<p>&nbsp;<\/p>\n<h2 style=\"text-align: justify;\"><span class=\"ez-toc-section\" id=\"Ventajas_de_utilizar_Angular\"><\/span>Ventajas de utilizar Angular<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p style=\"text-align: justify;\">Promovido por Google:\u00a0Las aplicaciones de Google tambi\u00e9n utilizan este framework. Su estabilidad parece garantizada.<\/p>\n<p style=\"text-align: justify;\">TypeScript: Un <strong>frontend con Angular<\/strong>\u00a0se crea utilizando el lenguaje TypeScript. Es un superscript para JavaScript, que garantiza una mayor seguridad. Este lenguaje facilita la depuraci\u00f3n de\u00a0errores al escribir el c\u00f3digo o realizar tareas de mantenimiento.<\/p>\n<p style=\"text-align: justify;\">En el siguiente enlace podemos ver una <a title=\"comparativa entre TypeScript y JavaScript\" href=\"https:\/\/www.adictosaltrabajo.com\/2018\/08\/01\/typescript-vs-javascript\/\" target=\"_blank\" rel=\"nofollow noopener\">comparativa entre TypeScript y JavaScript<\/a>.<\/p>\n<p style=\"text-align: justify;\">UI (User Interface) declarativa:\u00a0Angular utiliza HTML para definir la UI de la aplicaci\u00f3n.\u00a0HTML, en comparaci\u00f3n con JavaScript, es un <strong>lenguaje menos complicado<\/strong>.\u00a0HTML es tambi\u00e9n un lenguaje declarativo e intuitivo. Con este m\u00e9todo de trabajo no\u00a0necesitamos dedicar tiempo a definir flujos de programa.<\/p>\n<p style=\"text-align: justify;\">POJO:\u00a0Con Angular con frontend no se necesitan funciones adicionales de getter y setter.\u00a0Dado que, cada objeto que utiliza es POJO (Plain Old Java Object). Esto implica que tenemos una definici\u00f3n de clases simples.\u00a0 Se permite la <strong>manipulaci\u00f3n de objetos<\/strong> al proporcionar mediante JavaScript. Por supuesto podemos\u00a0eliminar o agregar propiedades de los objetos. Tambi\u00e9n es posible realizar bucles sobre estos objetos cuando sea necesario.<\/p>\n<p style=\"text-align: justify;\">Pruebas sencillas: Las pruebas son extremadamente simples.\u00a0Los m\u00f3dulos soportan partes de la aplicaci\u00f3n, que son f\u00e1ciles de manipular.\u00a0Con la separaci\u00f3n de m\u00f3dulos se puede cargar los servicios necesarios, mientras se realizan las pruebas autom\u00e1ticas.<\/p>\n<p style=\"text-align: justify;\">Patr\u00f3n MVC simplificado: Como ya se ha dicho, Angular\u00a0est\u00e1 integrado con la configuraci\u00f3n arquitect\u00f3nica original del software MVC (Modelo-Vista-Controlador).\u00a0Sin embargo, no cumple todas las normas establecidas.\u00a0Angular requiere que los desarrolladores dividan una aplicaci\u00f3n en diferentes componentes de MVC y construyan un c\u00f3digo que pueda unirlos.\u00a0Solamente se pide dividir la aplicaci\u00f3n y Angular se encarga de todo lo dem\u00e1s<\/p>\n<p style=\"text-align: justify;\">Angular garantiza un desarrollo f\u00e1cil, ya que elimina la necesidad de c\u00f3digo innecesario.\u00a0Tiene una arquitectura MVC simplificada.<\/p>\n<p>&nbsp;<\/p>\n<h2 style=\"text-align: justify;\"><span class=\"ez-toc-section\" id=\"Angular_nos_proporciona_estructura_modular_y_consistencia_de_codigo\"><\/span>Angular nos proporciona estructura modular y consistencia de c\u00f3digo<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p style=\"text-align: justify;\">Angular organiza c\u00f3digo en <i>buckets<\/i>. Pueden ser componentes, directivas, pipes(tuber\u00edas) o servicios. Estos buckets se pueden definir como m\u00f3dulos.\u00a0Los m\u00f3dulos facilitan la organizaci\u00f3n de la funcionalidad de la aplicaci\u00f3n, segreg\u00e1ndola en caracter\u00edsticas y fragmentos reutilizables.\u00a0Los m\u00f3dulos tambi\u00e9n permiten la carga diferida. Esto hace posible la carga de funciones de la aplicaci\u00f3n en segundo plano o bajo demanda.<\/p>\n<p style=\"text-align: justify;\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter\" src=\"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/files\/2019\/03\/angular_interior2.png\" alt=\"Construcci\u00f3n de bloques\" width=\"500\" height=\"300\" \/><\/p>\n<p style=\"text-align: justify;\">La arquitectura de Angular hace posible dividir el trabajo entre los diferentes miembros del equipo al tiempo que se garantiza un c\u00f3digo organizado.\u00a0Los desarrolladores pueden mejorar la productividad gracias a la construcci\u00f3n de m\u00f3dulos adecuada.<\/p>\n<p style=\"text-align: justify;\">Cualquier c\u00f3digo requiere una <strong>codificaci\u00f3n consistente.<\/strong>\u00a0La codificaci\u00f3n inconsistente aumenta los riesgos de retraso en los proyectos y costes a\u00f1adidos.\u00a0A diferencia de esto, la codificaci\u00f3n coherente tiene varios beneficios, ya que hace que los sitios sean m\u00e1s f\u00e1ciles de usar y permite el uso de plantillas o fragmentos de c\u00f3digo predefinidos.<\/p>\n<p style=\"text-align: justify;\">El framework angular se basa en componentes, que comienzan de la misma forma.\u00a0Por ejemplo, cada componente coloca el c\u00f3digo en una clase de componente o define un decorador de @Component decorator.<\/p>\n<p>&nbsp;<\/p>\n<h2 style=\"text-align: justify;\"><span class=\"ez-toc-section\" id=\"Beneficios_de_utilizar_Frontend_con_Angular\"><\/span>Beneficios de utilizar Frontend con Angular.<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<ul>\n<li style=\"text-align: justify;\">Reusabilidad: La estructura de Angular basada en componentes hace que los componentes sean altamente reutilizables en toda la aplicaci\u00f3n.<\/li>\n<li style=\"text-align: justify;\">Pruebas unitarias simplificadas:\u00a0Al ser independientes entre s\u00ed, los componentes hacen que las pruebas unitarias sean mucho m\u00e1s f\u00e1ciles.<\/li>\n<li style=\"text-align: justify;\">Mejor legibilidad:\u00a0La coherencia en la codificaci\u00f3n hace que la lectura del c\u00f3digo sea una tarea f\u00e1cil para los nuevos desarrolladores.\u00a0Lo que aumenta su productividad.<\/li>\n<li style=\"text-align: justify;\">Facilidad de mantenimiento:\u00a0Los componentes pueden ser reemplazados con mejores implementaciones. En pocas palabras, permite el mantenimiento y actualizaci\u00f3n eficiente del c\u00f3digo.<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Angular es un framework javascript que facilita la creaci\u00f3n de aplicaciones web, ideal para desarrollar un frontend, combina las mejores pr\u00e1cticas integradas para resolver los desaf\u00edos de desarrollo. Su arquitectura hace posible dividir el trabajo entre los diferentes miembros del equipo. \u00bfCu\u00e1les son los beneficios de utilizarlo?<\/p>\n","protected":false},"author":90586,"featured_media":2817,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[5],"class_list":["post-2812","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-desarrollo-de-aplicaciones"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v23.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Beneficios de la utilizaci\u00f3n de Frontend con Angular.<\/title>\n<meta name=\"description\" content=\"Lee este Art\u00edculo de INESEM y descubre los beneficios de utilizar frontend con angular y todo lo que debes saber de esta herramienta.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/frontend-con-angular-todo-lo-que-debes-saber-sobre-esta-herramienta\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Beneficios de la utilizaci\u00f3n de Frontend con Angular.\" \/>\n<meta property=\"og:description\" content=\"Lee este Art\u00edculo de INESEM y descubre los beneficios de utilizar frontend con angular y todo lo que debes saber de esta herramienta.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/frontend-con-angular-todo-lo-que-debes-saber-sobre-esta-herramienta\" \/>\n<meta property=\"og:site_name\" content=\"Canal Inform\u00e1tica y TICS\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/InesemBusinessSchool\/\" \/>\n<meta property=\"article:published_time\" content=\"2019-03-04T12:35:42+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/files\/2019\/03\/angular_portada2.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"1319\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"V\u00edctor Manuel Acosta\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@inesem\" \/>\n<meta name=\"twitter:site\" content=\"@inesem\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"V\u00edctor Manuel Acosta\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data2\" content=\"6 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/frontend-con-angular-todo-lo-que-debes-saber-sobre-esta-herramienta#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/frontend-con-angular-todo-lo-que-debes-saber-sobre-esta-herramienta\"},\"author\":{\"name\":\"V\u00edctor Manuel Acosta\",\"@id\":\"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/#\/schema\/person\/abe9d4379d8e0377cad8164aa97cff44\"},\"headline\":\"Frontend con Angular: Todo lo que debes saber sobre esta herramienta.\",\"datePublished\":\"2019-03-04T12:35:42+00:00\",\"dateModified\":\"2019-03-04T12:35:42+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/frontend-con-angular-todo-lo-que-debes-saber-sobre-esta-herramienta\"},\"wordCount\":1207,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/frontend-con-angular-todo-lo-que-debes-saber-sobre-esta-herramienta#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/files\/2019\/03\/angular_portada2.png\",\"articleSection\":[\"Desarrollo de Aplicaciones\"],\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/frontend-con-angular-todo-lo-que-debes-saber-sobre-esta-herramienta#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/frontend-con-angular-todo-lo-que-debes-saber-sobre-esta-herramienta\",\"url\":\"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/frontend-con-angular-todo-lo-que-debes-saber-sobre-esta-herramienta\",\"name\":\"Beneficios de la utilizaci\u00f3n de Frontend con Angular.\",\"isPartOf\":{\"@id\":\"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/frontend-con-angular-todo-lo-que-debes-saber-sobre-esta-herramienta#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/frontend-con-angular-todo-lo-que-debes-saber-sobre-esta-herramienta#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/files\/2019\/03\/angular_portada2.png\",\"datePublished\":\"2019-03-04T12:35:42+00:00\",\"dateModified\":\"2019-03-04T12:35:42+00:00\",\"description\":\"Lee este Art\u00edculo de INESEM y descubre los beneficios de utilizar frontend con angular y todo lo que debes saber de esta herramienta.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/frontend-con-angular-todo-lo-que-debes-saber-sobre-esta-herramienta#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/frontend-con-angular-todo-lo-que-debes-saber-sobre-esta-herramienta\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/frontend-con-angular-todo-lo-que-debes-saber-sobre-esta-herramienta#primaryimage\",\"url\":\"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/files\/2019\/03\/angular_portada2.png\",\"contentUrl\":\"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/files\/2019\/03\/angular_portada2.png\",\"width\":\"1200\",\"height\":\"1319\",\"caption\":\"Frontend con Angular\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/frontend-con-angular-todo-lo-que-debes-saber-sobre-esta-herramienta#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Desarrollo de Aplicaciones\",\"item\":\"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/categorias\/desarrollo-de-aplicaciones\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Frontend con Angular: Todo lo que debes saber sobre esta herramienta.\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/#website\",\"url\":\"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/\",\"name\":\"Canal Inform\u00e1tica y TICS\",\"description\":\"Canal de Noticias gestionado por el Departamento Docente de Inform\u00e1tica y TICS de INESEM\",\"publisher\":{\"@id\":\"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/#organization\",\"name\":\"Canal Inform\u00e1tica y TICS\",\"url\":\"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/#\/schema\/logo\/image\/\",\"url\":\"\",\"contentUrl\":\"\",\"caption\":\"Canal Inform\u00e1tica y TICS\"},\"image\":{\"@id\":\"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/InesemBusinessSchool\/\",\"https:\/\/x.com\/inesem\",\"http:\/\/www.linkedin.com\/company\/2370697\",\"https:\/\/www.youtube.com\/user\/inesembusinesschool\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/#\/schema\/person\/abe9d4379d8e0377cad8164aa97cff44\",\"name\":\"V\u00edctor Manuel Acosta\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/www.inesem.es\/revistadigital\/wp-content\/uploads\/2018\/03\/V\u00edctor-Manuel-Acosta_avatar_1520959729-96x96.jpg\",\"contentUrl\":\"https:\/\/www.inesem.es\/revistadigital\/wp-content\/uploads\/2018\/03\/V\u00edctor-Manuel-Acosta_avatar_1520959729-96x96.jpg\",\"caption\":\"V\u00edctor Manuel Acosta\"},\"description\":\"EDUCACI\u00d3N: \u2022 Ingeniero en Inform\u00e1tica. Especialidad en Inteligencia Artificial por la Universidad de Granada. EXPERIENCIA: \u2022 Profesor del Departamento de Inform\u00e1tica de INESEM Business School. \u2022 Docente M\u00e1ster Elearning de la Universidad de Sevilla. ESCRIBE SOBRE: Tics \u00b7 An\u00e1lisis de Datos \u00b7 Desarrollo de Apps \u00b7 Ciberseguridad Ingeniero en Inform\u00e1tica. Especialidad en Inteligencia Artificial Cuenta con ampl\u00eda experiencia en el mundo educativo as\u00ed como en el desarrollo de proyectos web y trazabilidad multiplataforma.\",\"url\":\"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/autores\/victor-acosta\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Beneficios de la utilizaci\u00f3n de Frontend con Angular.","description":"Lee este Art\u00edculo de INESEM y descubre los beneficios de utilizar frontend con angular y todo lo que debes saber de esta herramienta.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/frontend-con-angular-todo-lo-que-debes-saber-sobre-esta-herramienta","og_locale":"es_ES","og_type":"article","og_title":"Beneficios de la utilizaci\u00f3n de Frontend con Angular.","og_description":"Lee este Art\u00edculo de INESEM y descubre los beneficios de utilizar frontend con angular y todo lo que debes saber de esta herramienta.","og_url":"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/frontend-con-angular-todo-lo-que-debes-saber-sobre-esta-herramienta","og_site_name":"Canal Inform\u00e1tica y TICS","article_publisher":"https:\/\/www.facebook.com\/InesemBusinessSchool\/","article_published_time":"2019-03-04T12:35:42+00:00","og_image":[{"width":1200,"height":1319,"url":"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/files\/2019\/03\/angular_portada2.png","type":"image\/png"}],"author":"V\u00edctor Manuel Acosta","twitter_card":"summary_large_image","twitter_creator":"@inesem","twitter_site":"@inesem","twitter_misc":{"Escrito por":"V\u00edctor Manuel Acosta","Tiempo de lectura":"6 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/frontend-con-angular-todo-lo-que-debes-saber-sobre-esta-herramienta#article","isPartOf":{"@id":"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/frontend-con-angular-todo-lo-que-debes-saber-sobre-esta-herramienta"},"author":{"name":"V\u00edctor Manuel Acosta","@id":"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/#\/schema\/person\/abe9d4379d8e0377cad8164aa97cff44"},"headline":"Frontend con Angular: Todo lo que debes saber sobre esta herramienta.","datePublished":"2019-03-04T12:35:42+00:00","dateModified":"2019-03-04T12:35:42+00:00","mainEntityOfPage":{"@id":"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/frontend-con-angular-todo-lo-que-debes-saber-sobre-esta-herramienta"},"wordCount":1207,"commentCount":0,"publisher":{"@id":"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/#organization"},"image":{"@id":"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/frontend-con-angular-todo-lo-que-debes-saber-sobre-esta-herramienta#primaryimage"},"thumbnailUrl":"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/files\/2019\/03\/angular_portada2.png","articleSection":["Desarrollo de Aplicaciones"],"inLanguage":"es","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/frontend-con-angular-todo-lo-que-debes-saber-sobre-esta-herramienta#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/frontend-con-angular-todo-lo-que-debes-saber-sobre-esta-herramienta","url":"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/frontend-con-angular-todo-lo-que-debes-saber-sobre-esta-herramienta","name":"Beneficios de la utilizaci\u00f3n de Frontend con Angular.","isPartOf":{"@id":"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/frontend-con-angular-todo-lo-que-debes-saber-sobre-esta-herramienta#primaryimage"},"image":{"@id":"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/frontend-con-angular-todo-lo-que-debes-saber-sobre-esta-herramienta#primaryimage"},"thumbnailUrl":"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/files\/2019\/03\/angular_portada2.png","datePublished":"2019-03-04T12:35:42+00:00","dateModified":"2019-03-04T12:35:42+00:00","description":"Lee este Art\u00edculo de INESEM y descubre los beneficios de utilizar frontend con angular y todo lo que debes saber de esta herramienta.","breadcrumb":{"@id":"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/frontend-con-angular-todo-lo-que-debes-saber-sobre-esta-herramienta#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/frontend-con-angular-todo-lo-que-debes-saber-sobre-esta-herramienta"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/frontend-con-angular-todo-lo-que-debes-saber-sobre-esta-herramienta#primaryimage","url":"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/files\/2019\/03\/angular_portada2.png","contentUrl":"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/files\/2019\/03\/angular_portada2.png","width":"1200","height":"1319","caption":"Frontend con Angular"},{"@type":"BreadcrumbList","@id":"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/frontend-con-angular-todo-lo-que-debes-saber-sobre-esta-herramienta#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/"},{"@type":"ListItem","position":2,"name":"Desarrollo de Aplicaciones","item":"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/categorias\/desarrollo-de-aplicaciones"},{"@type":"ListItem","position":3,"name":"Frontend con Angular: Todo lo que debes saber sobre esta herramienta."}]},{"@type":"WebSite","@id":"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/#website","url":"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/","name":"Canal Inform\u00e1tica y TICS","description":"Canal de Noticias gestionado por el Departamento Docente de Inform\u00e1tica y TICS de INESEM","publisher":{"@id":"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Organization","@id":"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/#organization","name":"Canal Inform\u00e1tica y TICS","url":"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/","logo":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/#\/schema\/logo\/image\/","url":"","contentUrl":"","caption":"Canal Inform\u00e1tica y TICS"},"image":{"@id":"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/InesemBusinessSchool\/","https:\/\/x.com\/inesem","http:\/\/www.linkedin.com\/company\/2370697","https:\/\/www.youtube.com\/user\/inesembusinesschool\/"]},{"@type":"Person","@id":"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/#\/schema\/person\/abe9d4379d8e0377cad8164aa97cff44","name":"V\u00edctor Manuel Acosta","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/#\/schema\/person\/image\/","url":"https:\/\/www.inesem.es\/revistadigital\/wp-content\/uploads\/2018\/03\/V\u00edctor-Manuel-Acosta_avatar_1520959729-96x96.jpg","contentUrl":"https:\/\/www.inesem.es\/revistadigital\/wp-content\/uploads\/2018\/03\/V\u00edctor-Manuel-Acosta_avatar_1520959729-96x96.jpg","caption":"V\u00edctor Manuel Acosta"},"description":"EDUCACI\u00d3N: \u2022 Ingeniero en Inform\u00e1tica. Especialidad en Inteligencia Artificial por la Universidad de Granada. EXPERIENCIA: \u2022 Profesor del Departamento de Inform\u00e1tica de INESEM Business School. \u2022 Docente M\u00e1ster Elearning de la Universidad de Sevilla. ESCRIBE SOBRE: Tics \u00b7 An\u00e1lisis de Datos \u00b7 Desarrollo de Apps \u00b7 Ciberseguridad Ingeniero en Inform\u00e1tica. Especialidad en Inteligencia Artificial Cuenta con ampl\u00eda experiencia en el mundo educativo as\u00ed como en el desarrollo de proyectos web y trazabilidad multiplataforma.","url":"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/autores\/victor-acosta"}]}},"autor_name":{"name":"V\u00edctor Manuel Acosta"},"featured_image":{"attachment_meta":{"width":"1200","height":"1319","file":"2019\/03\/angular_portada2.png","sizes":{"thumbnail":{"file":"angular_portada2-345x180.png","width":"345","height":"180","mime_type":"image\/png","url":"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/files\/2019\/03\/angular_portada2-345x180.png"},"medium":{"file":"angular_portada2-159x175.png","width":"159","height":"175","mime_type":"image\/png","url":"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/files\/2019\/03\/angular_portada2-159x175.png"},"medium_large":{"file":"angular_portada2-768x844.png","width":"768","height":"844","mime_type":"image\/png","url":"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/files\/2019\/03\/angular_portada2-768x844.png"},"large":{"file":"angular_portada2-932x1024.png","width":"932","height":"1024","mime_type":"image\/png","url":"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/files\/2019\/03\/angular_portada2-932x1024.png"},"wysija-newsletters-max":{"file":"angular_portada2-600x660.png","width":"600","height":"660","mime_type":"image\/png","url":"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/files\/2019\/03\/angular_portada2-600x660.png"},"thumb-small":{"file":"angular_portada2-59x42.png","width":"59","height":"42","mime_type":"image\/png","url":"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/files\/2019\/03\/angular_portada2-59x42.png"},"thumb-standard":{"file":"angular_portada2-110x110.png","width":"110","height":"110","mime_type":"image\/png","url":"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/files\/2019\/03\/angular_portada2-110x110.png"},"thumb-medium":{"file":"angular_portada2-196x166.png","width":"196","height":"166","mime_type":"image\/png","url":"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/files\/2019\/03\/angular_portada2-196x166.png"},"thumb-large":{"file":"angular_portada2-283x190.png","width":"283","height":"190","mime_type":"image\/png","url":"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/files\/2019\/03\/angular_portada2-283x190.png"},"thumb-anteriores":{"file":"angular_portada2-230x163.png","width":"230","height":"163","mime_type":"image\/png","url":"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/files\/2019\/03\/angular_portada2-230x163.png"},"thumb-inverso":{"file":"angular_portada2-369x261.png","width":"369","height":"261","mime_type":"image\/png","url":"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/files\/2019\/03\/angular_portada2-369x261.png"},"thumb-cercano":{"file":"angular_portada2-650x200.png","width":"650","height":"200","mime_type":"image\/png","url":"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/files\/2019\/03\/angular_portada2-650x200.png"},"thumb-slider":{"file":"angular_portada2-574x430.png","width":"574","height":"430","mime_type":"image\/png","url":"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/files\/2019\/03\/angular_portada2-574x430.png"},"thumb-busqueda":{"file":"angular_portada2-580x375.png","width":"580","height":"375","mime_type":"image\/png","url":"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/files\/2019\/03\/angular_portada2-580x375.png"},"thumb-formacion-continua":{"file":"angular_portada2-440x336.png","width":"440","height":"336","mime_type":"image\/png","url":"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/files\/2019\/03\/angular_portada2-440x336.png"},"advps-thumb-one":{"file":"angular_portada2-600x220.png","width":"600","height":"220","mime_type":"image\/png","url":"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/files\/2019\/03\/angular_portada2-600x220.png"}},"image_meta":{"aperture":"0","credit":"","camera":"","caption":"","created_timestamp":"0","copyright":"","focal_length":"0","iso":"0","shutter_speed":"0","title":"","orientation":"0"}}},"_links":{"self":[{"href":"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/wp-json\/wp\/v2\/posts\/2812"}],"collection":[{"href":"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/wp-json\/wp\/v2\/users\/90586"}],"replies":[{"embeddable":true,"href":"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/wp-json\/wp\/v2\/comments?post=2812"}],"version-history":[{"count":0,"href":"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/wp-json\/wp\/v2\/posts\/2812\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/wp-json\/wp\/v2\/media\/2817"}],"wp:attachment":[{"href":"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/wp-json\/wp\/v2\/media?parent=2812"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/wp-json\/wp\/v2\/categories?post=2812"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}