{"id":790,"date":"2015-04-14T13:39:15","date_gmt":"2015-04-14T12:39:15","guid":{"rendered":"http:\/\/www.alvantia.com\/super-heroes-de-la-web-angularjs-2"},"modified":"2017-08-03T07:56:26","modified_gmt":"2017-08-03T06:56:26","slug":"super-heroes-de-la-web-angularjs","status":"publish","type":"post","link":"https:\/\/www.alvantia.com\/en\/super-heroes-de-la-web-angularjs\/","title":{"rendered":"Super h\u00e9roes de la web: AngularJS"},"content":{"rendered":"<p><span style=\"font-size: 12pt;\">En <span style=\"color: #bf1238; font-family: alvantia;\"><strong>Alvantia<\/strong><\/span> concebimos la calidad como una cualidad intr\u00ednseca al software. Es por ello por lo que a la hora de iniciar un nuevo proyecto, la planificaci\u00f3n e implementaci\u00f3n de las pruebas ocupa un lugar privilegiado. Asimismo, para asegurar esta calidad, es necesaria una b\u00fasqueda continua de las mejores herramientas y que a su vez, comparten esta filosof\u00eda de b\u00fasqueda incesante de la calidad.<!--more--><\/span><\/p>\n<p><span style=\"font-size: 12pt;\">Es por esto por lo que creemos que es interesante analizar <strong>AngularJS<\/strong>, que en dos palabras podr\u00edamos definir como una super heroica extensi\u00f3n del tradicional HTML.<\/span><\/p>\n<p><span style=\"font-size: 12pt;\">Desde hace unos a\u00f1os, <strong>la popularidad de AngularJS respecto a otros frameworks<\/strong> queda patente en la siguiente gr\u00e1fica en la que se comparan otras tecnolog\u00edas basadas en el concepto &#8216;Single page application&#8217; (amarillo), en concreto el framework javascript KnockoutJS (rojo) y AngularJS (azul).<\/span><\/p>\n<p><span style=\"font-size: 12pt;\"><a href=\"https:\/\/www.alvantia.com\/wp-content\/uploads\/2015\/09\/angular1.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\" wp-image-787 aligncenter\" src=\"https:\/\/www.alvantia.com\/wp-content\/uploads\/2015\/09\/angular1-300x113.jpg\" alt=\"angular1\" width=\"680\" height=\"256\" srcset=\"https:\/\/www.alvantia.com\/wp-content\/uploads\/2015\/09\/angular1-300x113.jpg 300w, https:\/\/www.alvantia.com\/wp-content\/uploads\/2015\/09\/angular1-750x283.jpg 750w, https:\/\/www.alvantia.com\/wp-content\/uploads\/2015\/09\/angular1.jpg 843w\" sizes=\"auto, (max-width: 680px) 100vw, 680px\" \/><\/a><\/span><\/p>\n<p style=\"text-align: justify;\"><span style=\"font-size: 12pt;\">Pero \u00bfqu\u00e9 aporta AngularJS que le hace gozar de tan buena salud entre la comunidad de desarrolladores? Muy sencillo, para aquellos que se interesan por la calidad, nos facilita el trabajo ya que permite centrarnos en aspectos como:<\/span><\/p>\n<ul>\n<li style=\"text-align: justify;\"><span style=\"font-size: 12pt;\">\u00a0<strong>Calidad en la experiencia de usuario<\/strong>: AngularJS se basa en el principio de Single Page Application. <strong>El producto permite olvidar el antiguo concepto de navegaci\u00f3n entre p\u00e1ginas<\/strong> en el que cada vez se debe de \u00a0recargar toda la p\u00e1gina. AngularJS propone refrescar contenidos en lugar de recargarlos una y otra vez, lo que proporciona una mayor fluidez en la navegaci\u00f3n. Esto permite desarrollar interfaces de usuario de una calidad y fluidez sin precedentes y que requieren un ancho de banda mucho menor, pues la cantidad de datos a transferir entre el servidor y el navegador disminuye dr\u00e1sticamente.<\/span><\/li>\n<\/ul>\n<ul>\n<li style=\"text-align: justify;\"><span style=\"text-align: justify; font-size: 12pt;\" data-mce-mark=\"1\"><strong>Calidad en el c\u00f3digo:<\/strong>\u00a0AngularJS proporciona como hemos dicho anteriormente una extensi\u00f3n del HTML tradicional gracias a sus directivas. Esto <strong>permite construir el c\u00f3digo de forma declarativa<\/strong> reduciendo as\u00ed la cantidad de c\u00f3digo a la vez que se aumenta su comprensi\u00f3n. Asimismo, implementa el patr\u00f3n MVC (<em>Model \u2013 View \u2013 Controller<\/em>) muy usado en la construcci\u00f3n de aplicaciones tradicionales, pero en la parte cliente. Es esta separaci\u00f3n de conceptos la que hace que el c\u00f3digo sea m\u00e1s mantenible a largo plazo.<\/span><\/li>\n<\/ul>\n<ul>\n<li style=\"text-align: justify;\"><span style=\"font-size: 12pt;\"><strong>Calidad en las entregas:<\/strong>\u00a0Del mismo modo que nos preocupamos por los test unitarios en el backend, <strong>AngularJS nos facilita y anima a realizar esto mismo en el lado cliente<\/strong>. De este modo <strong>la creaci\u00f3n de test unitarios o test end-to-end se vuelve natural y necesaria<\/strong>. Este es el primer paso hacia la automatizaci\u00f3n de tests que nos permiten estar m\u00e1s seguros antes de una entrega o despliegue en producci\u00f3n. Tecnolog\u00edas como Jasmin o Karma, se vuelven indispensables para esta tarea.<\/span><\/li>\n<\/ul>\n<p style=\"text-align: justify;\"><span style=\"font-size: 12pt;\">Por lo tanto, y como se puede apreciar, la apuesta por la calidad en la construcci\u00f3n de un proyecto software requiere estar al d\u00eda en las nuevas herramientas que faciliten nuestro trabajo. En <span style=\"color: #bf1238;\"><em><strong>Alvantia<\/strong><\/em><\/span> compartimos una filosof\u00eda de trabajo en la que el software s\u00f3lo se entrega si cumple nuestros est\u00e1ndares de calidad.<\/span><\/p>\n<div class=\"clearfix\"><\/div>","protected":false},"excerpt":{"rendered":"<p>En Alvantia concebimos la calidad como una cualidad intr\u00ednseca al software. Es por ello por lo que a la hora de iniciar un nuevo proyecto, la planificaci\u00f3n e implementaci\u00f3n de las pruebas ocupa un lugar privilegiado. Asimismo, para asegurar esta calidad, es necesaria una b\u00fasqueda continua de las mejores herramientas y que a su vez,<\/p>\n<p class=\"cv-read-more-button\"><a class=\"cv-button button is-standard color-accent has-icon icon-after\" href=\"https:\/\/www.alvantia.com\/en\/super-heroes-de-la-web-angularjs\/\">Continue Reading<i class=\"button-icon icon-right-open-big\"><\/i><\/a><\/p>\n","protected":false},"author":2,"featured_media":911,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[206],"tags":[37,117,118,119,120],"class_list":["post-790","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tecnologia-en","tag-alvantia-en","tag-frameworks-en","tag-html-en","tag-web-en","tag-webservices-en","not-single"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.alvantia.com\/en\/wp-json\/wp\/v2\/posts\/790","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.alvantia.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.alvantia.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.alvantia.com\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.alvantia.com\/en\/wp-json\/wp\/v2\/comments?post=790"}],"version-history":[{"count":12,"href":"https:\/\/www.alvantia.com\/en\/wp-json\/wp\/v2\/posts\/790\/revisions"}],"predecessor-version":[{"id":1346,"href":"https:\/\/www.alvantia.com\/en\/wp-json\/wp\/v2\/posts\/790\/revisions\/1346"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.alvantia.com\/en\/wp-json\/wp\/v2\/media\/911"}],"wp:attachment":[{"href":"https:\/\/www.alvantia.com\/en\/wp-json\/wp\/v2\/media?parent=790"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.alvantia.com\/en\/wp-json\/wp\/v2\/categories?post=790"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.alvantia.com\/en\/wp-json\/wp\/v2\/tags?post=790"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}