ESP32 Web Server para IoT

Name: ESP32 Web Server para IoT
Rating: 4.8 (2 reviews)

13 proyectos aplicados a IoT y WebServer

Created byJhon Oré Sulca

Last updated 12/2025

Spanish

Spanish [Auto],

What you'll learn

Configurar y programar el ESP32 como un servidor web, utilizando WiFi y el entorno Arduino para atender peticiones desde un navegador.
Diseñar interfaces web (HTML, CSS y JavaScript básicos) alojadas en el ESP32 para monitorear y controlar dispositivos en tiempo real.
Controlar entradas y salidas del ESP32 desde una página web, incluyendo LEDs, relés, solenoides y otros actuadores.
Leer y visualizar datos de sensores en una interfaz web, como temperatura, humedad, actualizados en tiempo real.
Implementar comunicación bidireccional (HTTP y WebSockets) para lograr respuestas rápidas y control en tiempo real.
Desarrollar proyectos IoT funcionales, integrando hardware, firmware y una interfaz web accesible desde PC o smartphone.

Course content

15 sections • 37 lectures • 9h 58m total length

Introducción13:23

Aprende con 13 Proyectos Aplicativos.4:05
Módulo 1: Introducción al ESP32 Web Server
✅ Proyecto 1: ESP32 Web Server con Arduino IDE
Instalación y configuración del ESP32 en el Arduino IDE.
Creación de un servidor web básico para controlar el ESP32.
? Módulo 2: Control de Dispositivos con Web Server
✅ Proyecto 2: Web Server con Slider (Control de variables dinámicas)
Implementación de sliders en la interfaz web.
Uso de sliders para variar valores en tiempo real (ejemplo: brillo de LED).
✅ Proyecto 3: Múltiples Sliders en Web Server
Creación de una interfaz con múltiples sliders.
Control de varias salidas con sliders independientes (ejemplo: varios LEDs o motores).
✅ Proyecto 4: Web Server para Control de Relé
Encendido y apagado de dispositivos eléctricos mediante un relé desde la web.
Aplicación práctica: Automatización de luces o electrodomésticos.
✅ Proyecto 5: Control de Servomotor con Web Server
Implementación de sliders para controlar la posición de un servomotor.
Aplicación práctica: Control de puertas, cámaras de seguridad, etc.
? Módulo 3: Monitoreo de Sensores con Web Server
✅ Proyecto 6: Monitorización con DHT11/DHT22 (Temperatura y Humedad)
Lectura de temperatura y humedad.
Visualización de datos en una interfaz web en tiempo real.
✅ Proyecto 7: Lectura del Sensor BME280 (Presión, Temperatura y Humedad)
Obtención de datos ambientales con el BME280.
Diseño de una interfaz web para la monitorización.
✅ Proyecto 8: Sensor de Temperatura DS18B20 con Web Server
Uso del sensor DS18B20 para medición de temperatura precisa.
Visualización de los valores en una interfaz web responsiva.
✅ Proyecto 9: Gráfica en Tiempo Real con Sensor de Temperatura
Captura y envío de datos a una gráfica en la web.
Uso de gráficos dinámicos para visualizar tendencias de temperatura.
✅ Proyecto 10: Creación de un Termostato con Web Server
Control de temperatura en función de los datos de sensores.
Automatización de un relé según la temperatura configurada desde la web.
Módulo 4: Funcionalidades Avanzadas con Web Server
✅ Proyecto 11: Control de Salidas con Pulsador Momentáneo en Web Server
Implementación de botones momentáneos en la interfaz web.
Aplicación práctica: Simulación de pulsadores físicos desde la web.
✅ Proyecto 12: Control de Salidas con Botón Físico y Web Server
Sincronización entre botones físicos y control desde la web.
Ejemplo práctico: Control de luces tanto desde la web como manualmente.
✅ Proyecto 13: Control de Salidas con Temporizador en Web Server
Programación de temporizadores para activar o desactivar dispositivos.
Aplicación práctica: Automatización de sistemas según tiempos predefinidos.

Instalar LITTLE FS en el ESP328:40
Instalar el ESP32 Filesystem Uploader en el Arduino IDE
Installing the LittleFS Uploader Plugin on Arduino IDE 2
Teoría38:57
Descripción general del proyecto
¿Cómo funciona?
Bibliotecas del Servidor Web Asíncrono
Complemento de carga del sistema de archivos
Diagrama esquemático
Organizando tus archivos
Archivo HTML (index.html)
Archivo CSS (style.css)
Archivo JavaScript (script.js)
Código en Arduino
Carga de código y archivos
Practica REAL20:51
Demostración

Teoría9:34
Introducción al Módulo Sensor BME280
Esquema
Instalación de la librería BME280
Instalación de la librería Adafruit_Sensor
Lectura de Temperatura, Humedad y Presión
Test BMP2802:55
HTML Practica14:50
6. Crear una Tabla en HTML
7. Demostración del servidor web
8. Crear el Servidor Web - Código
9. Subiendo el código
10. Cómo funciona el código
11. Mostrando la página web HTML
12. Mostrar las Lecturas del Sensor
Practica REAL5:16
13. Demostración del Servidor Web

Teoría6:26
Presentamos el sensor de temperatura DS18B20
Esquema – ESP32
Instalación de bibliotecas
Test DS18B205:27
4. Código (DS18B20 individual)
5. Demostración
Código en HTML y Arduino9:34
6. Mostrar lecturas de temperatura del DS18B20 en un servidor web
7. Instalación de las bibliotecas ESPAsyncWebServer y AsyncTCP.
8. Código (Servidor web asíncrono DS18B20)
9. Construyendo la página web
Practica REAL14:31
10. Demostración

Requirements

Conocimientos básicos de electrónica (muy básicos).
Conocimientos básicos de programación en Arduino.
Manejo elemental de una computadora (copiar/pegar, instalar programas).
Cable USB para programación.
PC con Windows.
Conexión a Internet para instalar librerías.
Ganas de aprender y experimentar.

Description

En la era del Internet de las Cosas (IoT), la capacidad de controlar y monitorear dispositivos de manera remota se ha vuelto una necesidad clave en múltiples aplicaciones. Con el ESP32, podemos crear servidores web potentes y eficientes para interactuar con sensores, actuadores y sistemas de automatización desde cualquier navegador.

Este curso práctico y dinámico te guiará a través de 13 proyectos reales, donde aprenderás a construir interfaces web para el control y monitoreo de sensores, relés, servomotores y más. Desde encender una luz hasta graficar temperatura en tiempo real, dominarás las herramientas esenciales para desarrollar tus propios proyectos IoT con ESP32.

Si alguna vez has querido crear una plataforma web para controlar dispositivos sin depender de la nube, este curso es para ti.

Antes de empezar, es recomendable contar con conocimientos básicos en:

Arduino y ESP32 (programación básica en el IDE de Arduino).
HTML y CSS básico (opcional, pero útil para personalizar la interfaz web).
Conexión de sensores y actuadores en proyectos de electrónica.
Material necesario:

ESP32 (cualquier versión con WiFi).
Sensores: DHT11/DHT22, BME280, DS18B20.
Módulo relé y servomotor.
Cables y protoboard.
Conexión a Internet vía WiFi.

Este curso está diseñado para:

Entusiastas del IoT y la automatización que quieran crear proyectos de control y monitoreo con ESP32.
Estudiantes y profesionales de electrónica interesados en aplicaciones prácticas con servidores web.
Makers y desarrolladores que deseen integrar interfaces web en sus proyectos.
Ingenieros y técnicos que busquen aprender una alternativa práctica para el control remoto de dispositivos sin depender de plataformas externas.

Este curso te llevará desde lo básico hasta proyectos avanzados, combinando teoría con ejemplos 100% prácticos.

Who this course is for:

Hobbistas de ESP32
Docentes de electrónica o informática
Desarrolladores IoT y domótica
Ingenieros
Técnicos
Makers
Estudiantes

ESP32 Web Server para IoT

What you'll learn

Explore related topics

Course content

Introducción1 lecture • 13min

Temario General1 lecture • 4min

Proyecto 1: ESP32 Web Server con Arduino IDE2 lectures • 39min

Proyecto 2: Web Server con Slider (Control de variables dinámicas)2 lectures • 25min

Proyecto 3: Múltiples Sliders en Web Server3 lectures • 1hr 8min

Proyecto 4: Web Server para Control de Relé3 lectures • 57min

Proyecto 5: Control de Servomotor con Web Server4 lectures • 49min

Proyecto 6: Monitorización con DHT11/DHT22 (Temperatura y Humedad)3 lectures • 41min

Proyecto 7: Lectura del Sensor BME280 (Presión, Temperatura y Humedad)4 lectures • 33min

Proyecto 8: Sensor de Temperatura DS18B20 con Web Server4 lectures • 36min

Requirements

Description

Who this course is for: