{"id":12535,"date":"2021-09-04T05:21:27","date_gmt":"2021-09-04T05:21:27","guid":{"rendered":"https:\/\/www.xst.mx\/site\/?p=12535"},"modified":"2021-09-04T05:39:14","modified_gmt":"2021-09-04T05:39:14","slug":"que-es-angular","status":"publish","type":"post","link":"https:\/\/www.xst.mx\/site\/desarrollo\/que-es-angular\/","title":{"rendered":"\u00bfQu\u00e9 es Angular?"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"12535\" class=\"elementor elementor-12535\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-2f89634 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"2f89634\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-31a880d\" data-id=\"31a880d\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-1e48640 elementor-widget elementor-widget-text-editor\" data-id=\"1e48640\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>Angular es un framework de desarrollo para JavaScript creado por Google que te permite crear aplicaciones web m\u00e1s r\u00e1pidas y fluidas esto es facilitarnos el desarrollo de aplicaciones web. En la actualidad, est\u00e1 siendo muy demandado para muchos empleos como programador. La primera versi\u00f3n apareci\u00f3 por el a\u00f1o 2009.<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-3ea57af elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"3ea57af\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-fd03506\" data-id=\"fd03506\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-7676ab6 elementor-widget elementor-widget-heading\" data-id=\"7676ab6\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Para qu\u00e9 sirve Angular\n<\/h3>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-78ed652 elementor-widget elementor-widget-text-editor\" data-id=\"78ed652\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>Angular 11.0.0 se lanz\u00f3 el 11 de noviembre de 2020. La historia de Angular es de todos conocida. Fue desarrollado inicialmente en 2010 por Google y mediante una licencia MIT de c\u00f3digo abierto logr\u00f3 una amplia aceptaci\u00f3n por parte de la comunidad. Esto le hizo r\u00e1pidamente evolucionar hacia un marco de desarrollo MVC<\/p><p>Angular manipula el objeto DOM y permite extender etiquetas HTML con directivas de modo que podemos convertir el c\u00f3digo HTML est\u00e1tico en una completa aplicaci\u00f3n din\u00e1mica. Para ello usa un patr\u00f3n MVVM (model view view-model) en donde separamos la l\u00f3gica del dise\u00f1o, pero mantenemos ambas partes conectadas (data binding) de manera que mantenemos el control sobre la capa visual DOM (el cuerpo de la web) y actualizar su contenido como queramos.<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-c8eb528 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"c8eb528\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-5a560ac\" data-id=\"5a560ac\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-e376a4e elementor-widget elementor-widget-heading\" data-id=\"e376a4e\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Las caracter\u00edsticas de Angular <\/h3>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5b89abc elementor-widget elementor-widget-text-editor\" data-id=\"5b89abc\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<ul><li>Nuevo selector de intervalo de fechas<\/li><li><strong>Rendimiento mejorado:<\/strong>\u00a0advertencias sobre importaciones de CommonJS, configuraciones opcionales m\u00e1s estrictas<\/li><li><strong>Actualizaciones de bibliotecas relacionadas:<\/strong>\u00a0TypeScript 3.9, TSLib v2.0, TSLint v6, compatibilidad con tsconfig.json, nueva configuraci\u00f3n predeterminada del navegador.<\/li><li><strong>BUGS<\/strong>: el equipo de Angular toc\u00f3 2,000 errores relacionados, incluidas las depreciaciones y eliminaciones.<\/li><\/ul>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-028d997 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"028d997\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-0e4572a\" data-id=\"0e4572a\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-1b804a2 elementor-widget elementor-widget-heading\" data-id=\"1b804a2\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Ventajas de Angular<\/h3>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7b69ffd elementor-widget elementor-widget-heading\" data-id=\"7b69ffd\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h4 class=\"elementor-heading-title elementor-size-default\">Framework m\u00e1s utilizado<\/h4>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8f0ba93 elementor-widget elementor-widget-text-editor\" data-id=\"8f0ba93\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>AngularJS es uno de los frameworks m\u00e1s utilizados para crear aplicaciones web. Adem\u00e1s, cuenta con un excelente soporte de una comunidad global de desarrolladores entusiastas y talentosos.<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2070efa elementor-widget elementor-widget-heading\" data-id=\"2070efa\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h4 class=\"elementor-heading-title elementor-size-default\">C\u00f3digo declarativo estilo\n<\/h4>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d3e0c91 elementor-widget elementor-widget-text-editor\" data-id=\"d3e0c91\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec El trabajo m\u00e1s agitado en codificaci\u00f3n es escribir c\u00f3digos para cada peque\u00f1a funci\u00f3n. Necesita escribir varios c\u00f3digos para agregar una sola funci\u00f3n. Con el paradigma de codificaci\u00f3n declarativa, AngularJS garantiza que los codificadores tengan que escribir menos c\u00f3digos. La codificaci\u00f3n se reduce para ejecutar los mismos objetivos.ullamcorper mattis, pulvinar dapibus leo.<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a7a060a elementor-widget elementor-widget-heading\" data-id=\"a7a060a\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h4 class=\"elementor-heading-title elementor-size-default\">Reconocimiento amplio\n<\/h4>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-276db8a elementor-widget elementor-widget-text-editor\" data-id=\"276db8a\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>AngularJS es un framework globalmente conocido. Se utiliza para desarrollar aplicaciones de alta calidad. Adem\u00e1s, tambi\u00e9n es conocido por desarrollar aplicaciones h\u00edbridas. Tiene una aceptaci\u00f3n global m\u00e1s amplia y actualmente tiene una tendencia como tecnolog\u00eda para desarrollar aplicaciones web.<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6214a3c elementor-widget elementor-widget-heading\" data-id=\"6214a3c\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h4 class=\"elementor-heading-title elementor-size-default\">El enlace de datos\n<\/h4>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3d9c0cf elementor-widget elementor-widget-text-editor\" data-id=\"3d9c0cf\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>Para mejorar la capacidad de prueba, AngularJS est\u00e1 en uso. La mejora de las pruebas se debe a que el desacoplamiento de los datos puede tener la vista del elemento DOM o HTML. El desarrollador puede identificar f\u00e1cilmente la l\u00f3gica que controla estos datos. Por otra parte, la separaci\u00f3n de datos tambi\u00e9n es muy simple. Aqu\u00ed, la divisi\u00f3n del elemento UI y su representaci\u00f3n hace que la visualizaci\u00f3n sea una experiencia agradable.<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9dfff05 elementor-widget elementor-widget-heading\" data-id=\"9dfff05\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Desventajas de Angular<\/h3>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a14c004 elementor-widget elementor-widget-heading\" data-id=\"a14c004\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h4 class=\"elementor-heading-title elementor-size-default\">Fallos de rendimiento\n<\/h4>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-086d50a elementor-widget elementor-widget-text-editor\" data-id=\"086d50a\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>Como las aplicaciones desarrolladas bajo el framework AngularJS son din\u00e1micas. Estas aplicaciones din\u00e1micas carecen de rendimiento. A veces, las aplicaciones complejas de una sola p\u00e1gina pueden tener algunos retrasos y mostrar fallos al realizar.<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-169433c elementor-widget elementor-widget-heading\" data-id=\"169433c\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h4 class=\"elementor-heading-title elementor-size-default\">Necesita profesionales\n<\/h4>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6cdcc8e elementor-widget elementor-widget-text-editor\" data-id=\"6cdcc8e\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>Un empresario puede considerar a AngularJS como el mejor framework adecuado para el desarrollo de aplicaciones web. Pero, usted sabe que su conocimiento de desarrollo web cl\u00e1sico crear\u00eda confusi\u00f3n cuando utiliza AngularJS. Caracter\u00edsticas como la inyecci\u00f3n de dependencia y la firma pueden ser un reto para usted. O tendr\u00e1 que invertir m\u00e1s tiempo en el aprendizaje o quiz\u00e1s deba buscar ayuda profesional.<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-328a049 elementor-widget elementor-widget-heading\" data-id=\"328a049\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h4 class=\"elementor-heading-title elementor-size-default\">JavaScript obligatorio\n<\/h4>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c515513 elementor-widget elementor-widget-text-editor\" data-id=\"c515513\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>Nada en el mundo es absoluto. \u00bfEs universal que todas las computadoras y computadoras port\u00e1tiles tengan un soporte de JavaScript habilitado? Cuando tienes un negocio, quieres llegar al n\u00famero m\u00e1ximo de personas. Cuando falta el soporte de JavaScript, su sitio web o aplicaci\u00f3n no podr\u00eda llegar a estas personas. Tu aplicaci\u00f3n web se volver\u00eda menos \u00fatil. En cambio, si utiliza HTML como base para el desarrollo web, este problema se elimina.<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Angular es un framework de desarrollo para JavaScript creado por Google que te permite crear aplicaciones web m\u00e1s r\u00e1pidas y fluidas esto es facilitarnos el desarrollo de aplicaciones web. En la actualidad, est\u00e1 siendo muy demandado para muchos empleos como programador. La primera versi\u00f3n apareci\u00f3 por el a\u00f1o 2009. Para&#8230;<\/p>\n","protected":false},"author":2,"featured_media":12536,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_kadence_starter_templates_imported_post":false,"_kad_post_transparent":"","_kad_post_title":"","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"footnotes":""},"categories":[18],"tags":[],"class_list":["post-12535","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-desarrollo"],"_links":{"self":[{"href":"https:\/\/www.xst.mx\/site\/wp-json\/wp\/v2\/posts\/12535","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.xst.mx\/site\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.xst.mx\/site\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.xst.mx\/site\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.xst.mx\/site\/wp-json\/wp\/v2\/comments?post=12535"}],"version-history":[{"count":4,"href":"https:\/\/www.xst.mx\/site\/wp-json\/wp\/v2\/posts\/12535\/revisions"}],"predecessor-version":[{"id":12541,"href":"https:\/\/www.xst.mx\/site\/wp-json\/wp\/v2\/posts\/12535\/revisions\/12541"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.xst.mx\/site\/wp-json\/wp\/v2\/media\/12536"}],"wp:attachment":[{"href":"https:\/\/www.xst.mx\/site\/wp-json\/wp\/v2\/media?parent=12535"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.xst.mx\/site\/wp-json\/wp\/v2\/categories?post=12535"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.xst.mx\/site\/wp-json\/wp\/v2\/tags?post=12535"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}