Trabajo

1. Introducción al
lenguaje de
programación
JavaScript
JavaScript es un lenguaje de programación interpretado que se ha
convertido en una herramienta fundamental para el desarrollo web.
Permite a los programadores crear aplicaciones interactivas y dinámicas
en la web, brindando una gran versatilidad y flexibilidad a la hora de
construir soluciones digitales.
by Fernando Perez Ramos
Erik Cruz Rodriguez

2. Características
principales de
JavaScript
JavaScript es un lenguaje de programación ampliamente utilizado en el desarrollo web, que se
destaca por su versatilidad y adaptabilidad a diferentes estilos de desarrollo. Algunas de sus
características más relevantes incluyen:
• Multiparadigma: JavaScript admite programación orientada a objetos, programación
imperativa y programación funcional, lo que lo convierte en un lenguaje flexible y capaz
de adaptarse a diversos enfoques de codificación.
• Cliente-servidor: JavaScript se puede ejecutar tanto en el navegador web (lado del
cliente) como en Node.js (lado del servidor), lo que permite a los desarrolladores crear
aplicaciones web completas y escalables, con una división clara entre la lógica del
cliente y del servidor.
• Tipado dinámico y débil: El sistema de tipos de JavaScript es dinámico y débil, lo que
facilita la manipulación de datos y la creación de estructuras de datos complejas, pero
también requiere un mayor cuidado por parte de los programadores para evitar errores
sutiles.
• Orientado a eventos: JavaScript se basa en un modelo de programación orientado a
eventos, lo que permite a los desarrolladores crear aplicaciones interactivas y
responsivas al usuario, que reaccionan a diversos eventos como clicks, movimientos del
mouse y pulsaciones de teclado.
• Manipulación del DOM: JavaScript proporciona poderosas herramientas para
interactuar y manipular el Document Object Model (DOM), la representación estructural

3. Programación orientada a objetos en
JavaScript
1
Herencia
Permite crear nuevas clases basadas en otras, reutilizando
código.
2
Clases
Plantillas para crear objetos con propiedades y
comportamientos comunes.
3
Objetos
Estructuras de datos flexibles que
encapsulan propiedades y métodos.
JavaScript admite la programación orientada a objetos (POO) a través de objetos, clases y
herencia. Los objetos son estructuras de datos que encapsulan propiedades y métodos,
permitiendo una mayor organización y modularidad en el código. Las clases actúan como
plantillas para crear nuevos objetos con características comunes, facilitando la reutilización y la
creación de jerarquías de clases. La herencia, por su parte, permite crear nuevas clases basadas
en otras, aprovechando y ampliando las funcionalidades existentes, lo que contribuye a la
escalabilidad y mantenibilidad de las aplicaciones.

4. Programación
imperativa y
funcional en
JavaScript
Programación
Imperativa
JavaScript admite
el paradigma de
programación
imperativa, donde
el código se
centra en definir
cómo se debe
realizar una tarea
paso a paso. Esto
se logra mediante
el uso de
estructuras de
control como
bucles,
condicionales y
declaraciones de
asignación. Este
enfoque se basa
Programación
Funcional
JavaScript
también permite
la programación
funcional, que se
enfoca en
declarar qué es lo
que se debe
hacer, en lugar de
cómo hacerlo.
Esto se logra
mediante el uso
de funciones
puras,
inmutabilidad y
composición de
funciones. Este
paradigma se
concentra en
Combinación
de
Paradigmas
La flexibilidad de
JavaScript
permite a los
desarrolladores
combinar estos
dos paradigmas
de programación,
creando
soluciones más
robustas y
escalables. Esto
brinda a los
programadores la
libertad de elegir
el estilo que mejor
se adapte a cada
problema,
aprovechando las
Ventajas
La combinación
de programación
imperativa y
funcional en
JavaScript
proporciona una
mayor
expresividad,
legibilidad y
mantenibilidad del
código, lo que
facilita el
desarrollo de
aplicaciones
complejas. Al
poder alternar
entre estos estilos
de programación,
los

5. Ejecución en el
lado del cliente y
del servidor
Cliente
JavaScript se ejecuta en el
navegador web, permitiendo
a los desarrolladores crear
aplicaciones web
interactivas y dinámicas.
Esto significa que el código
JavaScript se descarga y se
interpreta directamente en el
dispositivo del usuario,
brindando una experiencia
de usuario más fluida y
responsiva.
Servidor
Con la ayuda de la
plataforma Node.js,
JavaScript también puede
ser ejecutado en el lado del
servidor. Esto posibilita el
desarrollo de aplicaciones
web completas, donde la
lógica de negocio y el
procesamiento de datos se
llevan a cabo en el servidor,
mientras que el cliente se
encarga de la presentación
y la interacción con el
usuario.
Comunicación
JavaScript facilita la
interacción entre el cliente y
el servidor, permitiendo el
intercambio de datos y la
construcción de
arquitecturas cliente-
servidor. Mediante el uso de
tecnologías como AJAX,
WebSockets y APIs, los
desarrolladores pueden
crear aplicaciones web que
integran de manera fluida la
lógica del cliente y del
servidor, lo que resulta en
una experiencia de usuario
más integral y eficiente.

6. Tipado dinámico y débil en JavaScript
Flexibilidad de Tipos: JavaScript posee un sistema de tipos dinámico, lo que significa que las
variables pueden contener valores de cualquier tipo sin necesidad de definirlos previamente.
Esta característica otorga a los desarrolladores una gran flexibilidad a la hora de manipular y
procesar datos, ya que no están limitados por restricciones de tipo estático.
Coerción de Tipos: JavaScript realiza una conversión automática de tipos cuando se realizan
operaciones con valores de diferentes tipos, lo que puede llevar a resultados inesperados. Esta
coerción de tipos a veces puede generar comportamientos confusos y errores sutiles que deben
ser manejados con cuidado por los programadores.
Ventajas y Desafíos: El tipado dinámico y débil proporciona a los desarrolladores una gran
flexibilidad y facilidad de uso, pero también requiere un mayor cuidado y atención para evitar
errores y comportamientos inesperados. Esto supone un desafío, ya que los programadores
deben estar atentos a las posibles conversiones de tipo y validar los datos de entrada y salida de
sus funciones.
Herramientas de Ayuda: Para mitigar los desafíos del tipado dinámico y débil, existen
herramientas y prácticas que pueden ayudar a los desarrolladores, como la programación con
tipos estáticos (mediante TypeScript o FlowType) y la validación de tipos en tiempo de ejecución.
Estas herramientas proporcionan una mayor garantía de seguridad y calidad del código,
reduciendo la probabilidad de errores relacionados con el sistema de tipos.

7. Orientación a eventos en JavaScript
Modelo Orientado
a Eventos
JavaScript se basa en
un modelo de
programación
orientado a eventos,
donde los usuarios o
el sistema pueden
activar diversos
eventos, como clics,
movimientos del
mouse, presiones de
teclado, cargas de
páginas, entre otros.
Este enfoque permite
a los desarrolladores
crear código que
reaccione de manera
dinámica a estos
Escucha de Eventos
Los desarrolladores
pueden escribir código
que "escuche" estos
eventos y ejecute
funciones
correspondientes
cuando ocurran. Esto
se logra a través de la
asociación de
manejadores de
eventos a los
elementos del
Document Object
Model (DOM),
permitiendo a las
aplicaciones web
captar y procesar las
interacciones del
Eventos Comunes
Algunos de los
eventos más comunes
en JavaScript
incluyen: clic,
movimiento del
mouse, presión de
teclas, carga de
página, envío de
formulario,
desplazamiento de la
página, entre otros.
Estos eventos
permiten a los
desarrolladores crear
aplicaciones web
reactivas y
personalizadas, que
se adaptan a las

8. Manipulación del DOM con
JavaScript
JavaScript proporciona poderosas herramientas que permiten a los
desarrolladores interactuar y modificar el Document Object Model (DOM),
la representación estructural del documento web. Gracias a estas
funcionalidades, los programadores pueden controlar de manera
dinámica el contenido, el estilo y la estructura de las páginas web, lo que
posibilita la construcción de interfaces web altamente interactivas y la
creación de aplicaciones web avanzadas.
Con JavaScript, los desarrolladores pueden seleccionar, crear, modificar
y eliminar elementos HTML, así como manipular sus atributos y
propiedades. Esto les brinda un control completo sobre la presentación y
el comportamiento de los elementos de la página, permitiéndoles diseñar
y construir aplicaciones web que ofrezcan una experiencia de usuario
fluida y personalizada.

9. Asincronía en JavaScript: callbacks,
promesas y async/await
1 Callbacks
JavaScript utiliza callbacks, que son funciones que se pasan como argumentos a
otras funciones y se ejecutan cuando se completa una tarea asincrónica, como
una solicitud de red o un temporizador. Este enfoque permite a los
desarrolladores gestionar el flujo de ejecución de código asíncrono, coordinando
la secuencia de operaciones que dependen de resultados inciertos en el tiempo.
2 Promesas
Las promesas son objetos que representan el resultado eventual de una
operación asincrónica. A diferencia de los callbacks, las promesas permiten
encadenar múltiples tareas asincrónicas y manejar errores de una manera más
estructurada y legible. Esto facilita la creación de flujos de control más complejos
y robustos, mejorando la mantenibilidad y escalabilidad del código asíncrono.
3 Async/await
La sintaxis async/await proporciona una forma más sencilla y natural de trabajar
con código asíncrono en JavaScript. Las funciones marcadas como async
devuelven promesas, y la palabra clave await permite esperar de forma
sincrónica el resultado de una promesa. Esta aproximación hace que el código
asíncrono sea más legible y fácil de entender, reduciendo la complejidad de las
estructuras de control y facilitando la depuración y el mantenimiento del código.

10. Integración con HTML y CSS, y amplia
disponibilidad de librerías y
frameworks
JavaScript se integra a la perfección con
HTML y CSS, permitiendo a los
desarrolladores crear interfaces web
dinámicas y visualmente atractivas. Esto
facilita la construcción de aplicaciones web
completas y responsivas, donde el código
JavaScript se encarga de la lógica y
comportamiento interactivo, mientras que
HTML y CSS se encargan de la estructura y
el estilo visual.
Además, la comunidad de JavaScript ofrece
una gran variedad de librerías y frameworks
que simplifican el desarrollo web. Estas
herramientas abarcan desde soluciones
avanzadas para la manipulación del DOM,
hasta librerías de visualización de datos y
frameworks de desarrollo web ágil. Esto
brinda a los desarrolladores una gran
flexibilidad y capacidad para crear
aplicaciones web a medida, sin tener que
partir de cero.
La integración de JavaScript con HTML y