Taller javascript

1. ¿Qué es JavaScript y cuáles son sus características?

JavaScript (JS) es un lenguaje de programación de alto nivel, interpretado y orientado a objetos. Es el núcleo de la interactividad en la web, permitiendo convertir páginas estáticas en aplicaciones dinámicas con las que los usuarios pueden interactuar en tiempo real.

A diferencia de los lenguajes que se ejecutan en servidores remotos, JavaScript se ejecuta principalmente en el entorno del cliente (el navegador web del usuario), aunque hoy en día también se utiliza en el servidor gracias a tecnologías como Node.js.

Características Principales:

• Lenguaje Interpretado: No requiere un proceso previo de compilación pesada; el navegador lee y ejecuta el código línea por línea directamente.
• Orientado a Eventos: Responde a las acciones del usuario, como clics de mouse, pulsaciones de teclas o la carga completa de una página.
• Tipado Dinámico: Las variables no necesitan una declaración explícita de su tipo de dato (número, texto, etc.) antes de ser usadas; JavaScript lo detecta automáticamente.
• Multiparadigmatismo: Soporta programación funcional, estructurada y orientada a objetos (mediante prototipos).

2. ¿Cómo integro JavaScript con HTML y CSS?

Para construir una aplicación web web estándar, se utiliza la analogía del cuerpo humano: HTML es el esqueleto (estructura), CSS es la ropa o apariencia (estilos), y JavaScript es el sistema nervioso (comportamiento y movimiento).

Existen tres formas principales de integrar código JavaScript dentro de un ecosistema web:

Nota técnica: El uso del atributo defer asegura que el código JavaScript se descargue en segundo plano y se ejecute sólo después de que todo el HTML haya sido completamente procesado por el navegador, evitando errores de elementos no encontrados.

3. ¿Cómo puedo usar fuentes de datos con JavaScript?

JavaScript procesa información constantemente. Los datos pueden almacenarse internamente dentro del propio código o recuperarse de forma dinámica desde estructuras externas estructuradas.

1. Tipos de Datos Primitivos y Estructuras Internas

Internamente utilizamos variables (let, const) para guardar números, cadenas de texto (Strings), Booleans (true/false), u objetos complejos:

// Objeto literal interno
const estudiante = {
    nombre: "Eyder",
    programa: "Media Técnica en Desarrollo",
    activo: true
};

2. El Formato JSON (JavaScript Object Notation)

Cuando los datos se envían o reciben a través de internet, se suele utilizar JSON. Es un formato de texto ligero y universal, totalmente basado en la sintaxis de objetos de JavaScript, lo que facilita su lectura tanto para humanos como para computadoras.

{
    "curso": "Desarrollo Web",
    "modulos": ["HTML5", "CSS3", "JavaScript"],
    "duracionSemanas": 10
}

4. ¿Cuáles son las mejores prácticas de programación en JavaScript?

Escribir código que funcione es solo el primer paso; el verdadero reto es escribir código limpio, legible y fácil de mantener en el futuro por ti o por otros desarrolladores.

• Usa const por defecto y let solo cuando sea necesario: Evita por completo el uso de la palabra clave antigua var, ya que tiene un comportamiento de alcance (scope) impredecible que genera errores lógicos difíciles de rastrear.
• Nombres semánticos y descriptivos: Utiliza nombres de variables y funciones que expliquen claramente lo que hacen, siguiendo la convención camelCase (ej. calcularSueldoTotal).
• Mantén funciones pequeñas y con una sola responsabilidad: Una función debe hacer una sola cosa y hacerla bien. Si tu función procesa datos, valida un formulario y cambia el color del diseño al mismo tiempo, divídela en tres subfunciones.
• Evita el código repetido (Principio DRY): "Don't Repeat Yourself". Si notas que estás copiando y pegando el mismo bloque de instrucciones en varios lados, conviértelo en una función reutilizable.

A continuación se muestra un ejemplo comparativo de una mala práctica vs una buena implementación:

// ❌ MALA PRÁCTICA: Variables confusas y uso innecesario de 'var'
var x = 25500;
function d(z) { return z * 0.19; }

//  BUENA PRÁCTICA: Código autocomentado y modular
const salarioBase = 25500;
function calcularImpuestoIva(monto) {
    const porcentajeIva = 0.19;
    return monto * porcentajeIva;
}

5. ¿Qué es una API en JavaScript y para qué la puedo utilizar?

Una API (Application Programming Interface) es un conjunto de reglas y herramientas que permite que diferentes aplicaciones o fragmentos de software se comuniquen entre sí.

En el ecosistema frontend con JavaScript, podemos dividir las APIs en dos categorías fundamentales:

1. APIs del Navegador (Web APIs): Herramientas construidas directamente dentro de los navegadores modernos. Por ejemplo, la DOM API (para modificar elementos de la página), la API de Geolocalización (para saber la ubicación del usuario si este lo aprueba), o Fetch API para hacer solicitudes de datos en red.
2. APIs de Terceros: Servicios externos provistos por plataformas ajenas. Puedes consumirlas para integrar en tu web datos del clima en tiempo real, mapas interactivos de Google Maps, pasarelas de pago informáticas, o listados de productos remotos.