{"id":45180,"date":"2024-03-02T15:13:15","date_gmt":"2024-03-02T20:13:15","guid":{"rendered":"https:\/\/niixer.com\/?p=45180"},"modified":"2024-03-04T19:55:17","modified_gmt":"2024-03-05T00:55:17","slug":"javascript-el-mejor-lenguaje-de-programacion-para-sitios-web","status":"publish","type":"post","link":"https:\/\/niixer.com\/index.php\/2024\/03\/02\/javascript-el-mejor-lenguaje-de-programacion-para-sitios-web\/","title":{"rendered":"JavaScript: El mejor lenguaje de programaci\u00f3n para sitios web"},"content":{"rendered":"\n<h3 class=\"wp-block-heading\"><strong>\u00bfQu\u00e9 es JavaScript?&nbsp;<\/strong><\/h3>\n\n\n\n<p>JavaScript (JS) es un lenguaje de programaci\u00f3n, para sitios web, con funciones de primera clase, est\u00e1 dise\u00f1ado en un principio para a\u00f1adir interactividad a las p\u00e1ginas web (cambiar autom\u00e1ticamente la hora en una p\u00e1gina, hacer que aparezca una imagen emergente al hacer clic en un enlace o imagen, realizar encuestas o formularios, etc.)&nbsp;&nbsp;<\/p>\n\n\n\n<p>tradicionalmente se usaba en p\u00e1ginas web <a href=\"https:\/\/niixer.com\/index.php\/2023\/08\/24\/html-5\/\">HTML <\/a>para realizar operaciones y solo en el marco de aplicaci\u00f3n del cliente, sin acceso a funciones del servidor, actualmente es compatible con los navegadores modernos y se ejecuta del lado del cliente, es decir, que se ejecuta en el navegador web del usuario final, se dise\u00f1\u00f3 con una sintaxis similar a <a href=\"https:\/\/niixer.com\/index.php\/c-es-lo-que-necesitas\/#google_vignette\">C++<\/a> y <a href=\"https:\/\/niixer.com\/index.php\/2024\/02\/20\/introduccion-al-lenguaje-de-programacion-java\/#google_vignette\">Java<\/a>, 56.<\/p>\n\n\n\n<p>Adem\u00e1s de su uso en el desarrollo web, JScript tambi\u00e9n es utilizado en aplicaciones de servidor y en el desarrollo de aplicaciones m\u00f3viles y de escritorio. Es importante destacar que JavaScript no est\u00e1 relacionado con Java, son marcas registradas de Oracle. Sin embargo, los dos lenguajes de programaci\u00f3n tienen diferentes sintaxis, sem\u00e1ticas y usos. Su relaci\u00f3n es puramente comercial.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"168\" src=\"https:\/\/niixer.com\/wp-content\/uploads\/2024\/02\/JavaSrciptwebp.webp\" alt=\"compatibilidad de JavaScript\n\" class=\"wp-image-45937\" style=\"width:714px;height:auto\"\/><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>\u00bfPara qu\u00e9 sirve?&nbsp;<\/strong><\/h3>\n\n\n\n<p>JScript se utiliza para todo, gracias a la introducci\u00f3n de <a href=\"https:\/\/niixer.com\/index.php\/2020\/11\/16\/node-js-en-el-desarollo-web-su-importancia-y-uso-actualmente\/\">Node.js<\/a>. Esta tecnolog\u00eda crea softwares interesantes para las empresas del todo el mundo. Por si fuera poco, compa\u00f1\u00edas como LinkedIn lo implementan en sus plataformas para que los usuarios tengan accesos a sus servicios.\u00a0<\/p>\n\n\n\n<p>JScript tambi\u00e9n puede ser utilizado en entornos que no se basan en sitios web, tales como documentos PDF, navegadores espec\u00edficos del sitio y widgets de escritorio. Plataformas construidas sobre este lenguaje, han aumentado la popularidad de JavaScript para aplicaciones web, al igual que m\u00e1quinas virtuales.&nbsp;<\/p>\n\n\n\n<h6 class=\"wp-block-heading\">El n\u00facleo del lenguaje JScript de lado del cliente consta de algunas caracter\u00edsticas de programaci\u00f3n comunes que te permiten hacer cosas como:&nbsp;<\/h6>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Almacenar valores \u00fatiles dentro de variables. por ejemplo, pedimos que ingreses un nuevo nombre y luego almacenamos ese nombre en una variable llamada name.&nbsp;<\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Operaciones sobre fragmentos de texto (conocidas como &#8220;cadenas&#8221; (strings) en programaci\u00f3n). En el ejemplo anterior, tomamos la cadena &#8220;Player1:&#8221; y la unimos a la variable name para crear la etiqueta de texto completa, p. ej. &#8221;Player1: Chris&#8221;.&nbsp;<\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Y ejecuta c\u00f3digo en respuesta a ciertos eventos que ocurren en una p\u00e1gina web. Usamos un evento click en nuestro ejemplo anterior para detectar cu\u00e1ndo se hace clic en el bot\u00f3n y luego ejecutar el c\u00f3digo que actualiza la etiqueta de texto.&nbsp;<\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li>El uso m\u00e1s com\u00fan de JavaScript es escribir funciones embebidas o incluidas en p\u00e1ginas HTML y que interact\u00faan con el<a href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/API\/Document_Object_Model\"> Document Object Model<\/a> (DOM o Modelo de Objetos del Documento) de la p\u00e1gina.\u00a0\u00a0\u00a0<\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Cargar nuevo contenido para la p\u00e1gina o enviar datos al servidor a trav\u00e9s de <a href=\"https:\/\/www.arimetrics.com\/glosario-digital\/ajax#:~:text=Ajax%20es%20un%20lenguaje%20de,New%20Approach%20to%20Web%20Applications%C2%BB.\">AJAX<\/a> sin necesidad de recargar la p\u00e1gina (por ejemplo, una red social puede permitir al usuario enviar actualizaciones de estado sin salir de la p\u00e1gina).&nbsp;<\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Animaci\u00f3n de los elementos de p\u00e1gina, hacerlos desaparecer, cambiar su tama\u00f1o, moverlos, etc.&nbsp;<\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Contenido interactivo, por ejemplo, juegos y reproducci\u00f3n de audio y v\u00eddeo.&nbsp;<\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Validaci\u00f3n de los valores de entrada de un formulario web para asegurarse de que son aceptables antes de ser enviado al servidor.&nbsp;<\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Transmisi\u00f3n de informaci\u00f3n sobre los h\u00e1bitos de lectura de los usuarios y las actividades de navegaci\u00f3n a varios sitios web. Las p\u00e1ginas Web con frecuencia lo hacen para hacer an\u00e1lisis web, seguimiento de anuncios, la personalizaci\u00f3n o para otros fines.&nbsp;<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"726\" height=\"387\" src=\"https:\/\/niixer.com\/wp-content\/uploads\/2024\/02\/paraquesrive.webp\" alt=\"codigo muestra para que sirve JavaScript\" class=\"wp-image-45940\" style=\"width:735px;height:auto\" srcset=\"https:\/\/niixer.com\/wp-content\/uploads\/2024\/02\/paraquesrive.webp 726w, https:\/\/niixer.com\/wp-content\/uploads\/2024\/02\/paraquesrive-300x160.webp 300w\" sizes=\"auto, (max-width: 726px) 100vw, 726px\" \/><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>\u00bfC\u00f3mo funciona JavaScript?<\/strong><\/h3>\n\n\n\n<p>JavaScript es un lenguaje de alto nivel, vers\u00e1til, poderoso, din\u00e1mico e interpretativo que es una parte integral del <a href=\"https:\/\/niixer.com\/index.php\/2021\/08\/31\/que-son-los-dominios-y-por-que-son-tan-importantes-en-el-desarrollo-web\/\">desarrollo web<\/a>. Se usa orientado a objetos, bas\u00e1ndose en prototipos, imperativos y bajamente tipados. Permite crear interacciones din\u00e1micas y enriquecer la experiencia del usuario en las p\u00e1ginas web. Junto al HTML y a <a href=\"https:\/\/www.hackaboss.com\/blog\/que-es-css#:~:text=El%20CSS%20podr%C3%ADa%20definirse%20como,web%20e%20interfaces%20de%20usuario.\">CCS<\/a>, es una de las tres tecnolog\u00edas esenciales en la producci\u00f3n mundial de webs.\u00a0\u00a0<\/p>\n\n\n\n<p>JavaScript se interpreta en el navegador web, lo que significa que el c\u00f3digo JavaScript se ejecuta directamente en el entorno del navegador sin necesidad de una etapa de compilaci\u00f3n previa.&nbsp;<\/p>\n\n\n\n<h5 class=\"wp-block-heading\">A continuaci\u00f3n, te explicamos c\u00f3mo funciona este proceso:&nbsp;<\/h5>\n\n\n\n<h5 class=\"wp-block-heading\"><strong>Descarga y carga del c\u00f3digo:<\/strong><\/h5>\n\n\n\n<p>Cuando un navegador encuentra c\u00f3digo JavaScript en una p\u00e1gina web, comienza a descargarlo y cargarlo en la memoria del navegador. El c\u00f3digo JavaScript puede estar incrustado directamente en el archivo HTML o puede estar referenciado desde archivos externos.&nbsp;<\/p>\n\n\n\n<h5 class=\"wp-block-heading\"><strong>An\u00e1lisis l\u00e9xico y sint\u00e1ctico:<\/strong><\/h5>\n\n\n\n<p>Una vez que el c\u00f3digo JavaScript se carga en el navegador, el motor de JavaScript realiza un an\u00e1lisis l\u00e9xico y sint\u00e1ctico del c\u00f3digo. Esto implica dividir el c\u00f3digo en tokens y verificar que la estructura del c\u00f3digo sea gramaticalmente correcta. Si se encuentran errores sint\u00e1cticos, se mostrar\u00e1 un mensaje de error en la consola del navegador.&nbsp;<\/p>\n\n\n\n<h5 class=\"wp-block-heading\"><strong>Creaci\u00f3n del \u00e1rbol de an\u00e1lisis (AST):<\/strong> <\/h5>\n\n\n\n<p>Despu\u00e9s de completar el an\u00e1lisis l\u00e9xico y sint\u00e1ctico, se crea un \u00e1rbol de an\u00e1lisis (AST, <a href=\"https:\/\/en.wikipedia.org\/wiki\/Abstract_syntax_tree\">Abstract Syntax Tree<\/a>) que representa la estructura del c\u00f3digo JavaScript. El AST descompone el c\u00f3digo en una estructura jer\u00e1rquica que facilita su posterior interpretaci\u00f3n y ejecuci\u00f3n.\u00a0<\/p>\n\n\n\n<h5 class=\"wp-block-heading\"><strong>Interpretaci\u00f3n l\u00ednea por l\u00ednea: <\/strong><\/h5>\n\n\n\n<p>A medida que el navegador interpreta el c\u00f3digo JavaScript, l\u00ednea por l\u00ednea, ejecuta las instrucciones correspondientes. Cada instrucci\u00f3n se eval\u00faa y produce un resultado o efecto seg\u00fan lo especificado en el c\u00f3digo.&nbsp;<\/p>\n\n\n\n<h5 class=\"wp-block-heading\"><strong>Manipulaci\u00f3n del DOM y eventos:<\/strong> <\/h5>\n\n\n\n<p>JavaScript interact\u00faa con el DOM para manipular y modificar elementos HTML y CSS en la p\u00e1gina. Puede acceder a los elementos del DOM utilizando m\u00e9todos y propiedades proporcionados por el navegador. Adem\u00e1s, JavaScript puede registrar callbacks para eventos espec\u00edficos, como clics de bot\u00f3n o cambios en el valor de un campo de entrada, y responder a ellos ejecutando el c\u00f3digo asociado.&nbsp;<\/p>\n\n\n\n<h5 class=\"wp-block-heading\"><strong>Ciclo de eventos:<\/strong> <\/h5>\n\n\n\n<p>el ciclo de eventos de JavaScript permite que el c\u00f3digo responda a eventos y se ejecute de forma as\u00edncrona. Cuando se produce un evento, el c\u00f3digo correspondiente se ejecuta como parte del ciclo de eventos, lo que permite una interactividad fluida y una respuesta en tiempo real en las aplicaciones web.&nbsp;<\/p>\n\n\n\n<p>Es importante tener en cuenta que diferentes navegadores pueden utilizar motores de JavaScript distintos, como V8 en Chrome o SpiderMonkey en Firefox, lo que puede dar lugar a diferencias sutiles en el rendimiento y las caracter\u00edsticas compatibles. Sin embargo, en general, el proceso de interpretaci\u00f3n en el navegador sigue estos pasos b\u00e1sicos para ejecutar el c\u00f3digo JavaScript&nbsp;<\/p>\n\n\n\n<p>En la siguiente imagen se muestra c\u00f3mo funciona JavaScript:<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"564\" height=\"257\" src=\"https:\/\/niixer.com\/wp-content\/uploads\/2024\/02\/comofunciona-java.webp\" alt=\"codigo proceso JS\" class=\"wp-image-45941\" style=\"width:744px;height:auto\" srcset=\"https:\/\/niixer.com\/wp-content\/uploads\/2024\/02\/comofunciona-java.webp 564w, https:\/\/niixer.com\/wp-content\/uploads\/2024\/02\/comofunciona-java-300x137.webp 300w\" sizes=\"auto, (max-width: 564px) 100vw, 564px\" \/><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<p>&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>\u00bfC\u00f3mo a\u00f1adir JavaScript a tu p\u00e1gina web?&nbsp;<\/strong><\/h3>\n\n\n\n<p>A\u00f1adir JavaScript a tu sitio web es sencillo. Solo necesitas vincular tus archivos JavaScript desde tus archivos HTML. JavaScript se aplica a tu p\u00e1gina HTML de manera similar a CSS. Mientras que CSS usa elementos &lt;link&gt; para aplicar hojas de estilo externas y elementos &lt;style&gt; para aplicar hojas de estilo internas a HTML, JavaScript solo necesita un amigo en el mundo de HTML: el elemento &lt;script&gt;&nbsp;&nbsp;<\/p>\n\n\n\n<p>Muy parecido al a\u00f1adir CSS a tu HTML, existe una etiqueta HTML llamada \u00abscript\u00bb que te permite vincular a JavaScript con los archivos que tu c\u00f3digo puede usar para manipular el HTML y CSS en tu sitio.&nbsp;<\/p>\n\n\n\n<p>Echemos un vistazo a c\u00f3mo luce una etiqueta de HTML script. La siguiente l\u00ednea de c\u00f3digo es un ejemplo del script y su sintaxis.&nbsp;<\/p>\n\n\n\n<p>&lt;script src=&#8221;tuArchivo.js&#8221;&gt;&lt;\/script&gt;&nbsp;<\/p>\n\n\n\n<p>La l\u00ednea de arriba conecta un archivo llamado \u00abtuArchivo.js\u00bb (terrible nombre, pero sirve como un ejemplo) a tu archivo HTML, conectando ambos. Esto te permite escribir tu c\u00f3digo en un archivo separado, lo que mantiene tu HTML limpio y m\u00e1s f\u00e1cil de manejar. Utilizar el script con el atributo scr tambi\u00e9n se considera una buena pr\u00e1ctica, porque conserva tus c\u00f3digos separados uno de otro, lo que facilita actualizar y cambiar lo que sea con m\u00ednimos problemas.&nbsp;<\/p>\n\n\n\n<p>La etiqueta script con src no es la \u00fanica manera de a\u00f1adir JavaScript a tu sitio, as\u00ed que hablemos de otra. La etiqueta script tambi\u00e9n puede inyectar c\u00f3digo JavaScript directamente en tu HTML, como lo ver\u00e1s a continuaci\u00f3n.&nbsp;<\/p>\n\n\n\n<p>&lt;script type=&#8221;texto\/JavaScript&#8221;&gt;JavaScript c\u00f3digo va aqu\u00ed&lt;\/script&gt;&nbsp;<\/p>\n\n\n\n<p>Es muy sencillo de completar y no luce tan diferente a a\u00f1adir JavaScript de forma externa.&nbsp;<\/p>\n\n\n\n<p>Aviso importante: como el navegador maneja JavaScript, es importante tener en cuenta que no todos los navegadores soportar\u00e1n funciones de este lenguaje. De hecho, solo los navegadores modernos tendr\u00e1n JavaScript disponible, as\u00ed que considera esa posibilidad.&nbsp;<\/p>\n\n\n\n<p>Ya que entiendes c\u00f3mo a\u00f1adir JavaScript a un sitio web, mira un ejemplo de c\u00f3mo se ve un c\u00f3digo JavaScript.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"320\" height=\"283\" src=\"https:\/\/niixer.com\/wp-content\/uploads\/2024\/02\/codigoJava.webp\" alt=\"codigo para a\u00f1adir js \" class=\"wp-image-45942\" style=\"width:444px;height:auto\" srcset=\"https:\/\/niixer.com\/wp-content\/uploads\/2024\/02\/codigoJava.webp 320w, https:\/\/niixer.com\/wp-content\/uploads\/2024\/02\/codigoJava-300x265.webp 300w\" sizes=\"auto, (max-width: 320px) 100vw, 320px\" \/><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Caracter\u00edsticas de JavaScript&nbsp;<\/strong><\/h3>\n\n\n\n<h5 class=\"wp-block-heading\"><strong>Lenguaje interpretado&nbsp;<\/strong><\/h5>\n\n\n\n<p>JavaScript es un lenguaje interpretado debido a la forma en que se ejecuta y procesa su codigo&nbsp;<\/p>\n\n\n\n<h5 class=\"wp-block-heading\"><strong>OOP&nbsp;<\/strong><\/h5>\n\n\n\n<p>JavaScript es un lenguaje de programaci\u00f3n orientado a objetos (OOP), que proporciona funcionalidades para trabajar con objetos y clases. Aunque no sigue un enfoque de OOP estricto como lenguajes como Java o C++, ofrece caracter\u00edsticas que permiten la implementaci\u00f3n de conceptos orientados a objetos.&nbsp;<\/p>\n\n\n\n<h5 class=\"wp-block-heading\"><strong>DOM<\/strong><\/h5>\n\n\n\n<p>La integraci\u00f3n de JavaScript con el DOM (Document Object Model) es una de las caracter\u00edsticas fundamentales de JavaScript y es lo que permite interactuar y manipular elementos HTML y CSS en una p\u00e1gina web.&nbsp;<\/p>\n\n\n\n<h5 class=\"wp-block-heading\"><strong>Basado en eventos&nbsp;<\/strong><\/h5>\n\n\n\n<p>JavaScript es un lenguaje basado en eventos, lo que significa que se ejecuta en respuesta a eventos que ocurren en el entorno en el que se est\u00e1 ejecutando, como acciones del usuario o eventos del sistema.&nbsp;<\/p>\n\n\n\n<h5 class=\"wp-block-heading\"><strong>Asincronismo&nbsp;<\/strong><\/h5>\n\n\n\n<p>El asincronismo en JavaScript es fundamental para realizar tareas sin bloquear la ejecuci\u00f3n del c\u00f3digo, lo que permite que el programa sea m\u00e1s eficiente y receptivo.&nbsp;<\/p>\n\n\n\n<h5 class=\"wp-block-heading\"><strong>Imperativo y estructurado&nbsp;<\/strong><\/h5>\n\n\n\n<p>JavaScript es compatible con gran parte de la estructura de programaci\u00f3n de C. Con una salvedad, en parte: en C, el \u00e1mbito de las variables alcanza al bloque en el cual fueron definidas Como en C, JavaScript hace distinci\u00f3n entre expresiones y sentencias. Una diferencia sint\u00e1ctica con respecto a C es la inserci\u00f3n autom\u00e1tica de punto y coma, es decir, en JavaScript los puntos y coma que finalizan una sentencia pueden ser omitidos.&nbsp;<\/p>\n\n\n\n<h5 class=\"wp-block-heading\"><strong>Funciones de primera clase&nbsp;<\/strong><\/h5>\n\n\n\n<p>A las funciones se les suele llamar ciudadanos de primera clase; son objetos en s\u00ed mismos. Como tal, poseen propiedades y m\u00e9todos. Una funci\u00f3n anidada es una funci\u00f3n definida dentro de otra. Esta es creada cada vez que la funci\u00f3n externa es invocada. Adem\u00e1s, cada funci\u00f3n creada forma una clausura; es el resultado de evaluar un \u00e1mbito conteniendo en una o m\u00e1s variables dependientes de otro \u00e1mbito externo, incluyendo constantes, variables locales y argumentos de la funci\u00f3n externa llamante. El resultado de la evaluaci\u00f3n de dicha clausura forma parte del estado interno de cada objeto funci\u00f3n, incluso despu\u00e9s de que la funci\u00f3n exterior concluya su evaluaci\u00f3n.&nbsp;<\/p>\n\n\n\n<h5 class=\"wp-block-heading\"><strong>Entorno de ejecuci\u00f3n&nbsp;<\/strong><\/h5>\n\n\n\n<p>JavaScript normalmente depende del entorno en el que se ejecute (por ejemplo, en un navegador web) para ofrecer objetos y m\u00e9todos por los que los scripts pueden interactuar con el &#8220;mundo exterior&#8221;. De hecho, depende del entorno para ser capaz de proporcionar la capacidad de incluir o importar scripts (por ejemplo, en HTML por medio del tag &lt;script&gt;). (Esto no es una caracter\u00edstica del lenguaje, pero es com\u00fan en la mayor\u00eda de las implementaciones de JavaScript.)&nbsp;<\/p>\n\n\n\n<h5 class=\"wp-block-heading\"><strong>Funciones vari\u00e1dicas&nbsp;<\/strong><\/h5>\n\n\n\n<p>Un n\u00famero indefinido de par\u00e1metros pueden ser pasados a la funci\u00f3n. La funci\u00f3n puede acceder a ellos a trav\u00e9s de los par\u00e1metros o tambi\u00e9n a trav\u00e9s del objeto local arguments. Las funciones vari\u00e1dicas tambi\u00e9n pueden ser creadas usando el m\u00e9todo .apply().&nbsp;<\/p>\n\n\n\n<h5 class=\"wp-block-heading\"><strong>Funciones como m\u00e9todos&nbsp;<\/strong><\/h5>\n\n\n\n<p>A diferencia de muchos lenguajes orientados a objetos, no hay distinci\u00f3n entre la definici\u00f3n de funci\u00f3n y la definici\u00f3n de m\u00e9todo. M\u00e1s bien, la distinci\u00f3n se produce durante la llamada a la funci\u00f3n; una funci\u00f3n puede ser llamada como un m\u00e9todo. Cuando una funci\u00f3n es llamada como un m\u00e9todo de un objeto, la palabra clave this, que es una variable local a la funci\u00f3n, representa al objeto que invoc\u00f3 dicha funci\u00f3n.&nbsp;<\/p>\n\n\n\n<h5 class=\"wp-block-heading\"><strong>Arrays y la definici\u00f3n literal de objetos&nbsp;<\/strong><\/h5>\n\n\n\n<p>Al igual que muchos lenguajes de script, arrays y objetos (arrays asociativos en otros idiomas) pueden ser creados con una sintaxis abreviada. De hecho, estos literales forman la base del formato de datos JSON.&nbsp;<\/p>\n\n\n\n<h5 class=\"wp-block-heading\"><strong>Expresiones regulares&nbsp;<\/strong><\/h5>\n\n\n\n<p>JavaScript tambi\u00e9n es compatible con expresiones regulares de una manera similar a Perl, que proporcionan una sintaxis concisa y poderosa para la manipulaci\u00f3n de texto que es m\u00e1s sofisticado que las funciones incorporadas a los objetos de tipo string.&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Conclusiones:<\/strong><\/h3>\n\n\n\n<p>JavaScript es de los mejores lenguajes de programaci\u00f3n para paginas web, es muy recomendada para personas mas avanzadas. Debido a su complejidad de uso, y que utilizada demasiados c\u00f3digos. Es muy aconsejable usarla para el desarrollo de tus paginas web si tienes conocimiento previo sobre lenguajes de programaci\u00f3n. <\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"\u00bfQu\u00e9 es JavaScript? bien explicado\" width=\"800\" height=\"450\" src=\"https:\/\/www.youtube.com\/embed\/riZbwRFMFuw?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<h1 class=\"wp-block-heading\">Cr\u00e9ditos:<\/h1>\n\n\n\n<p><strong>Autor:<\/strong> <a href=\"https:\/\/niixer.com\/?s=German+Alonso+Pineda+Pe%C3%B1a\">German Alonso Pineda Pe\u00f1a<\/a><\/p>\n\n\n\n<p><strong>Editor:<\/strong> <a href=\"https:\/\/niixer.com\/?s=Carlos+Iv%C3%A1n+Pinz%C3%B3n+Romero\">Carlos Iv\u00e1n Pinz\u00f3n Romero<\/a>.<\/p>\n\n\n\n<p><strong>C\u00f3digo:<\/strong> <a href=\"https:\/\/niixer.com\/?s=UCPAG3-1\">UCPAG3-1<\/a><\/p>\n\n\n\n<p><strong>Universidad:<\/strong> <a href=\"https:\/\/niixer.com\/?s=Universidad+Central\">Universidad Central<\/a><\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Fuentes<\/strong>:<\/h3>\n\n\n\n<pre class=\"wp-block-preformatted\">HubSpot(2023, 10 de julio):Que es javaScript. HutSpot.\nhttps:\/\/blog.hubspot.es\/website\/que-es-javascript \n\nArimetirc:(S.F.):JavaScript. arimetirc\nhttps:\/\/www.arimetrics.com\/glosario-digital\/javascript \n\nMDN contributors:(2023, 2 de agosto).mdn. \u00bfQue es JavaScript?. Recuperado el dia 2024, 02 de marzo.\nhttps:\/\/developer.mozilla.org\/es\/docs\/Learn\/JavaScript\/First_steps\/What_is_JavaScript \n\nWikipedia: (2024, 19 de febreo). Wikipeida. JavaScript. Recuperado el dia 2024, 02 de marzo\nhttps:\/\/es.wikipedia.org\/wiki\/JavaScript \n\nMDN contributors. 2023, 24 de julio). mdm. JavaScript. Recuperado el dia 2024, 02 de marzo\nhttps:\/\/developer.mozilla.org\/es\/docs\/Web\/JavaScript <\/pre>\n","protected":false},"excerpt":{"rendered":"<p>\u00bfQu\u00e9 es JavaScript?&nbsp; JavaScript (JS) es un lenguaje de programaci\u00f3n, para sitios web, con funciones de primera clase, est\u00e1 dise\u00f1ado en un principio para a\u00f1adir interactividad a las p\u00e1ginas web (cambiar autom\u00e1ticamente la hora en una p\u00e1gina, hacer que aparezca una imagen emergente al hacer clic en un enlace oSeguir Leyendo<\/p>\n","protected":false},"author":1285,"featured_media":48128,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"colormag_page_container_layout":"default_layout","colormag_page_sidebar_layout":"default_layout","footnotes":""},"categories":[2697,30],"tags":[2895,195,274,2655,197,329,31],"class_list":["post-45180","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-java","category-niixer","tag-codigo-2","tag-html","tag-javascript","tag-lenguaje-de-programacion-2","tag-pagina-web","tag-programacion","tag-tecnologia"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.2 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>JavaScript: El mejor lenguaje de programaci\u00f3n para sitios web<\/title>\n<meta name=\"description\" content=\"JavaScript es un lenguaje de programaci\u00f3n perfecto para crear, dise\u00f1ar y darle variedad a tus paginas web.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/niixer.com\/index.php\/2024\/03\/02\/javascript-el-mejor-lenguaje-de-programacion-para-sitios-web\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"JavaScript: El mejor lenguaje de programaci\u00f3n para sitios web\" \/>\n<meta property=\"og:description\" content=\"JavaScript es un lenguaje de programaci\u00f3n perfecto para crear, dise\u00f1ar y darle variedad a tus paginas web.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/niixer.com\/index.php\/2024\/03\/02\/javascript-el-mejor-lenguaje-de-programacion-para-sitios-web\/\" \/>\n<meta property=\"og:site_name\" content=\"Portal de noticias de tecnolog\u00eda, Realidad Virtual, Aumentada y Mixta, Videojuegos\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/niixer\/\" \/>\n<meta property=\"article:published_time\" content=\"2024-03-02T20:13:15+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-03-05T00:55:17+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/niixer.com\/wp-content\/uploads\/2024\/03\/java-script-22.webp\" \/>\n\t<meta property=\"og:image:width\" content=\"1600\" \/>\n\t<meta property=\"og:image:height\" content=\"1200\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/webp\" \/>\n<meta name=\"author\" content=\"gpinedap\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"gpinedap\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data2\" content=\"11 minutos\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"JavaScript: El mejor lenguaje de programaci\u00f3n para sitios web","description":"JavaScript es un lenguaje de programaci\u00f3n perfecto para crear, dise\u00f1ar y darle variedad a tus paginas web.","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:\/\/niixer.com\/index.php\/2024\/03\/02\/javascript-el-mejor-lenguaje-de-programacion-para-sitios-web\/","og_locale":"es_ES","og_type":"article","og_title":"JavaScript: El mejor lenguaje de programaci\u00f3n para sitios web","og_description":"JavaScript es un lenguaje de programaci\u00f3n perfecto para crear, dise\u00f1ar y darle variedad a tus paginas web.","og_url":"https:\/\/niixer.com\/index.php\/2024\/03\/02\/javascript-el-mejor-lenguaje-de-programacion-para-sitios-web\/","og_site_name":"Portal de noticias de tecnolog\u00eda, Realidad Virtual, Aumentada y Mixta, Videojuegos","article_publisher":"https:\/\/www.facebook.com\/niixer\/","article_published_time":"2024-03-02T20:13:15+00:00","article_modified_time":"2024-03-05T00:55:17+00:00","og_image":[{"width":1600,"height":1200,"url":"https:\/\/niixer.com\/wp-content\/uploads\/2024\/03\/java-script-22.webp","type":"image\/webp"}],"author":"gpinedap","twitter_card":"summary_large_image","twitter_misc":{"Escrito por":"gpinedap","Tiempo de lectura":"11 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/niixer.com\/index.php\/2024\/03\/02\/javascript-el-mejor-lenguaje-de-programacion-para-sitios-web\/#article","isPartOf":{"@id":"https:\/\/niixer.com\/index.php\/2024\/03\/02\/javascript-el-mejor-lenguaje-de-programacion-para-sitios-web\/"},"author":{"name":"gpinedap","@id":"https:\/\/niixer.com\/#\/schema\/person\/1e20f19678228b93b5e452f7ec144385"},"headline":"JavaScript: El mejor lenguaje de programaci\u00f3n para sitios web","datePublished":"2024-03-02T20:13:15+00:00","dateModified":"2024-03-05T00:55:17+00:00","mainEntityOfPage":{"@id":"https:\/\/niixer.com\/index.php\/2024\/03\/02\/javascript-el-mejor-lenguaje-de-programacion-para-sitios-web\/"},"wordCount":2376,"publisher":{"@id":"https:\/\/niixer.com\/#organization"},"image":{"@id":"https:\/\/niixer.com\/index.php\/2024\/03\/02\/javascript-el-mejor-lenguaje-de-programacion-para-sitios-web\/#primaryimage"},"thumbnailUrl":"https:\/\/niixer.com\/wp-content\/uploads\/2024\/03\/java-script-22.webp","keywords":["c\u00f3digo","Html","JavaScript","lenguaje de programacion","P\u00e1gina web","Programaci\u00f3n","tecnolog\u00eda"],"articleSection":["JAVA","Niixer"],"inLanguage":"es"},{"@type":"WebPage","@id":"https:\/\/niixer.com\/index.php\/2024\/03\/02\/javascript-el-mejor-lenguaje-de-programacion-para-sitios-web\/","url":"https:\/\/niixer.com\/index.php\/2024\/03\/02\/javascript-el-mejor-lenguaje-de-programacion-para-sitios-web\/","name":"JavaScript: El mejor lenguaje de programaci\u00f3n para sitios web","isPartOf":{"@id":"https:\/\/niixer.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/niixer.com\/index.php\/2024\/03\/02\/javascript-el-mejor-lenguaje-de-programacion-para-sitios-web\/#primaryimage"},"image":{"@id":"https:\/\/niixer.com\/index.php\/2024\/03\/02\/javascript-el-mejor-lenguaje-de-programacion-para-sitios-web\/#primaryimage"},"thumbnailUrl":"https:\/\/niixer.com\/wp-content\/uploads\/2024\/03\/java-script-22.webp","datePublished":"2024-03-02T20:13:15+00:00","dateModified":"2024-03-05T00:55:17+00:00","description":"JavaScript es un lenguaje de programaci\u00f3n perfecto para crear, dise\u00f1ar y darle variedad a tus paginas web.","breadcrumb":{"@id":"https:\/\/niixer.com\/index.php\/2024\/03\/02\/javascript-el-mejor-lenguaje-de-programacion-para-sitios-web\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/niixer.com\/index.php\/2024\/03\/02\/javascript-el-mejor-lenguaje-de-programacion-para-sitios-web\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/niixer.com\/index.php\/2024\/03\/02\/javascript-el-mejor-lenguaje-de-programacion-para-sitios-web\/#primaryimage","url":"https:\/\/niixer.com\/wp-content\/uploads\/2024\/03\/java-script-22.webp","contentUrl":"https:\/\/niixer.com\/wp-content\/uploads\/2024\/03\/java-script-22.webp","width":1600,"height":1200,"caption":"Logo de JavaScript para el desarrollo de paginas web"},{"@type":"BreadcrumbList","@id":"https:\/\/niixer.com\/index.php\/2024\/03\/02\/javascript-el-mejor-lenguaje-de-programacion-para-sitios-web\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/niixer.com\/"},{"@type":"ListItem","position":2,"name":"JavaScript: El mejor lenguaje de programaci\u00f3n para sitios web"}]},{"@type":"WebSite","@id":"https:\/\/niixer.com\/#website","url":"https:\/\/niixer.com\/","name":"Portal de noticias de tecnolog\u00eda, ciencia, Android, iOS, Realidad Virtual, Aumentada y Mixta, Videojuegos, computadores, todo lo mas reciente en tecnolog\u00eda","description":"Portal de noticias de tecnolog\u00eda","publisher":{"@id":"https:\/\/niixer.com\/#organization"},"alternateName":"Niixer","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/niixer.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Organization","@id":"https:\/\/niixer.com\/#organization","name":"Niixer","alternateName":"Niixer.com","url":"https:\/\/niixer.com\/","logo":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/niixer.com\/#\/schema\/logo\/image\/","url":"https:\/\/niixer.com\/wp-content\/uploads\/2022\/08\/logo-niixer-sin-fondo-1.png","contentUrl":"https:\/\/niixer.com\/wp-content\/uploads\/2022\/08\/logo-niixer-sin-fondo-1.png","width":140,"height":140,"caption":"Niixer"},"image":{"@id":"https:\/\/niixer.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/niixer\/","https:\/\/www.instagram.com\/niixer.tecnologia\/"]},{"@type":"Person","@id":"https:\/\/niixer.com\/#\/schema\/person\/1e20f19678228b93b5e452f7ec144385","name":"gpinedap","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/secure.gravatar.com\/avatar\/16be5ee8303c77d0ffd839454c4b928dbc2a27204a06256af197a0ae504e351e?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/16be5ee8303c77d0ffd839454c4b928dbc2a27204a06256af197a0ae504e351e?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/16be5ee8303c77d0ffd839454c4b928dbc2a27204a06256af197a0ae504e351e?s=96&d=mm&r=g","caption":"gpinedap"},"url":"https:\/\/niixer.com\/index.php\/author\/gpinedap\/"}]}},"jetpack_featured_media_url":"https:\/\/niixer.com\/wp-content\/uploads\/2024\/03\/java-script-22.webp","_links":{"self":[{"href":"https:\/\/niixer.com\/index.php\/wp-json\/wp\/v2\/posts\/45180","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/niixer.com\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/niixer.com\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/niixer.com\/index.php\/wp-json\/wp\/v2\/users\/1285"}],"replies":[{"embeddable":true,"href":"https:\/\/niixer.com\/index.php\/wp-json\/wp\/v2\/comments?post=45180"}],"version-history":[{"count":21,"href":"https:\/\/niixer.com\/index.php\/wp-json\/wp\/v2\/posts\/45180\/revisions"}],"predecessor-version":[{"id":48145,"href":"https:\/\/niixer.com\/index.php\/wp-json\/wp\/v2\/posts\/45180\/revisions\/48145"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/niixer.com\/index.php\/wp-json\/wp\/v2\/media\/48128"}],"wp:attachment":[{"href":"https:\/\/niixer.com\/index.php\/wp-json\/wp\/v2\/media?parent=45180"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/niixer.com\/index.php\/wp-json\/wp\/v2\/categories?post=45180"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/niixer.com\/index.php\/wp-json\/wp\/v2\/tags?post=45180"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}