JavaScript

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

por
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

por
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

por
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

por
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

por

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

por
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

por
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

Hacer pruebas unitarias en HTML y Javascript

por
Hacer pruebas unitarias en HTML y Javascript

Tiempo de lectura: 4 minutos Para hacer pruebas unitarias en HTML y JavaScript, puedes usar alguna de las siguientes herramientas: Para empezar a hacer pruebas unitarias, primero debes instalar la herramienta o las librerías de aserciones que hayas elegido. Luego, puedes empezar a escribir pruebas para comprobar el comportamiento de tu código HTML y JavaScript. Cada prueba debe verificar un … Leer más

Crear un carrusel de imágenes con visor usando HTML, CSS y Javascript

por
Crear un carrusel de imágenes con visor usando HTML, CSS y Javascript

Tiempo de lectura: 2 minutos Un carrusel de imágenes es un elemento común en la mayoría de los sitios web, y puede ser creado fácilmente utilizando HTML y CSS. Aquí tienes un tutorial básico para crear un carrusel de imágenes: Para hacer que tu carrusel funcione de manera automática y añadir funcionalidades adicionales, puedes utilizar JavaScript. Aquí tienes algunos ejemplos … Leer más

Crear un chat usando Socket.io y Javascript

por
Crear un chat usando Socket.io y Javascript

Tiempo de lectura: 2 minutos Hola, hoy os voy a enseñar, cómo crear un chat usando Socket.io y Javascript: Para empezar, necesitarás tener instalado Node.js y npm (https://nodejs.org/en/) en tu computadora. Luego, sigue estos pasos: Este código inicializa un servidor utilizando Express y luego inicializa Socket.io en el servidor. Luego, agrega un evento de conexión y desconexión para mostrar un … Leer más