{"id":95593,"date":"2022-07-25T03:48:59","date_gmt":"2022-07-25T01:48:59","guid":{"rendered":"https:\/\/rmarketingdigital.com\/javascript\/como-empezar-a-usar-javascript-con-angular\/"},"modified":"2020-12-04T02:04:39","modified_gmt":"2020-12-04T05:04:39","slug":"como-empezar-a-usar-javascript-con-angular","status":"publish","type":"post","link":"https:\/\/rmarketingdigital.com\/en\/javascript\/como-empezar-a-usar-javascript-con-angular\/","title":{"rendered":"How to start using JavaScript with Angular?"},"content":{"rendered":"<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_86 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\">Contenidos<\/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:\/\/rmarketingdigital.com\/en\/javascript\/como-empezar-a-usar-javascript-con-angular\/#Incluyendo-los-scripts-de-AngularJS-desde-la-CDN-de-Google\" >Incluyendo los\u00a0 scripts de AngularJS desde la CDN de Google<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/rmarketingdigital.com\/en\/javascript\/como-empezar-a-usar-javascript-con-angular\/#Descarga-y-alojamiento-de-archivos-AngularJS-localmente\" >Descarga y alojamiento de archivos AngularJS localmente<\/a><ul class='ez-toc-list-level-4' ><li class='ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/rmarketingdigital.com\/en\/javascript\/como-empezar-a-usar-javascript-con-angular\/#%C2%BFPor-que-este-proyecto-se-llama-%C2%ABAngularJS%C2%BB-%C2%BFPor-que-se-llama-%C2%ABng%C2%BB-al-espacio-de-nombres\" >\u00bfPor qu\u00e9 este proyecto se llama \u00abAngularJS\u00bb? \u00bfPor qu\u00e9 se llama \u00abng\u00bb al espacio de nombres?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/rmarketingdigital.com\/en\/javascript\/como-empezar-a-usar-javascript-con-angular\/#%C2%BFEs-AngularJS-una-biblioteca-framework-plugin-o-una-extension-de-navegador\" >\u00bfEs AngularJS una biblioteca, framework, plugin o una extensi\u00f3n de navegador?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/rmarketingdigital.com\/en\/javascript\/como-empezar-a-usar-javascript-con-angular\/#%C2%BFQue-es-la-estrategia-de-versionado-de-AngularJS\" >\u00bfQu\u00e9 es la estrategia de versionado de AngularJS?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/rmarketingdigital.com\/en\/javascript\/como-empezar-a-usar-javascript-con-angular\/#%C2%BFCuando-se-eliminan-las-funciones-obsoletas-de-la-biblioteca\" >\u00bfCu\u00e1ndo se eliminan las funciones obsoletas de la biblioteca?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/rmarketingdigital.com\/en\/javascript\/como-empezar-a-usar-javascript-con-angular\/#%C2%BFEs-AngularJS-un-sistema-de-plantillas\" >\u00bfEs AngularJS un sistema de plantillas?<\/a><\/li><\/ul><\/li><\/ul><\/li><\/ul><\/nav><\/div>\n<div itemprop=\"articleBody\">\n<p>Si lo que quieres es saber qu\u00e9 necesitas ahora mismo para empezar a utilizar Angular, has llegado al sitio indicado. Angular es una excelente herramienta que te otorgar\u00e1 una excelente y singular forma de programar en JavaScript.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Incluyendo-los-scripts-de-AngularJS-desde-la-CDN-de-Google\"><\/span>Incluyendo los\u00a0 scripts de AngularJS desde la CDN de Google<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>La forma m\u00e1s r\u00e1pida de empezar a utilizar esta poderosa herramienta, es utilizar tu ya conocida tu etiqueta de lenguaje\u00a0 html <strong>&lt;script&gt;<\/strong> a una URL de <strong>Google CDN.<\/strong> De esta manera, no tendr\u00e1s que descargar nada a tu computador personal, ni tendr\u00e1s la necesidad de mantener una copia local.<\/p>\n<p>Hay dos tipos de URLs de scripts AngularJS que puedes utilizar. Es muy simple, solo debes elegir uno de ellos; existe uno para desarrollo y otro para producci\u00f3n:<\/p>\n<ul>\n<li><strong>angular.js<\/strong>: Esta es la versi\u00f3n legible para los seres humanos,\u00a0 ya que no est\u00e1 modificada,\u00a0 y es sumamente recomendada paraadecuada para el desarrollo web.<\/li>\n<li><strong>angular.min.js<\/strong>: Esta ya es la versi\u00f3n minada, la cual te recomiendo con hincapi\u00e9 la utilices m\u00e1s que todo para la producci\u00f3n.<\/li>\n<\/ul>\n<p>Para dirigir tu c\u00f3digo a un script de AngularJS alojado en el servidor CDN de Google, utiliza la plantilla mostrada en la parte inferior de este p\u00e1rrafo, es importante recalcarte que este ejemplo va dirigido especialmente a la versi\u00f3n minimizada 1.5.6. Aqu\u00ed te lo dejo:<\/p>\n<pre data-enlighter-language=\"php\" class=\"EnlighterJSRAW\">&#13;\n&#13;\n&lt;!DOCTYPE html&gt;&#13;\n&lt;html ng-app&gt;&#13;\n&lt;head&gt;&#13;\n&lt;title&gt;Mi primer proyecto en Angular JS&lt;\/title&gt;&#13;\n&lt;script src=\"https:\/\/ajax.googleapis.com\/ajax\/libs\/angularjs\/1.5.6\/angular.min.js\"&gt;&#13;\n&lt;\/script&gt;&#13;\n&lt;\/head&gt;&#13;\n&lt;body&gt;&#13;\n&lt;\/body&gt;&#13;\n&lt;\/html&gt;&#13;\n&#13;\n<\/pre>\n<p>\ud83d\udcdd Nota: Ten en cuenta que s\u00f3lo las versiones 1.0.1 y superiores a esta est\u00e1n disponibles en la CDN. Si necesitas una versi\u00f3n anterior (que no deber\u00edas necesitarla ni utilizarla) puedes utilizar la URL <a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/code.angularjs.org\/\">https:\/\/code.angularjs.org\/<\/a>, la cual es la ubicaci\u00f3n recomendada anteriormente para el c\u00f3digo fuente de versiones anteriores. Si todav\u00eda estas utilizando el servidor AngularJS, deberias cambiar a la versi\u00f3n CDN para obtener tiempos de carga a\u00fan m\u00e1s r\u00e1pidos.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Descarga-y-alojamiento-de-archivos-AngularJS-localmente\"><\/span>Descarga y alojamiento de archivos AngularJS localmente<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Esta opci\u00f3n es para aquellos que quieren trabajar con AngularJS offline, o para aquellos que quieren alojar los archivos AngularJS en sus propios servidores.<\/p>\n<p>Si navegas a <a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/code.angularjs.org\/\">https:\/\/code.angularjs.org\/<\/a>, veras un listado de directorios con todas las versiones de AngularJS desde que empezamos a lanzar los artefactos de construcci\u00f3n versionados. Cada directorio contiene todos los artefactos que liberamos para una versi\u00f3n en particular. Descarga la versi\u00f3n que quieras y divi\u00e9rtete.<\/p>\n<p>Nota: Puedes ignorar los directorios que empiezan por 2. (por ejemplo, 2.0.0.0-beta.17) \u2013 no est\u00e1n relacionados con AngularJS. Contienen artefactos de construcci\u00f3n de las versiones Angular.<\/p>\n<p>Cada directorio bajo <a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/code.angularjs.org\/\">https:\/\/code.angularjs.org\/<\/a> incluye un conjunto de archivos que comprenden la versi\u00f3n correspondiente. Todos los archivos JavaScript (a excepci\u00f3n de los de tipo angular, que s\u00f3lo se utilizan durante el desarrollo) vienen en dos versiones: una adecuada para el desarrollo y otra para la producci\u00f3n:<\/p>\n<ul>\n<li><strong>&lt;filename&gt;.js<\/strong> \u2013 Estos archivos no est\u00e1n ocultos, no est\u00e1n modificados y son legibles por el ser humano al abrirlos en cualquier editor o navegador. Para obtener mejores mensajes de error durante el desarrollo, siempre debe utilizar estos scripts no modificados.<\/li>\n<li><strong>&lt;filename&gt;.min.js<\/strong> \u2013 Son versiones minimizadas y ofuscadas, creadas con el compilador de Closure. Utilice estas versiones para la producci\u00f3n con el fin de minimizar el tama\u00f1o de la aplicaci\u00f3n que descarga el navegador de su usuario.<\/li>\n<li><strong>&lt;filename&gt;.min.js.map<\/strong> \u2013 Estos son archivos sourcemap. Puede servirlos junto con los archivos.min.js para poder depurar el c\u00f3digo minificado (por ejemplo, en una implementaci\u00f3n de producci\u00f3n) m\u00e1s f\u00e1cilmente, pero sin afectar al rendimiento.<\/li>\n<\/ul>\n<p>El conjunto de archivos incluidos en cada directorio de versiones es:<\/p>\n<ul>\n<li><strong>angular.zip<\/strong> \u2013 Este es un archivo zip que contiene todos los archivos liberados para esta versi\u00f3n de AngularJS. Utilice este archivo para obtener todo en una sola descarga.<\/li>\n<li><strong>angular.js<\/strong> \u2013 El n\u00facleo de la estructura AngularJS. Esto es todo lo que necesita para que su aplicaci\u00f3n AngularJS funcione.<\/li>\n<li><strong>angular-csp.css<\/strong> \u2013 S\u00f3lo necesita este archivo si est\u00e1 usando CSP (Content Security Policy). Vea aqu\u00ed para m\u00e1s informaci\u00f3n.<\/li>\n<li><strong>angular-mocks.js<\/strong> \u2013 Este archivo contiene una implementaci\u00f3n de mocks que hace que las pruebas de aplicaciones angulares sean a\u00fan m\u00e1s f\u00e1ciles. Su arn\u00e9s de prueba de unidad\/integraci\u00f3n debe cargar este archivo despu\u00e9s de cargar el archivo angular.js.<\/li>\n<li><strong>angular-loader.js<\/strong> \u2013 Cargador de m\u00f3dulos para m\u00f3dulos AngularJS. Si est\u00e1 cargando m\u00faltiples archivos de script que contienen m\u00f3dulos AngularJS, puede cargarlos asincr\u00f3nicamente y en cualquier orden siempre y cuando cargue primero este archivo. A menudo el contenido de este archivo se copia y pega en el index.html para evitar incluso la petici\u00f3n inicial al cargador angular[.min].js. Vea Semillas angulares para un ejemplo de uso.<\/li>\n<li><strong>M\u00f3dulos AngularJS adicionales:<\/strong> M\u00f3dulos opcionales con funcionalidad adicional. Estos archivos deben cargarse despu\u00e9s del <strong>archivo[.min].js<\/strong> angular del n\u00facleo:\n<ul>\n<li><strong>angular-animate.js<\/strong> \u2013 Habilitar el soporte de animaci\u00f3n. (API docs)<\/li>\n<li><strong>angular-aria.js<\/strong> \u2013 Haga que sus aplicaciones sean accesibles a los usuarios de tecnolog\u00edas de asistencia. (API docs)<\/li>\n<li><strong>angular-cookies.js<\/strong> \u2013 Un envoltorio conveniente para leer y escribir las cookies del navegador. (API docs)<\/li>\n<li><strong>angular-message-format.js<\/strong> \u2013 Soporte mejorado para la pluralizaci\u00f3n y mensajes espec\u00edficos de g\u00e9nero en texto interpolado. (API docs)<\/li>\n<li><strong>angular-messages.js<\/strong> \u2013 Soporte mejorado para mostrar mensajes de validaci\u00f3n. (API docs)<\/li>\n<li><strong>angular-parse-ext.js<\/strong> \u2013 Permitir caracteres Unicode en identificadores dentro de expresiones AngularJS. (API docs)<\/li>\n<li><strong>angular-resource.js<\/strong> \u2013 F\u00e1cil interacci\u00f3n con los servicios de RESTful. (API docs)<\/li>\n<li><strong>angular-route.js<\/strong> \u2013 Servicios de enrutamiento y deep-linking y directivas para aplicaciones AngularJS. (API docs)<\/li>\n<li><strong>angular-sanitize.js<\/strong> \u2013 Funcionalidad para desinfectar HTML. (API docs)<\/li>\n<li><strong>angular-touch.js<\/strong> \u2013 Eventos t\u00e1ctiles para dispositivos t\u00e1ctiles. (API docs)<\/li>\n<\/ul>\n<\/li>\n<li><strong>docs\/<\/strong> \u2013 Este directorio contiene todos los archivos que componen la aplicaci\u00f3n de documentaci\u00f3n<a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/docs.angularjs.org\/\"> https:\/\/docs.angularjs.org\/<\/a> Estos archivos son \u00fatiles para ver las versiones anteriores de nuestros documentos o, lo que es m\u00e1s importante, para ver los documentos sin conexi\u00f3n.<\/li>\n<li><strong>i18n\/<\/strong> \u2013 Este directorio contiene m\u00f3dulos <strong>ngLocale AngularJS<\/strong> espec\u00edficos de la localidad para anular los valores predeterminados definidos en el m\u00f3dulo <strong>ng<\/strong> principal.<\/li>\n<\/ul>\n<h4><span class=\"ez-toc-section\" id=\"%C2%BFPor-que-este-proyecto-se-llama-%C2%ABAngularJS%C2%BB-%C2%BFPor-que-se-llama-%C2%ABng%C2%BB-al-espacio-de-nombres\"><\/span>\u00bfPor qu\u00e9 este proyecto se llama \u00abAngularJS\u00bb? \u00bfPor qu\u00e9 se llama \u00abng\u00bb al espacio de nombres?<span class=\"ez-toc-section-end\"><\/span><\/h4>\n<p>Porque <strong>HTML<\/strong> tiene corchetes angulares y <strong>\u00abng\u00bb<\/strong> suena como <strong>\u00abAngularJS\u00bb.<\/strong><\/p>\n<h4><span class=\"ez-toc-section\" id=\"%C2%BFEs-AngularJS-una-biblioteca-framework-plugin-o-una-extension-de-navegador\"><\/span>\u00bfEs AngularJS una biblioteca, framework, plugin o una extensi\u00f3n de navegador?<span class=\"ez-toc-section-end\"><\/span><\/h4>\n<p>AngularJS se ajusta mejor a la definici\u00f3n de un framework, aunque es mucho m\u00e1s ligero que un framework t\u00edpico y por eso muchos lo confunden con una librer\u00eda.<\/p>\n<p>AngularJS es 100% JavaScript, 100% cliente y compatible con navegadores de escritorio y m\u00f3viles. As\u00ed que definitivamente no es un plugin o alguna otra extensi\u00f3n nativa del navegador.<\/p>\n<h4><span class=\"ez-toc-section\" id=\"%C2%BFQue-es-la-estrategia-de-versionado-de-AngularJS\"><\/span>\u00bfQu\u00e9 es la estrategia de versionado de AngularJS?<span class=\"ez-toc-section-end\"><\/span><\/h4>\n<p>En AngularJS no permitimos que aparezcan cambios intencionales de rotura en versiones donde s\u00f3lo cambia el n\u00famero del \u00abparche\u00bb. Por ejemplo, entre 1.3.12 y 1.3.13 no puede haber cambios de ruptura. Permitimos que los cambios de ruptura ocurran entre cambios de n\u00fameros \u00abmenores\u00bb. Por ejemplo, entre 1.3.15 y 1.4.0 hay una serie de cambios de ruptura. Esto significa que AngularJS no sigue el versionado sem\u00e1ntico (semver) donde los cambios de ruptura s\u00f3lo se permiten cuando cambia la versi\u00f3n \u00abmayor\u00bb.<\/p>\n<p>Tambi\u00e9n permitimos cambios de ruptura entre las versiones beta de AngularJS. Por ejemplo, entre 1.4.0-beta.4 y 1.4.0-beta.5 puede haber cambios de ruptura. Nos esforzamos por minimizar este tipo de cambios s\u00f3lo en aquellos casos en los que existe un fuerte caso de uso, como en el caso de una mejora de las caracter\u00edsticas muy solicitada, una simplificaci\u00f3n considerable del c\u00f3digo, una mejora mensurable del rendimiento o una mejor experiencia del desarrollador (especialmente en lo que se refiere a la actualizaci\u00f3n a Angular).<\/p>\n<p>Cuando estamos haciendo un lanzamiento generamos actualizaciones al registro de cambios directamente desde las confirmaciones. Esta actualizaci\u00f3n generada contiene una secci\u00f3n resaltada que contiene todos los cambios de ruptura que se han extra\u00eddo de las confirmaciones. Podemos ver r\u00e1pidamente en el nuevo registro de cambios exactamente qu\u00e9 confirmaciones contienen cambios de ruptura y tambi\u00e9n lo pueden hacer los desarrolladores de aplicaciones cuando est\u00e1n decidiendo si actualizarse a una nueva versi\u00f3n de AngularJS.<\/p>\n<p>Las caracter\u00edsticas con cambios que no se rompen tambi\u00e9n pueden aparecer en la versi\u00f3n \u00abpatch\u00bb, por ejemplo, en la versi\u00f3n 1.6.3 puede haber una caracter\u00edstica que no est\u00e9 disponible en la 1.6.2.<\/p>\n<p>Por \u00faltimo, la deprecaci\u00f3n de las caracter\u00edsticas tambi\u00e9n puede aparecer en las actualizaciones de versiones \u00abmenores\u00bb. Esto significa que las caracter\u00edsticas seguir\u00e1n funcionando en esta versi\u00f3n, pero a veces deben activarse espec\u00edficamente.<\/p>\n<h4><span class=\"ez-toc-section\" id=\"%C2%BFCuando-se-eliminan-las-funciones-obsoletas-de-la-biblioteca\"><\/span>\u00bfCu\u00e1ndo se eliminan las funciones obsoletas de la biblioteca?<span class=\"ez-toc-section-end\"><\/span><\/h4>\n<p>La mayor\u00eda de las veces eliminamos una caracter\u00edstica obsoleta en una nueva versi\u00f3n menor. Por ejemplo, el m\u00e9todo preAssignBindingsEnabled $compileProvider fue definido en AngularJS 1.5.10, obsoleto en 1.6 y ser\u00e1 eliminado en 1.7.<\/p>\n<p>En el caso de jqLite aplicamos una estrategia diferente \u2013 desaprobamos las caracter\u00edsticas que tienen un equivalente en jQuery que tambi\u00e9n es desaprobado, pero s\u00f3lo eliminamos la caracter\u00edstica una vez que se elimina de jQuery para mejorar la compatibilidad entre jqLite y jQuery. Un ejemplo de ello es el m\u00e9todo bind, obsoleto a favor de on pero que no es probable que sea eliminado de jqLite en un futuro cercano.<\/p>\n<h4><span class=\"ez-toc-section\" id=\"%C2%BFEs-AngularJS-un-sistema-de-plantillas\"><\/span>\u00bfEs AngularJS un sistema de plantillas?<span class=\"ez-toc-section-end\"><\/span><\/h4>\n<p>En el nivel m\u00e1s alto, AngularJS parece un sistema de plantillas m\u00e1s. Pero hay una raz\u00f3n importante por la que el sistema de plantillas AngularJS es diferente, que lo hace muy adecuado para el desarrollo de aplicaciones: la vinculaci\u00f3n de datos bidireccional. La plantilla se compila en el navegador y el paso de compilaci\u00f3n produce una vista en vivo. Esto significa que ustedes, los desarrolladores, no necesitan escribir c\u00f3digo para sincronizar constantemente la vista con el modelo y el modelo con la vista como en otros sistemas de plantillas.<\/p>\n<\/p><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Si lo que quieres es saber qu\u00e9 necesitas ahora mismo para empezar a utilizar Angular, has llegado al sitio indicado. Angular es una excelente herramienta que te otorgar\u00e1 una excelente&#8230;<\/p>","protected":false},"author":1,"featured_media":95594,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1374],"tags":[],"class_list":["post-95593","post","type-post","status-publish","format-standard","has-post-thumbnail","category-javascript"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v27.0 (Yoast SEO v28.2) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>\u00bfC\u00f3mo empezar a usar JavaScript con Angular? - R Marketing Digital<\/title>\n<meta name=\"description\" content=\"Si lo que quieres es saber qu\u00e9 necesitas ahora mismo para empezar a utilizar Angular, has llegado al sitio indicado. Angular es una excelente 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:\/\/rmarketingdigital.com\/en\/javascript\/como-empezar-a-usar-javascript-con-angular\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"\u00bfC\u00f3mo empezar a usar JavaScript con Angular?\" \/>\n<meta property=\"og:description\" content=\"Si lo que quieres es saber qu\u00e9 necesitas ahora mismo para empezar a utilizar Angular, has llegado al sitio indicado. Angular es una excelente herramienta\" \/>\n<meta property=\"og:url\" content=\"https:\/\/rmarketingdigital.com\/en\/javascript\/como-empezar-a-usar-javascript-con-angular\/\" \/>\n<meta property=\"og:site_name\" content=\"R Marketing Digital\" \/>\n<meta property=\"article:published_time\" content=\"2022-07-25T01:48:59+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/12\/C2Sg2H8WgAAsW40-1452197.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"610\" \/>\n\t<meta property=\"og:image:height\" content=\"494\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"R Marketing Digital\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/javascript\\\/como-empezar-a-usar-javascript-con-angular\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/javascript\\\/como-empezar-a-usar-javascript-con-angular\\\/\"},\"author\":{\"name\":\"R Marketing Digital\",\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/#\\\/schema\\\/person\\\/7c0d9782b2977b840b3740f00c69a73e\"},\"headline\":\"\u00bfC\u00f3mo empezar a usar JavaScript con Angular?\",\"datePublished\":\"2022-07-25T01:48:59+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/javascript\\\/como-empezar-a-usar-javascript-con-angular\\\/\"},\"wordCount\":1690,\"image\":{\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/javascript\\\/como-empezar-a-usar-javascript-con-angular\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/rmarketingdigital.com\\\/wp-content\\\/uploads\\\/2020\\\/12\\\/C2Sg2H8WgAAsW40-1452197.jpg\",\"articleSection\":[\"Javascript\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/javascript\\\/como-empezar-a-usar-javascript-con-angular\\\/\",\"url\":\"https:\\\/\\\/rmarketingdigital.com\\\/javascript\\\/como-empezar-a-usar-javascript-con-angular\\\/\",\"name\":\"\u00bfC\u00f3mo empezar a usar JavaScript con Angular? - R Marketing Digital\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/javascript\\\/como-empezar-a-usar-javascript-con-angular\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/javascript\\\/como-empezar-a-usar-javascript-con-angular\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/rmarketingdigital.com\\\/wp-content\\\/uploads\\\/2020\\\/12\\\/C2Sg2H8WgAAsW40-1452197.jpg\",\"datePublished\":\"2022-07-25T01:48:59+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/#\\\/schema\\\/person\\\/7c0d9782b2977b840b3740f00c69a73e\"},\"description\":\"Si lo que quieres es saber qu\u00e9 necesitas ahora mismo para empezar a utilizar Angular, has llegado al sitio indicado. Angular es una excelente herramienta\",\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/rmarketingdigital.com\\\/javascript\\\/como-empezar-a-usar-javascript-con-angular\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/javascript\\\/como-empezar-a-usar-javascript-con-angular\\\/#primaryimage\",\"url\":\"https:\\\/\\\/rmarketingdigital.com\\\/wp-content\\\/uploads\\\/2020\\\/12\\\/C2Sg2H8WgAAsW40-1452197.jpg\",\"contentUrl\":\"https:\\\/\\\/rmarketingdigital.com\\\/wp-content\\\/uploads\\\/2020\\\/12\\\/C2Sg2H8WgAAsW40-1452197.jpg\",\"width\":610,\"height\":494,\"caption\":\"c2sg2h8wgaasw40-1452197-9991334-jpg\"},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/#website\",\"url\":\"https:\\\/\\\/rmarketingdigital.com\\\/\",\"name\":\"R Marketing Digital\",\"description\":\"Agencia SEO | Publicidad redes sociales | Community Management\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/rmarketingdigital.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/#\\\/schema\\\/person\\\/7c0d9782b2977b840b3740f00c69a73e\",\"name\":\"R Marketing Digital\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/c5599c203e0120b8ccbff4666af86f35f9b3dcad468a8bc6295313a3964a80be?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/c5599c203e0120b8ccbff4666af86f35f9b3dcad468a8bc6295313a3964a80be?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/c5599c203e0120b8ccbff4666af86f35f9b3dcad468a8bc6295313a3964a80be?s=96&d=mm&r=g\",\"caption\":\"R Marketing Digital\"}}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"\u00bfC\u00f3mo empezar a usar JavaScript con Angular? - R Marketing Digital","description":"If you want to know what you need right now to start using Angular, you&#039;ve come to the right place. Angular is an excellent tool","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:\/\/rmarketingdigital.com\/en\/javascript\/como-empezar-a-usar-javascript-con-angular\/","og_locale":"en_US","og_type":"article","og_title":"\u00bfC\u00f3mo empezar a usar JavaScript con Angular?","og_description":"Si lo que quieres es saber qu\u00e9 necesitas ahora mismo para empezar a utilizar Angular, has llegado al sitio indicado. Angular es una excelente herramienta","og_url":"https:\/\/rmarketingdigital.com\/en\/javascript\/como-empezar-a-usar-javascript-con-angular\/","og_site_name":"R Marketing Digital","article_published_time":"2022-07-25T01:48:59+00:00","og_image":[{"width":610,"height":494,"url":"https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/12\/C2Sg2H8WgAAsW40-1452197.jpg","type":"image\/jpeg"}],"author":"R Marketing Digital","twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/rmarketingdigital.com\/javascript\/como-empezar-a-usar-javascript-con-angular\/#article","isPartOf":{"@id":"https:\/\/rmarketingdigital.com\/javascript\/como-empezar-a-usar-javascript-con-angular\/"},"author":{"name":"R Marketing Digital","@id":"https:\/\/rmarketingdigital.com\/#\/schema\/person\/7c0d9782b2977b840b3740f00c69a73e"},"headline":"\u00bfC\u00f3mo empezar a usar JavaScript con Angular?","datePublished":"2022-07-25T01:48:59+00:00","mainEntityOfPage":{"@id":"https:\/\/rmarketingdigital.com\/javascript\/como-empezar-a-usar-javascript-con-angular\/"},"wordCount":1690,"image":{"@id":"https:\/\/rmarketingdigital.com\/javascript\/como-empezar-a-usar-javascript-con-angular\/#primaryimage"},"thumbnailUrl":"https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/12\/C2Sg2H8WgAAsW40-1452197.jpg","articleSection":["Javascript"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/rmarketingdigital.com\/javascript\/como-empezar-a-usar-javascript-con-angular\/","url":"https:\/\/rmarketingdigital.com\/javascript\/como-empezar-a-usar-javascript-con-angular\/","name":"\u00bfC\u00f3mo empezar a usar JavaScript con Angular? - R Marketing Digital","isPartOf":{"@id":"https:\/\/rmarketingdigital.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/rmarketingdigital.com\/javascript\/como-empezar-a-usar-javascript-con-angular\/#primaryimage"},"image":{"@id":"https:\/\/rmarketingdigital.com\/javascript\/como-empezar-a-usar-javascript-con-angular\/#primaryimage"},"thumbnailUrl":"https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/12\/C2Sg2H8WgAAsW40-1452197.jpg","datePublished":"2022-07-25T01:48:59+00:00","author":{"@id":"https:\/\/rmarketingdigital.com\/#\/schema\/person\/7c0d9782b2977b840b3740f00c69a73e"},"description":"If you want to know what you need right now to start using Angular, you&#039;ve come to the right place. Angular is an excellent tool","inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/rmarketingdigital.com\/javascript\/como-empezar-a-usar-javascript-con-angular\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/rmarketingdigital.com\/javascript\/como-empezar-a-usar-javascript-con-angular\/#primaryimage","url":"https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/12\/C2Sg2H8WgAAsW40-1452197.jpg","contentUrl":"https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/12\/C2Sg2H8WgAAsW40-1452197.jpg","width":610,"height":494,"caption":"c2sg2h8wgaasw40-1452197-9991334-jpg"},{"@type":"WebSite","@id":"https:\/\/rmarketingdigital.com\/#website","url":"https:\/\/rmarketingdigital.com\/","name":"R Digital Marketing","description":"SEO Agency | Advertising social networks | Community Management","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/rmarketingdigital.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/rmarketingdigital.com\/#\/schema\/person\/7c0d9782b2977b840b3740f00c69a73e","name":"R Digital Marketing","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/c5599c203e0120b8ccbff4666af86f35f9b3dcad468a8bc6295313a3964a80be?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/c5599c203e0120b8ccbff4666af86f35f9b3dcad468a8bc6295313a3964a80be?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/c5599c203e0120b8ccbff4666af86f35f9b3dcad468a8bc6295313a3964a80be?s=96&d=mm&r=g","caption":"R Marketing Digital"}}]}},"_links":{"self":[{"href":"https:\/\/rmarketingdigital.com\/en\/wp-json\/wp\/v2\/posts\/95593","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/rmarketingdigital.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/rmarketingdigital.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/rmarketingdigital.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/rmarketingdigital.com\/en\/wp-json\/wp\/v2\/comments?post=95593"}],"version-history":[{"count":0,"href":"https:\/\/rmarketingdigital.com\/en\/wp-json\/wp\/v2\/posts\/95593\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/rmarketingdigital.com\/en\/wp-json\/wp\/v2\/media\/95594"}],"wp:attachment":[{"href":"https:\/\/rmarketingdigital.com\/en\/wp-json\/wp\/v2\/media?parent=95593"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/rmarketingdigital.com\/en\/wp-json\/wp\/v2\/categories?post=95593"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/rmarketingdigital.com\/en\/wp-json\/wp\/v2\/tags?post=95593"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}