<\/span><\/h2>\nJavaScript fue dise\u00f1ada con un solo prop\u00f3sito y fue el de mejorar la experiencia de navegaci\u00f3n <\/strong>del usuario, directamente desde el navegador. Ahora, junto con los lenguajes HTML y CSS, forman parte elemental del desarrollo web. Algunas de sus caracter\u00edsticas principales son:<\/p>\n<\/p>\n
\n- Del lado del cliente<\/strong>: Se trata de un lenguaje que se ejecuta en el equipo del usuario a trav\u00e9s del navegador, es decir, este es quien se ocupa de la carga de procesamiento. El objetivo es que pueda desarrollar un formato comprensible de forma r\u00e1pida.<\/li>\n
- Orientado a objetos<\/strong>: Se trata de un estilo de programaci\u00f3n que ofrece gu\u00edas sobre c\u00f3mo trabajar con \u00e9l. Para ello, emplea clases, o plantillas, y objetos que permiten estructurar un programa en piezas simples y reutilizables.<\/li>\n
- No tipado o d\u00e9bilmente tipado<\/strong>: Esta particularidad indica que una expresi\u00f3n o tipo est\u00e1 asociada al valor y no a la variable. De esta manera, es m\u00e1s r\u00e1pido el proceso de programaci\u00f3n, aunque es posible incurrir en errores.<\/li>\n
- Es imperativo y estructurado<\/strong>: Se trata de una caracter\u00edstica que indica que es compatible con gran parte de la estructura de programaci\u00f3n de C, con ciertas limitaciones. Esto facilita el uso del lenguaje, a pesar de tener un conocimiento b\u00e1sico.<\/li>\n
- De alto nivel<\/strong>: Hace referencia a su f\u00e1cil comprensi\u00f3n por ser muy parecido al lenguaje de las personas<\/strong>. Al ser de alto nivel es porque su sintaxis no es como el nivel de m\u00e1quina o como el que usa una computadora para ejecutar los comandos.<\/li>\n
- Interpretado:<\/strong> Emplea un int\u00e9rprete que permite la comprensi\u00f3n de las l\u00edneas de c\u00f3digo en lenguaje de m\u00e1quina, haci\u00e9ndolo apto para m\u00faltiples plataformas.<\/li>\n<\/ul>\n
Debido a estas caracter\u00edsticas, se puede decir que es uno de los lenguajes de programaci\u00f3n m\u00e1s usados por los profesionales. En la actualidad es muy demandado, ya que permite crear plataformas atractivas.<\/p>\n
<\/span>Sintaxis<\/span><\/h2>\nLa sintaxis de un lenguaje de programaci\u00f3n hace referencia al c\u00f3digo de reglas que se deben considerar para escribir el c\u00f3digo fuente.<\/strong> En este caso, es muy similar a la de otros lenguajes de programaci\u00f3n como Java y C. Se encuentra definido por las siguientes normas:<\/p>\n\n- Distingue las may\u00fasculas y las min\u00fasculas:<\/strong> Funciona de manera similar a XHTML, donde se pueden intercambiar las letras y, aunque la p\u00e1gina se visualice correctamente, el \u00fanico problema es que no se valida. En cambio, si en JavaScript se intercambian las may\u00fasculas y min\u00fasculas, el programa no funciona.<\/li>\n
- No tiene en cuenta los espacios en blanco y las nuevas l\u00edneas:<\/strong> Tiene la capacidad de ignorar el espacio en blanco sobrante, pues el c\u00f3digo lo ordena para entenderlo mejor, por ejemplo, tabulando las l\u00edneas o creando nuevas.<\/li>\n
- No se define el tipo de las variables<\/strong>: Al crear una variable, no se debe indicar el tipo de dato que almacenar\u00e1. As\u00ed, una misma variable puede recopilar distinta informaci\u00f3n durante la ejecuci\u00f3n del programa.<\/li>\n
- Se pueden incluir comentarios<\/strong>: Son ideales para a\u00f1adir m\u00e1s informaci\u00f3n en el c\u00f3digo fuente, pero se debe tener precauci\u00f3n para no exponer datos importantes. Estos pueden ser de una sola l\u00ednea o de varias.<\/li>\n
- No es obligatorio finalizar cada sentencia con punto y coma:<\/strong> En todos los programas, las sentencias se terminan con punto y coma de forma obligatoria, pero en JavaScript no es indispensable, aunque s\u00ed es recomendable.<\/li>\n<\/ul>\n
<\/span>Funcionamiento<\/span><\/h2>\nEl funcionamiento de JavaScript implica dos factores elementales, el navegador web y el modelo de objetos de documento<\/strong>. El navegador (Google Chrome, Mozilla Firefox, Opera) carga la p\u00e1gina web, analiza el HTML y crea documentos a partir de los contenidos, el cual presenta una vista real debido a los c\u00f3digos de JavaScript.<\/p>\nAhora, el navegador gracias a Javascript Engine, un programa int\u00e9rprete capturar\u00e1 todo lo vinculado al HTML como, por ejemplo, los archivos CSS y las im\u00e1genes para que sean ensamblados por DOM con el fin de organizar la p\u00e1gina web primero.<\/p>\n
<\/p>\n
Si todo est\u00e1 bien, el motor de JavaScript carga archivos y c\u00f3digos en l\u00ednea<\/strong>, pero no se ejecuta hasta que HTML y CSS se carguen por completo. Luego, hay una conversi\u00f3n a lenguaje de m\u00e1quina para que se pueda ejecutar.<\/p>\nUna vez finalizado el proceso, JavaScript se ejecuta en el orden en el que fue escrito el c\u00f3digo<\/strong>, dando como resultado que el DOM sea actualizado por JavaScript e incorporado en el navegador. El orden es importante, ya que, si JavaScript no espera a que termine el HTML y CSS, no podr\u00e1 cambiar los elementos del Modelo de Objetos del Documento.<\/p>\n<\/span>Usos<\/span><\/h2>\nJavaScript es un programa completo<\/strong> que se puede comparar con Python debido a su versatilidad y facilidad de uso. Dentro de las aplicaciones m\u00e1s comunes, por lo que es el favorito de los desarrolladores, son:
\n<\/p>\n\n- Escribir funciones en p\u00e1ginas HTML<\/strong> para que interact\u00faen con DOM.<\/li>\n
- Animaci\u00f3n de elementos de la p\u00e1gina<\/strong> para que sea m\u00e1s atractiva. Por ejemplo, hacerla aparecer o desaparecer, moverlos o cambiar el tama\u00f1o.<\/li>\n
- Dise\u00f1o y creaci\u00f3n de modelos interactivos<\/strong>, por ejemplo, reproducci\u00f3n de audio, videos o juegos.<\/li>\n
- Transmisi\u00f3n de informaci\u00f3n<\/strong> sobre los h\u00e1bitos de navegaci\u00f3n de los usuarios a varios sitios web.<\/li>\n
- Carga y uso de m\u00f3dulos externos, as\u00ed como controladores de eventos.<\/li>\n<\/ul>\n