Sie sind auf Seite 1von 14

JavaScript

¿Qué es JavaScript?
JavaScript es uno de los más potentes e importantes
lenguajes de programación en la actualidad, por tres
enfoques claros: es útil, práctico y está disponible en
cualquier navegador web.

Desde el 2012, todos los navegadores modernos


soportan completamente ECMAScript 5.1, una
versión de javaScript. Los navegadores más antiguos soportan por lo menos ECMAScript
JavaScript se diseñó con una sintaxis similar a C, aunque adopta nombres y convenciones
del lenguaje de programación Java. Sin embargo, Java y JavaScript tienen semánticas y
propósitos diferentes.

¿Cómo nace JavaScript?

Javascript nació con la necesidad de permitir a los autores de sitio web crear páginas que
permitan intercambiar con los usuarios, ya que se necesitaba crear webs de mayor
complejidad. El HTML solo permitía crear páginas estáticas donde se podía mostrar textos
con estilos, pero se necesitaba interactuar con los usuarios.
En los años de 1990, Netscape creo Livescript; las primeras versiones de este lenguaje
fueron principalmente dedicadas a pequeños grupos de diseñadores Web que no
necesitaban utilizar un compilador, o sin ninguna experiencia en la programación orientada
a objetos.
A medida que estuvieron disponibles nuevas versiones de este lenguaje incluían nuevos
componentes que dan gran potencial al lenguaje, pero lamentablemente esta versión solo
funcionaba en la última versión del Navigator en aquel momento.
En diciembre de 1995, Netscape y Sun Microsystems (el creador del lenguaje Java) luego de
unirse objetivos y de desarrollar el proyecto en conjunto, reintroducen este lenguaje con
el nombre de Javascript. En respuesta a la popularidad de Javascript, Microsoft lanzo su
propio lenguaje de programación a base de script, VBScript (una pequeña versión de Visual
Basic).
En el año de 1996 Microsoft se interesa por competir con Javascript por lo que lanza su
lenguaje llamado Jscript, introducido en los navegadores de Internet Explorer. A pesar de
las diferentes críticas que se le hacen al lenguaje Javascript, este es uno de los lenguajes de
programación más populares para la web. Desde que los navegadores incluyen el Javascript,
no necesitamos el Java Runtime Environment (JRE), para que se ejecute.
La estandarización de Javascript comenzó en conjunto con ECMA en Noviembre de 1996.
Es adoptado este estándar en Junio de 1997 y luego también por la “Internacional
Organization for Standardization” (ISO). El DOM por sus siglas en inglés “Modelo de Objetos
del Documento” fue diseñado para evitar incompatibilidades.
¿Dónde puedo ver funcionando Javascript?

Entre los diferentes servicios que se encuentran realizados con Javascript en Internet se
encuentran:
 Correo
 Chat
 Buscadores de Información
También podemos encontrar o crear códigos para insertarlos en las páginas como:
 Reloj
 Contadores de visitas
 Fechas
 Calculadoras
 Validadores de formularios
 Detectores de navegadores e idiomas

¿Cómo identificar código Javascript?

El código javascript podemos encontrarlo dentro de las etiquetas <body></body> de


nuestras páginas web. Por lo general se insertan entre: <script></script>. También pueden
estar ubicados en ficheros externos usando:
<script type="text/javascript" src="micodigo.js"></script>

Características de JavaScript
 No es Java.

 Es similar al Java

 Orientado a entorno Web.

 Es basado en objetos.

 No es un lenguaje de programación completo.

 Los errores de JavaScript no molestan al usuario.

 Es dinámico, responde a eventos en tiempo real.

 El lenguaje de Script es confiable.

 Es case sensitivo.

 Es universal

 Páginas más ligeras de cargar.


¿Es compatible con navegadores?

Javascript es soportado por la mayoría de los navegadores como Internet Explorer,


Netscape, Opera, Mozilla Firefox, entre otros.
Con el surgimiento de lenguajes como PHP del lado del servidor y Javascript del lado del
cliente, surgió Ajax en acrónimo de (Asynchronous Javascript And XML). El mismo es una
técnica para crear aplicaciones web interactivas. Este lenguaje combina varias tecnologías:
HTML y Hojas de Estilos CSS para generar estilos.
Implementaciones ECMAScript, uno de ellos es el lenguaje Javascript.
XMLHttpRequest es una de las funciones más importantes que incluye, que permite
intercambiar datos asincrónicamente con el servidor web, puede ser mediante PHP, ASP,
entre otros.
Debemos tener en cuenta que aunque Javascript sea soportado en gran cantidad de
navegadores nuestros usuarios pueden elegir la opción de Activar/Desactivar el Javascript
en los mismos.
Versiones De JavaScript
JavaScript tiene hoy día como especificación oficial la especificación que desarrolla
Ecma International, denominada ECMASCript. Este estándar es desarrollado por un
grupo de trabajo que define como objetivos la estandarización del lenguaje de
programación ECMAScript, lenguaje de propósito general, multiplataforma y neutral
respecto de las empresas. La tarea de Ecma International comprende la definición
de la sintaxis del lenguaje, su semántica, así como de las librerías y tecnologías
suplementarias que facilitan el desarrollo con este lenguaje (entre ellas API soporte
para JavaScript).
Las evolución de las versiones de JavaScript
Año Descripción de versión
 Primeras versiones de JavaScript, todavía con nombres
1995
provisionales como Mocha, LiveScript.
 Definición del primer estándar JavaScript a cargo de Ecma
1997 International que fue denominado ECMA-262 first edition
también denominado JavaScript 1.2.
 Aparición del segundo estándar JavaScript denominado
1998 ECMA-262 second edition también denominado JavaScript
1.3.
 Aparición de la especificación del estándar JavaScript
2000 denominado ECMA-262 third edition también denominado
JavaScript 1.5.
 . Aparición de la especificación del estándar JavaScript
2010 denominado ECMA-262 fifth edition también denominado
JavaScript 1.8.5.
2019 Fecha prevista para ECMA-262 sixth edition.
Desarrollos posteriores
JavaScript se ha convertido en uno de los lenguajes de programación más populares en
internet. Al principio, sin embargo, muchos desarrolladores renegaban del lenguaje porque
el público al que va dirigido lo formaban publicadores de artículos y demás aficionados,
entre otras razones. La llegada de Ajax devolvió JavaScript a la fama y atrajo la atención de
muchos otros programadores. Como resultado de esto hubo una proliferación de un
conjunto de frameworks y librerías de ámbito general, mejorando las prácticas de
programación con JavaScript, y aumentado el uso de JavaScript fuera de los navegadores
web, como se ha visto con la proliferación de entornos JavaScript del lado del servidor. En
enero de 2009, el proyecto CommonJS fue inaugurado con el objetivo de especificar una
librería para uso de tareas comunes principalmente para el desarrollo fuera del navegador
web.
En junio de 2015 se cerró y publicó el estándar ECMAScript 62021 con un soporte irregular
entre navegadores y que dota a JavaScript de características avanzadas que se echaban de
menos y que son de uso habitual en otros lenguajes como, por ejemplo, módulos para
organización del código, verdaderas clases para programación orientada a objetos,
expresiones de flecha, iteradores, generadores o promesas para programación asíncrona.
La versión 7 de ECMAScript se conoce como ECMAScript 2016, y es la última versión
disponible, publicada en junio de 2016. Se trata de la primera versión para la que se usa un
nuevo procedimiento de publicación anual y un proceso de desarrollo abierto.
Cómo activar JavaScript

Tener activado Javascript es importante para poder navegar por todas las páginas web.

Si deseas poder navegar sin problema por internet, has de saber que actualmente, casi
todas las páginas web contienen JavaScript, de modo que debes tener activado este
lenguaje de manera que puedas entrar en ellas sin problema así que vamos a explicarte a
continuación, paso a paso, cómo activar Javascript.
Javascript es un lenguaje de secuencias de comandos (scripts) ejecutado por el navegador
del visitante. De este modo, JavaScript agrega funciones a las páginas para fines
específicos y, si se deshabilita por algún motivo, el contenido y la funcionalidad de las
páginas pueden estar limitados o incluso no estar disponibles. Por ello, debes asegurarte
que lo tienes activado sea cuál sea tu navegador.

Pasos para activar Javascript

Dependiendo de cuál sea tu navegador, puedes activar Javascript de manera sencilla,


siguiendo todos los pasos que os ofrecemos:
Google Chrome

1. En el menú del navegador, haz clic en "Configuración".


2. En la sección "Configuración", haz clic en "Mostrar configuración avanzada …"
3. Debajo de "Privacidad" haz clic en el botón "Configuración de contenido …"
4. Cuando se abra el cuadro de diálogo, busca la sección "JavaScript" y selecciona
"Permitir que todos los sitios ejecuten JavaScript (recomendado)".
5. Haz clic en el botón "Aceptar" para solicitarlo.
6. Cierra la pestaña "Configuración".
7. Haz clic en el botón "Recargar esta página" del navegador web para actualizar la
página.

Internet Explorer

1. En la barra del navegador, selecciona "Herramientas" y dentro


selecciona "Opciones de Internet".
2. A continuación selecciona la pestaña "Seguridad".
3. En la pestaña "Seguridad", selecciona "Nivel personalizado …".
4. Verás como se abre "Configuración de seguridad – Zona de Internet", y tienes
que seleccionar la opción de "Secuencias de comandos".
5. Busca el elemento "Active Scripting" y selecciona la opción de "Habilitar".
6. Verás como te aparece un mensaje "¡Advertencia!" con la pregunta "¿Está
seguro de que desea cambiar la configuración de esta zona?" Selecciona "Sí".
7. Haz clic en "Aceptar" y se cerrará la ventana de las "Opciones de Internet".
8. Por último, haz clic en el botón "Actualizar" del navegador para actualizar la
página.

Mozilla Firefox

1. En la barra de direcciones, tienes que escribir about: config y das a Enter.


2. A continuación, hacemos clic en "Tendré cuidado, lo prometo" en el caso de que
aparezca este mensaje de advertencia.
3. Busca ahora en el cuadro de búsqueda, "javascript.enabled"
4. Cambia la preferencia "javascript.enabled" (botón derecho y seleccione
"Alternar" o haz doble clic en la preferencia) y cambiamos el valor de "Falso" a
"Verdadero".
5. Seleccionamos "Volver a cargar la página actual" del navegador web.
Apple Safari

1. En el menú del navegador, seleccionamos "Editar" y a partir de ahí,


"Preferencias".
2. A continuación selecciona la pestaña "Seguridad".
3. Busca ahora la opción de "Contenido web" y marca la casilla de
verificación "Habilitar Javascript".
4. Finalmente, selecciona “Recargar la página actual" para actualizar la página.

EDITORES

Hoy en día JavaScript está en todas partes, y su presencia en cualquier proyecto web es
innegable, casi toda aplicación web lo utiliza en la actualidad. Cualquier programador serio
para la web debe aprender este lenguaje, y si ya lo sabe debe seguir perfeccionando esos
conocimientos, con librerías, frameworks y herramientas como los editores de código para
JavaScript necesarios para desarrollar.
La comunidad de programadores en JavaScript tiene un crecimiento amplio y un excelente
entorno en base al código abierto, y eso a dado lugar a excelentes IDE (Entono de
Desarrollo Integrado) para hacer desarrollo en JavaScript.

PROGRAMAS EN JAVASCRIPT
Al igual que cualquier otro lenguaje de programación, no existe un requisito particular, pero
uno bueno debería ser capaz de manejar todas las entradas relacionadas con JavaScript,
desde la compilación, depuración, el resaltado, la sintaxis, la sangría, etc.
Vamos a comentar sobre un IDE de código abierto muy importante, y luego vamos a
enumerar unos editores de código para JavaScript avanzados que hasta tienen la casi las
mismas prestaciones que un IDE.

ATOM
Atom es un editor de código del siglo XXI, está hecho pensando en los desarrolladores que
les gusta personalizar su entorno de trabajo. Algunos lo consideran un IDE por la cantidad
de funciones que incorpora.
Para utilizar Atom es muy sencillo, basta con descargar, instalar y empezar a codificar. Para
facilitar el desarrollo este editor trae consigo un gestor de paquetes para extender y mejorar
sus características.
Si eres un desarrollador Front-End y necesitas personalizar Atom para estar dentro de los
editores de código para JavaScript por excelencia debes instalar los siguientes
complementos: Atom Beautify, Atom TernJS, paquetes de actualización automática,
módulos de autocompletar, configuración del editor, DocBlocker, etc.
Satyajit Sahoo, un desarrollador front-end, explica cómo usar estos complementos para
obtener los máximos beneficios en su post Sobrecarga el desarrollo JavaScript con Atom.
A continuación algunas características que trae Atom:
 Autocompletado.
 Multiples paneles de trabajo.
 Compatible con Windows, Mac y Linux.

BRACKETS

Brackets es uno de los editores más conocidos para desarrolladores Front-End. Es un editor
de texto robusto, desarrollado por Adobe utilizando tecnologías como JavaScript, HTML y
CSS.
Se caracteriza por su alta configuración, test en línea y su bajo peso, una interfaz de usuario
amigable convierte a Brackets en una excelente opción para realizar desarrollo en
JavaScript. Sus características se actualizan de forma constante. También puedes mejorar
las funcionalidades con la ayuda de miles de sus complementos en línea.
Algunas características de Brackets:
 Ofrece vista previa en vivo.
 Funciona muy bien con los productos de Adobe.
 Es compatible con SCSS y LESS.
 Compatible con varios Frameworks de JavaScript.
 Admite indentación, autocompletar y otras funciones importantes de escritura, edición y
compilación de código.

VISUAL STUDIO CODE

Así como siempre existe el chico nuevo en el grupo, Visual Studio Code es el chico nuevo de
este grupo de editores. Es código abierto y está diseñado para crear aplicaciones web y
aplicaciones para la nube. Visual Studio Code es visto por algunos desarrolladores como una
alternativa a Visual Studio.
Visual Studio Code viene con todas las características necesarias para manejar el desarrollo
de JavaScript. Su interfaz de usuario también es de primera clase y moderna. Puede editar,
depurar y modificar el código JavaScript sobre la marcha.
Visual Studio Code es personalizable gracias a la cantidad de complementos para que pueda
cubrir las necesidades de cada desarrollador.
Algunas características claves de Visual Studio Code son:
 Compatible con Intellisense.
 Adquisición automática de tipo.
 Fácil configuración.
 Depuración en el lado del cliente y en el lado del servidor.
 Admite Fragmentos para un mejor trabajo.
Conclusiones finales.
Se han podido dar cuenta que hemos considerado más editores que IDE, no existen muchos
IDEs de código abierto disponibles para JavaScript. Los editores mencionados ofrecen
muchas prestaciones que incluso puede ser comparado con un IDE.
Sí deseas ser un experto programador en JavaScript, te invitamos a revisar nuestro curso
que te enseña paso a paso.
¿Utilizas otro IDE o editor de código para JavaScript?, Sí es así, háganos saber en los
comentarios sobre el programa que utiliza y porqué. El orden en el que se consideraron no
influyen en la recomendación.
No te olvides de compartir el artículo y seguirnos en nuestras redes sociales.
Que tengas un excelente día.

ALGUNOS PROGRAMAS PARA LINUX

Como se ha mencionado existen muchos editores y solamente aquí hemos recopilado


algunos de los más utilizados.

Sublime Text

Sublime Text es uno de los editores más dotado en características utilizado por
programadores profesionales. Además de contar con todas las funciones básicas, Sublime
tiene tantas características poderosas, brinda soporte para incontables lenguajes de
programación, navegación del código, visualización, buscar, remplazar, entre muchas otras.

Aun que este editor es de pago, puedes obtener una versión de prueba gratuita para
conocer este estupendo editor.
Bluefish

Este editor de codigo es compatible con muchas funciones avanzadas, como la


autocompletación de etiquetas, autodetección, búsqueda y reemplazo potentes,
compatibilidad con la integración de programas externos como make, lint, weblint, etc.
Ademas de admintir HTML y CSS, cuenta con soporte para los siguientes idiomas.
ASP .NET y VBS, C, C ++, Google Go, Java, JSP, JavaScript, jQuery y muchos más.

GNU Emacs

GNU Emacs es un editor de código programado en LISP y C, este es uno de los más famosos
en Linux, y esto es debido a que es uno de los proyectos que ha desarrollado Richard
Stallman, el fundador del proyecto de GNU.
Geany

Geany tiene como objetivo proporcionar un entorno de desarrollo simple y rápido. Tiene
todas las funciones básicas, como auto guiado, resaltado de sintaxis y código o fragmentos
de autocompletar, etc. Geany es limpio y proporciona un espacio más grande para trabajar.

COMANDOS BASICOS PARA LA PROGRAMACIÓN EN JAVASCRIPT


 Para escribir una fusión, debemos definirla en el encabezado, entre las etiquetas
<head> y </head>, después de que estén definidas las podremos llamar desde
cualquier parte del cuerpo (entre <body> y </body>).
 Es necesario tener en cuenta que toda sentencia que empleemos en JavaScript
dentro de un código HTML, la debemos meter entre etiquetas que le indiquen al
navegador que va a interpretar una sección en JavaS. Por lo tanto antes de definir
las funciones debemos meterlas entre <script language="JavaScript"> y </script>.
 Es posible decirle a nuestra pagina Web que realice instrucciones cuando el usuario
ejecuta alguna acción. Para mas información acerca de este tema por favor mirar el
capitulo de “eventos”.
Específicamente, aprovecharemos que el usuario le dará clic a un numero, para
llamar a una función (declarada arriba en el head) que se encargará de procesar
dicho numero.
La forma de llamarla será la siguiente:
<input type="button" name="nomber" value=`el numero que corresponda`
onClick="nombrefuncion(this.value)">
this.value: es una forma de referirnos al valor de un objeto, que en este caso es el
número que representa el botón.

 Los comentarios en JavaScript se hacen así:


// esta línea será ignorada porque empieza con doble barra.
/* lo que metamos entre barra y asterisco será ignorado aunque tenga varias o
muchas muchísimas líneas de longitud */
La estructura para crear una fusión es la siguiente: función nombre (argumento1,
argumento2……argumento ultimo)
{
Instrucciones terminadas en ;
Instrucciones terminadas en ;
……
}.