Curriculum
Course: Introducción a la Programación (HTML, CS...
Login

Curriculum

Introducción a la Programación (HTML, CSS, JS)

Módulo 1: Los Cimientos de la Web (HTML)

0/6

Módulo 2: Dando Estilo a tu Web (CSS)

0/7

Módulo 3: La Magia de la Interactividad (JavaScript)

0/7
Video lesson

¿Qué es la Web? Entendiendo Clientes, Servidores y el rol de HTML.

Objetivo de la lección

Comprender cómo funciona la Web a nivel básico, identificando el papel del cliente, el servidor y los principales lenguajes que componen una página web.

1. Conceptos clave

1.1. Cliente

  • Es tu computador, teléfono o dispositivo desde donde accedes a internet.

  • Usa un navegador web (Chrome, Firefox, Safari, etc.) para enviar solicitudes a la red.

  • Ejemplo: Cuando escribes google.com en la barra de direcciones, tu navegador actúa como cliente.

1.2. Servidor

  • Es un computador especializado, potente y siempre conectado a internet.

  • Al recibir una solicitud del cliente, busca la información solicitada y envía una respuesta.

  • Esta respuesta normalmente incluye archivos HTML, CSS y JavaScript.

2. El ciclo básico de la Web

  1. El cliente escribe una dirección web.

  2. El navegador envía una petición a través de internet.

  3. El servidor recibe la petición, localiza el contenido y envía una respuesta.

  4. El navegador recibe los archivos y muestra la página al usuario.

📌 Diagrama simplificado:

scss
Cliente (Navegador) ---[Petición]---> Servidor
Cliente (Navegador) <---[Respuesta]--- Servidor

3. Los tres lenguajes esenciales

Lenguaje Función Ejemplo
HTML (HyperText Markup Language) Estructura del contenido <h1>Título</h1>
CSS (Cascading Style Sheets) Estilo y presentación h1 { color: blue; }
JavaScript (JS) Interactividad y lógica alert("Hola mundo");

💡 Analogía:

  • HTML = Esqueleto

  • CSS = Ropa y estilo

  • JavaScript = Cerebro

4. Enfoque de este módulo

  • Nos concentraremos al 100% en HTML.

  • Aprenderás a construir la estructura básica de cualquier página web.

5. Resumen de la lección

  • Cliente: Dispositivo y navegador que solicita la información.

  • Servidor: Computador que entrega la información solicitada.

  • La Web funciona mediante un ciclo de petición → respuesta.

  • Una página web se compone de HTML (estructura), CSS (estilo) y JavaScript (interactividad).

Lesson Materials

Lección 1.1_ ¿Qué es la Web_ Entendiendo Clientes, Servidores y el rol de HTML.
86 kb Download
Layer 1