Fundamentos de JavaScript para el Desarrollo Web Moderno
Clasificado en Informática
Escrito el en 
español con un tamaño de 4,44 KB
Objetivos de Aprendizaje
El objetivo principal es estar en la capacidad de poder crear páginas web básicas y sencillas usando los frameworks de JavaScript para crear un sitio web interactivo.
- Utilizar la sintaxis básica de JavaScript para la creación de salidas, entradas y algoritmos matemáticos, así como el uso de ciclos condicionales, de repetición y de funciones.
- Utilizar algunas de las funciones predefinidas de JavaScript.
- Corregir los errores generados durante el proceso de programación en JavaScript usando el cliente (Google Chrome).
¿Qué es JavaScript?
JavaScript es un lenguaje de programación que se utiliza principalmente para crear páginas web dinámicas. Una página web dinámica es aquella que incorpora efectos como texto que aparece y desaparece, animaciones, acciones que se activan al pulsar botones y ventanas con mensajes de aviso al usuario.
Conocimientos Previos Necesarios
- Estructura HTML: Párrafos, tablas, encabezados, capas y listas.
- Contenido HTML: Textos, imágenes y enlaces.
- Apariencia CSS: Colores, fondos, tipografías, tamaños y alineación.
- Comportamiento JavaScript: Efectos, validaciones y automatización.
Aspectos Técnicos e Históricos de JavaScript
Técnicamente, JavaScript es un lenguaje de programación interpretado, por lo que no es necesario compilar los programas para ejecutarlos.
A principios de los años 90, la mayoría de los usuarios que se conectaban a Internet lo hacían con módems a una velocidad máxima de 28.8 kbps. En esa época, empezaban a desarrollarse las primeras aplicaciones web y, por tanto, las páginas web comenzaban a incluir formularios complejos.
Brendan Eich, un programador que trabajaba en Netscape, pensó que podría solucionar este problema adaptando otras tecnologías existentes (como ScriptEase) al navegador Netscape Navigator 2.0, que iba a lanzarse en 1995. Inicialmente, Eich denominó a su lenguaje LiveScript.
Posteriormente, Netscape firmó una alianza con Sun Microsystems para el desarrollo del nuevo lenguaje de programación. Además, justo antes del lanzamiento, Netscape decidió cambiar el nombre por el de JavaScript. La razón del cambio de nombre fue exclusivamente por marketing, ya que Java era la palabra de moda en el mundo informático y de Internet de la época (1995).
Implementación en el Documento
El código JavaScript se encierra entre etiquetas <script> y se incluye en cualquier parte del documento. Sin embargo, se recomienda definir el código JavaScript dentro de la cabecera del documento (dentro de la etiqueta <head>). También se puede utilizar JavaScript como un archivo externo con extensión .js. Visual Studio Code tiene esa opción de JavaScript en su listado de lenguajes.
Glosario de JavaScript
- Script: Cada uno de los programas, aplicaciones o trozos de código creados con el lenguaje de programación JavaScript.
- Sentencia: Cada una de las instrucciones que forman un script.
- Palabras reservadas: Son las palabras (en inglés) que se utilizan para construir las sentencias de JavaScript y que, por tanto, no pueden ser utilizadas libremente. Las palabras son: break, case, catch, continue, default, delete, do, else, finally, for.
La Sintaxis de un Lenguaje de Programación
Se define como el conjunto de reglas que deben seguirse al escribir el código fuente de los programas para considerarse como correctos para ese lenguaje de programación.
Reglas de Sintaxis en JavaScript
- Las llaves { } delimitan bloques de código. Se usan en funciones, condicionales y bucles.
- Sensibilidad a mayúsculas y minúsculas: El lenguaje distingue entre caracteres en caja alta y baja.
- No se define el tipo de las variables (let, int, float, char, boolean, array, etc.).
- No es necesario terminar cada sentencia con el carácter de punto y coma (;).
- Se pueden incluir comentarios para documentar el código.