Tiempo de lectura: < 1 minuto Hace unas semanas actualicé un website de PHP a Next.js con React y a mi sorpresa cuando cargué la página mostraba la versión PHP sin cargar correctamente los recursos anteriores ya que no existían. Para solucionar este problema, podemos intentar cargar un archivo que estuviese incluido en la web anterior y forzar dentro de ese … Leer más
Tiempo de lectura: 2 minutos Hoy vamos a ver cómo podemos comunicar una web creada con React con un iFrame o frame en React o HTML con JavaScript. Cargar el Frame Creamos un iframe: En urlCargar ponemos la URL de la web de la que queremos capturar el evento. Ahora creamos el evento que nos permitirá obtener los datos: Primero … Leer más
Tiempo de lectura: 2 minutos En este ejemplo vamos a ver cómo generar dinámicamente opciones para un elemento select en HTML utilizando datos JSON y JavaScript. Primero muestro el array de elementos que vamos a usar de ejemplo: Después, crearemos una función llamada crearSelect que tomará los datos del JSON y generará las opciones para un elemento select en HTML … Leer más
Tiempo de lectura: 2 minutos En este ejemplo voy a mostrar una estructura básica para realizar una solicitud AJAX tipo GET con jQuery en JavaScript. Primero, definimos los parámetros de la solicitud AJAX. Aquí, establecemos la URL a la que enviaremos la solicitud, el tipo de solicitud que será GET y el tipo de datos esperados en la respuesta (en … Leer más
Tiempo de lectura: 2 minutos En este ejemplo voy a mostrar una estructura básica para realizar una solicitud AJAX tipo POST con jQuery en JavaScript. Primero, definimos los parámetros de la solicitud AJAX. Aquí, establecemos la URL a la que enviaremos la solicitud, el tipo de solicitud que será POST y el tipo de datos (en este caso, JSON). Después … Leer más
Tiempo de lectura: 2 minutos Los menús hamburguesa se han convertido en un elemento esencial en el diseño web moderno. Son una excelente forma de mantener la navegación limpia y organizada en dispositivos móviles y pantallas pequeñas. En este tutorial, te mostraremos cómo crear un menú hamburguesa desde cero utilizando HTML, CSS y JavaScript. Prepárate para darle a tu sitio … Leer más
Tiempo de lectura: 2 minutos En Node.js, puedes utilizar middlewares en Express.js para personalizar el manejo de las solicitudes HTTP antes o después de que lleguen a las rutas. En este tutorial, aprenderás a crear un middleware que extraiga las cabeceras X-REAL-IP y x-forwarded-for de las llamadas HTTP entrantes en tu aplicación Express. Requisitos Previos: Paso 1: Configura tu EntornoAsegúrate … Leer más
Tiempo de lectura: 2 minutos Hoy vamos a aprender cómo podemos controlar los errores de todas las llamadas que aparecen en nuestro sitio web y que hayan sido creadas con un AJAX. Para ello vamos a usar un interceptor para guardar las llamadas con error y las vuelve a ejecutar después de 30 segundos en JavaScript/jQuery: Paso 1: Configura el … Leer más
Tiempo de lectura: 3 minutos Para crear un menú horizontal con diferentes opciones y vaya cambiando el contenido según la opción seleccionada, hay que seguir los siguientes pasos. Primero creamos una lista no ordenada <ul> que representa nuestro menú y le damos algunos estilos para eliminar viñetas y darle un fondo oscuro. Cada elemento de la lista <li> representa una … Leer más
Tiempo de lectura: 2 minutos En este tutorial, vamos a construir una calculadora de propina interactiva que permitirá a los usuarios ingresar el monto de su factura y la cantidad de propina que desean dejar. A medida que los usuarios ingresen estos valores, la calculadora mostrará automáticamente el monto total a pagar, lo que puede ser útil en situaciones como … Leer más
