TABLAS HTML + JavaScript

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

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

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

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

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

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

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

¿Qué es un Array? Operaciones básicas de un Array en JavaScript

Tiempo de lectura: < 1 minuto ¡Buenos días amigos! En el tutorial de hoy, os voy a hablar sobre los Arrays en JavaScript. En primer lugar, ¿Qué es un array? Un array en JavaScript es un objeto que permite almacenar una colección de valores de diferentes tipos, incluyendo otros objetos y funciones. Los arrays son muy útiles para representar conjuntos de … Leer más

Acceso a Datos Fichero JSON (Sencillo)

Acceso a Datos Fichero JSON (Sencillo)

Tiempo de lectura: 2 minutos Buenas tardes a tod@s os voy a dejar un tutorial de como acceder a los datos: En primer lugar lo que hacemos es generar un JSON, en mi caso almacenado en la variable texto A continuación, pasamos la variable que contiene el JSON, para obtener una variable o un objeto Ahora creamos una variable respuesta, … Leer más