Detectar cuándo se ha abierto una página web usando Javascript

Tiempo de lectura: < 1 minutos Hola, hoy vamos a ver cómo podemos detectar con Javascript, cuándo se ha abierto una pantalla web, por ejemplo, para refrescar su contenido. Para detectar cuando se ha abierto se utiliza la siguiente funcion: Para detectar que se cierra usamos esta función: isMaIngeniero en Informática, me encanta crear cosas o arreglarlas y darles una nueva … Leer más

Refrescar pantalla al volver en React Native

Tiempo de lectura: < 1 minutos Si queremos refrescar una pantalla al volver desde otra pantalla usando React Native, tenemos que hacer lo siguiente: Primero importamos react-navigation Después lo añadimos en nuestro render: Y dentro de React.useCallback, realizamos las llamadas que queramos refrescar. En [] podemos poner la variable que cambia al regresar de otra pantalla por ejemplo [codigo]. Otra opción … Leer más

Crear un menú de navegación horizontal usando CSS

Tiempo de lectura: 2 minutos Hola, hoy te voy a enseñar cómo crear un menú de navegación horizontal usando CSS: HTML: Primero, crea la estructura HTML básica del menú de navegación: CSS: Ahora vamos a aplicar los estilos CSS para hacer que el menú sea horizontal: Con estos estilos, hemos creado un menú de navegación horizontal básico. Si quieres añadir … Leer más

Crear un contenedor Docker que incluye Node.js, MongoDB, Adminer y NGINX Proxy Manager para SSL utilizando Docker Compose.

Tiempo de lectura: 3 minutos En este tutorial, aprenderás cómo crear un contenedor Docker que incluye Node.js, MongoDB, Adminer y NGINX Proxy Manager para SSL utilizando Docker Compose. Paso 1: Crear el archivo docker-compose.yml Primero, crea un nuevo directorio en tu computadora para el proyecto y luego crea un archivo docker-compose.yml en el directorio raíz. Este archivo definirá los servicios … Leer más

Cómo crear una Progressive Web App (PWA) o web progresiva

Tiempo de lectura: 2 minutos Para crear una Progressive Web App (PWA) con Service Worker, sigue los siguientes pasos: Al crear una PWA con Service Worker, debes asegurarte de que la aplicación sea segura, confiable y fácil de usar en todos los dispositivos y navegadores. Esto significa que debes tener en cuenta la seguridad, la accesibilidad y la usabilidad de … Leer más

TABLAS HTML + JavaScript

Tiempo de lectura: 2 minutos Para crear una tabla de un array de objetos sencilla, hay que seguir los siguientes pasos como muestro a continuación: Primero creamos el fichero con extensión .html, dónde vamos a crear un div asociando un id dónde se va a mostrar la tabla con los datos de los elementos. El id de la tabla dentro … Leer más

LISTAS HTML + JavaScript

Tiempo de lectura: 2 minutos Para crear una lista de un array de objetos sencilla, hay que seguir los siguientes pasos como muestro a continuación: Primero creamos el fichero con extensión .html, dónde vamos a crear un div asociando un id dónde se va a mostrar la lista de elementos. El id de la lista, en este caso se llamará … Leer más

Cómo crear un botón loader con HTML, CSS y jQuery

Tiempo de lectura: 2 minutos ¡Buenas tardes! Hoy os traigo un tutorial muy guay, y interesante sobre un elemento que puedes usar en tu web. ¡Comenzamos! Un botón loader es una funcionalidad que permite a los usuarios saber cuándo se está procesando una tarea en segundo plano, como por ejemplo una petición a un servidor. En este tutorial aprenderás a … Leer más

Aplicar responsive a una web HTML, CSS, Javascript

Tiempo de lectura: 2 minutos Adaptar una web a responsive es un proceso que consiste en diseñar y desarrollar un sitio web que se adapte a diferentes tamaños de pantalla y dispositivos, ofreciendo una experiencia de usuario óptima en todos ellos. Para adaptar una web a responsive es necesario tener en cuenta los siguientes pasos: Ejemplo: Imaginemos que queremos adaptar … Leer más

Crear un modal con Boostrap

Tiempo de lectura: 2 minutos Para crear un modal con Bootstrap y HTML, sigue estos pasos: Agrega el código HTML para tu modal en cualquier lugar dentro del cuerpo de tu página. El código HTML debe incluir un contenedor para el contenido del modal, un botón o enlace para abrir el modal y un botón para cerrarlo. Incluye la librería … Leer más