{"id":2798,"date":"2022-07-25T12:09:41","date_gmt":"2022-07-25T17:09:41","guid":{"rendered":"https:\/\/talently.tech\/blog\/?p=2798"},"modified":"2022-08-01T13:29:46","modified_gmt":"2022-08-01T18:29:46","slug":"que-es-angular","status":"publish","type":"post","link":"https:\/\/talently.tech\/blog\/que-es-angular\/","title":{"rendered":"\u00bfQu\u00e9 es Angular?"},"content":{"rendered":"<p><span style=\"font-weight: 400;\">Hoy hablaremos sobre un tema recurrente en el mundo de la programaci\u00f3n: \u00bfqu\u00e9 es Angular? \u00bfPara qu\u00e9 sirve? Y la pregunta m\u00e1s repetida: \u00bfcu\u00e1l es la diferencia entre Angular y AngularJS?\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Tanto si est\u00e1s incursionando en el desarrollo web, como si tienes a\u00f1os de experiencia y conoces de Angular pero tienes algunas dudas, este art\u00edculo seguro resultar\u00e1 de tu inter\u00e9s.\u00a0 Adem\u00e1s, todos sabemos lo cambiante que puede ser el mundo de la tecnolog\u00eda, por lo tanto, es importante mantenerse actualizado y conocer las novedades tech.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Muchas aplicaciones, como Instagram, Facebook y Netflix, se desarrollan utilizando potentes herramientas de front-end para brindar una experiencia de usuario perfecta. Una de esas herramientas es Angular.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Acomp\u00e1\u00f1anos a conocer este framework en profundidad. \u00a1Vamos!<\/span><\/p>\n<h2><b>\u00bfQu\u00e9 es Angular en programaci\u00f3n?<\/b><\/h2>\n<p><span style=\"font-weight: 400;\">Angular es un framework de JavaScript de tipo open source, es decir de c\u00f3digo abierto, desarrollado por Google. Se utiliza en la creaci\u00f3n y programaci\u00f3n de aplicaciones web de una sola p\u00e1gina.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Como se explica en el <\/span><a href=\"https:\/\/angular.io\/guide\/what-is-angular\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">sitio web de Angular<\/span><\/a><span style=\"font-weight: 400;\">, <\/span><i><span style=\"font-weight: 400;\">\u201clos componentes son los bloques de construcci\u00f3n que componen una aplicaci\u00f3n. Un componente incluye una clase de TypeScript con un decorador, una plantilla HTML y estilos\u201d.<\/span><\/i><span style=\"font-weight: 400;\">\u00a0<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">\u00bfQu\u00e9 es un decorador en angular? El decorador establece la informaci\u00f3n espec\u00edfica de Angular.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Un selector de CSS define c\u00f3mo se usa el componente en una plantilla. Los elementos HTML de su plantilla que coincidan con este selector se convierten en instancias del componente.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Una plantilla HTML que le indica a Angular c\u00f3mo representar el componente<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Un conjunto opcional de estilos CSS que definen la apariencia de los elementos HTML de la plantilla<\/span><\/li>\n<\/ul>\n<h3><span style=\"font-weight: 400;\">Versiones de Angular<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">Para entender mejor qu\u00e9 es Angular, es importante ir a sus inicios. Cuando se cre\u00f3 Angular en 2010, su primera versi\u00f3n se llam\u00f3 AngularJS. Al poco tiempo, este framework se hizo muy popular y comenz\u00f3 a llamarse, simplemente, Angular. Esto gener\u00f3 la confusi\u00f3n que se mantiene hasta el d\u00eda de hoy de Angular vs AngularJS.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Al momento de presentarse Angular 2, pr\u00e1cticamente la totalidad del c\u00f3digo fue reescrito en TypeScript, haciendo \u00e9nfasis en el desarrollo de dispositivos m\u00f3viles. La meta principal era que los programadores pudieran crear un c\u00f3digo m\u00e1s estructurado, eficiente y reutilizable. Esto hizo que AngularJS evolucionara hasta convertirse en un Framework de facto.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Desde ese momento, ambas versiones empezaran a distinguirse la una de la otra. Veamos las principales diferencias:\u00a0<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Angular est\u00e1 orientado a tel\u00e9fonos inteligentes.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Mientras Angular usa TypeScript, AngularJS usa JavaScript.\u00a0<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Por su lado, Angular usa componentes web, mientras que AngularJS usa controladores.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Angular usa directamente el DOM.\u00a0<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Se considera que Angular es m\u00e1s f\u00e1cil de construir y mantener aplicaciones grandes<\/span><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">En resumen, Angular no es una versi\u00f3n perfeccionada de AngularJS, sino que se trata de un producto totalmente nuevo y diferenciado.\u00a0<\/span><\/p>\n<h3><span style=\"font-weight: 400;\">Angular vs React<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">Otro debate bastante frecuente en el rubro es: \u00bfcu\u00e1l es la diferencia entre Angular y React? Si bien ambos se utilizan para el desarrollo de aplicaciones web, la verdad es que hay numerosas diferencias entre uno y otro.\u00a0\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Angular es un framework web que brinda una estructura completa para que los desarrolladores puedan trabajar. Es de c\u00f3digo abierto y est\u00e1 escrito en Typescript.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Por su lado,\u00a0 React se enfoca en los detalles m\u00e1s minimalistas con enfoque en el desarrollo de la interfaz de usuario. Por lo tanto, es m\u00e1s una librer\u00eda que un framework en s\u00ed.\u00a0<\/span><\/p>\n<h2><b>\u00bfQui\u00e9n cre\u00f3 Angular?<\/b><\/h2>\n<p><span style=\"font-weight: 400;\">AngularJS empez\u00f3 a ser desarrollado en 2009 por Mi\u0161ko Hevery. En sus inicios, era un servicio de almacenamiento online de archivos JSON. Tiempo despu\u00e9s, se relanz\u00f3 Angular como un proyecto open-source.<\/span><\/p>\n<h2><b>\u00bfPara qu\u00e9 sirve Angular?<\/b><\/h2>\n<p><span style=\"font-weight: 400;\">Si ahora que sabes qu\u00e9 es Angular, a\u00fan te preguntas qu\u00e9 se puede hacer con angular, entonces sigue leyendo.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Seguramente hayas tenido que hacer el proyecto denominado \u201cHello World\u201d, que se trata de crear una aplicaci\u00f3n con Angular.\u00a0 Y es que Angular tiene claras ventajas al mismo tiempo que proporciona una estructura est\u00e1ndar para los desarrolladores.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">En definitiva, y como hemos mencionado, Angular framework se utiliza para crear y mantener aplicaciones web de una sola p\u00e1gina. De hecho, muchas empresas de primer nivel y de tipo mundial, como Google, Nike, Upwork, HBO y otras, usan Angular.\u00a0<\/span><\/p>\n<h2><b>\u00bfPor qu\u00e9 Angular se considera un framework?<\/b><\/h2>\n<p><span style=\"font-weight: 400;\">En el mundo del desarrollo, podemos decir que un framework es una estructura de soporte conceptual y tecnol\u00f3gica, \u201ccon m\u00f3dulos de software espec\u00edficos, que pueden servir como base para la organizaci\u00f3n y desarrollo de software\u201d, como explica el blog de Hiberus.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">En otras palabras, un framework es como una plantilla o esquema tecnol\u00f3gico que permite trabajar en un proyecto de una forma mucho m\u00e1s sencilla y eficiente.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Por estos motivos, es que se considera a Angular un framework.\u00a0\u00a0<\/span><\/p>\n<h2><b>\u00bfC\u00f3mo conseguir trabajo remoto como desarrollador Angular?<\/b><\/h2>\n<p><span style=\"font-weight: 400;\">Si bien la curva de aprendizaje de lo que es Angular es relativamente alta (siendo uno de los frameworks m\u00e1s complejos),<strong> la demanda de proyectos con esta tecnolog\u00eda a\u00fan se mantiene alta<\/strong>. Por lo tanto, con esfuerzo, dedicaci\u00f3n y constancia, no ser\u00eda raro que puedas encontrar r\u00e1pidamente un trabajo remoto como programador Angular. Pero \u00bfqu\u00e9 deber\u00edas tener en cuenta?<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Bien, existen algunos <strong>aspectos que son clave para poder encarar tu b\u00fasqueda laboral<\/strong>. Por ejemplo:\u00a0<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Mantener actualizadas tus <strong>skills t\u00e9cnicas y habilidades de empleabilidad<\/strong>.\u00a0<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\"><strong>Practicar, practicar y practicar<\/strong> para poder pasar con \u00e9xito retos t\u00e9cnicos.\u00a0<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Mantener tu <strong>perfil profesional<\/strong> actualizado.\u00a0<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Crear una<strong> red de networking<\/strong> que te permita conectar con empresas tech.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Conocer sobre los <\/span><a href=\"https:\/\/talently.tech\/blog\/lenguajes-programacion-mejor-pagados\/\"><span style=\"font-weight: 400;\">lenguajes de programaci\u00f3n mejor pagados<\/span><\/a><span style=\"font-weight: 400;\"> tambi\u00e9n te ayudar\u00e1 a tener un panorama sobre lo que se busca en en el mercado.\u00a0<\/span><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">\u00a1No olvides que en nuestro programa de entrenamiento Talently podemos ayudarte con estos puntos y m\u00e1s!<\/span><\/p>\n<p><span style=\"font-weight: 400;\">A prop\u00f3sito, si tambi\u00e9n te interesa la <\/span><a href=\"https:\/\/talently.tech\/blog\/programacion-en-r\/\"><span style=\"font-weight: 400;\">programaci\u00f3n en R<\/span><\/a><span style=\"font-weight: 400;\">, te recomendamos que revises el art\u00edculo que tenemos preparado para ti sobre ese lenguaje. <\/span><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Hoy hablaremos sobre un tema recurrente en el mundo de la programaci\u00f3n: \u00bfqu\u00e9 es Angular? \u00bfPara qu\u00e9 sirve? Y la pregunta m\u00e1s repetida: \u00bfcu\u00e1l es la diferencia entre Angular y AngularJS?\u00a0 Tanto si est\u00e1s incursionando en el desarrollo web, como si tienes a\u00f1os de experiencia y conoces de Angular pero tienes algunas dudas, este art\u00edculo [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":2818,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"categories":[31],"tags":[],"class_list":["post-2798","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-lenguajes-de-programacion"],"acf":[],"_links":{"self":[{"href":"https:\/\/talently.tech\/blog\/wp-json\/wp\/v2\/posts\/2798","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/talently.tech\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/talently.tech\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/talently.tech\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/talently.tech\/blog\/wp-json\/wp\/v2\/comments?post=2798"}],"version-history":[{"count":0,"href":"https:\/\/talently.tech\/blog\/wp-json\/wp\/v2\/posts\/2798\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/talently.tech\/blog\/wp-json\/wp\/v2\/media\/2818"}],"wp:attachment":[{"href":"https:\/\/talently.tech\/blog\/wp-json\/wp\/v2\/media?parent=2798"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/talently.tech\/blog\/wp-json\/wp\/v2\/categories?post=2798"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/talently.tech\/blog\/wp-json\/wp\/v2\/tags?post=2798"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}