1. El Superpoder de Crear

Bienvenido. Estás a punto de aprender el superpoder más cercano a la magia que existe en el mundo real: La Programación.

Saber programar no es solo escribir líneas raras en una pantalla negra; es enseñarle a una máquina a resolver problemas por ti. Es pasar de ser un consumidor de tecnología a ser un creador.

En este curso no solo vas a memorizar comandos. Vas a aprender a pensar como una computadora.

2. Gigantes del Pasado

No estamos aquí por casualidad. Todo lo que ves hoy se construyó sobre hombros de gigantes:

  • Ada Lovelace (1843): La madre de la programación. Escribió el primer algoritmo de la historia para una máquina que ¡ni siquiera existía físicamente todavía! Ella vio que las computadoras podían hacer más que matemáticas: podían componer música y arte.
  • Alan Turing (1936): Formalizó el concepto de "computación". Descifró el código Enigma de los nazis, acortando la Segunda Guerra Mundial por años.
  • Grace Hopper (1952): Creó el primer compilador (traductor de humano a

    2. De la Máquina de Vapor a la Web

    La programación no nació con las pantallas. Ada Lovelace escribió el primer algoritmo para una máquina mecánica en 1843. Luego vino Alan Turing, quien descifró códigos nazis y definió qué es una computadora.

    3. ¿Qué es un Algoritmo?

    Suena intimidante, pero un algoritmo es simplemente una serie de pasos ordenados para lograr un objetivo.

    El Algoritmo del Café:

    1. Hervir agua.
    2. Poner café en la taza.
    3. Si (agua hirviendo) -> Servir.
    4. Si (quieres azúcar) -> Agregar azúcar.
    5. Mezclar.
    Programar es escribir estas recetas con un nivel de detalle obsesivo, porque las computadoras no tienen sentido común. Si no le dices "para de servir", la máquina derramará el café eternamente.

    Evaluación 1: Lógica

    Si le dices a un robot: "Ve a la tienda y si hay huevos, trae 6". El robot va, ve huevos, y regresa con 6 cartones de leche. ¿Por qué?

    El robot está defectuoso.
    La instrucción fue ambigua. "Trae 6" se refería a la leche que usualmente se pide, o el robot interpretó literalmente el último objeto mencionado. (Chiste clásico de programación).
    Los robots prefieren la leche.

    4. Hardware: El Cuerpo

    Para entender el software (mente), debes conocer el hardware (cuerpo):

    • CPU (Procesador): El cerebro. Ejecuta operaciones matemáticas a velocidades absurdas. Es el "trabajador".
    • RAM (Memoria): La mesa de trabajo. Es memoria rápida pero volátil. Si apagas la PC, se borra. Aquí viven tus programas abiertos.
    • Disco (HDD/SSD): El archivo. Memoria lenta pero permanente. Aquí guardas tus fotos y código.
    Cuando abres Chrome, el programa viaja del Disco a la RAM para que el CPU pueda usarlo.

    5. ¿Cómo funciona Internet?

    Internet son cables submarinos gigantes conectando computadoras.

    Cada dispositivo tiene una IP (como un número de teléfono: `192.168.1.1`).
    Cuando entras a `google.com`, tu computadora grita: "¿Quién tiene google.com?". Un servidor DNS (la agenda telefónica de internet) responde: "Está en la IP 142.250.xxx".
    Entonces tu navegador envía una carta (petición) a esa dirección y Google te responde con el sitio web. Todo en milisegundos.

    6. Tipos de Datos: Los Átomos

    En el universo digital, todo son datos. Pero no todos los datos son iguales:

    • String (Texto): "Hola", "user123". Siempre van entre comillas.
    • Integer/Float (Números): 42, 3.14. Sirven para matemáticas.
    • Boolean (Lógica): `true` (verdadero) o `false` (falso). La base de la toma de decisiones.
    Intentar sumar "Hola" + 5 dará un error o un resultado extraño ("Hola5"), dependiendo del lenguaje.

    Evaluación 2: Datos

    ¿Cuál de estos es un 'String'?

    2026
    true
    "2026"

    7. Variables: Las Cajas

    Imagina que te mudas de casa. Necesitas cajas para guardar tus cosas y etiquetas para saber qué hay dentro.

    En programación:
    etiqueta = contenido 

    let vidaJugador = 100; // Guardamos un número
let nombreUsuario = "Cristian"; // Guardamos texto
    Si el jugador recibe un golpe, cambiamos lo que hay dentro de la caja `vidaJugador` a 90. La caja es la misma, el contenido cambia.

    8. Cliente vs Servidor

    La arquitectura básica de la web.

    Cliente (Tú): Tu navegador, tu celular. Pide información. (El comensal en el restaurante).
    Servidor (La Nube): Computadoras potentes siempre encendidas que guardan los sitios web y bases de datos. Entregan información. (La cocina del restaurante).

    9. Frontend vs Backend

    Siguiendo la analogía del restaurante:

    • Frontend (Lo que ves): La decoración, el menú, los platos, la presentación. HTML, CSS, JavaScript. Es con lo que interactúas.
    • Backend (Lo que no ves): Los cocineros, la despensa, los proveedores, la caja fuerte. Node.js, Python, Bases de Datos. Es la lógica y la seguridad.
    Un Full Stack Developer es alguien que puede cocinar Y decorar el salón.

    Evaluación 3: Roles

    Si un botón está desalineado y tiene el color incorrecto, ¿de quién es el problema?

    Frontend
    Backend
    Base de Datos

    10. La Temida Terminal

    Esa pantalla negra con letras blancas tipo Matrix.
    Muchos le temen, pero es tu mejor amiga. Las interfaces gráficas (ventanas, mouse) son lentas y limitadas. La terminal es directa. Hablas con el núcleo del sistema operativo sin intermediarios.

    mkdir proyecto es más rápido que: Click derecho -> Nuevo -> Carpeta -> Borrar "Nueva carpeta" -> Escribir nombre.

    11. Tu Primer Código

    Es tradición sagrada. Si no lo haces, dicen que los dioses del código maldecirán tu teclado.

    Abrir la consola (F12 en Chrome -> Console) y escribir: 

    console.log("¡Hola Mundo!");
    Acabas de dar tu primera orden a la máquina. Y obedeció.

    ¡Felicidades!

    Has completado la introducción. Ya no ves un sitio web como "magia", sino como un conjunto de archivos (HTML, CSS, JS) servidos desde una computadora a otra a través de cables.

    Ahora estás listo para ensuciarte las manos. El siguiente paso es construir el esqueleto de la web: HTML.