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
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
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
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
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
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
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
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
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
Tiempo de lectura: < 1 minuto Hoy os voy a enseñar cómo podéis cargar una flatlist de forma invertida para mostrar una conversación (chat) con React Native. Estamos utilizando la librería de FlatList que viene con el paquete React Native. Para mostrar los elementos de forma invertida (que se carguen desde abajo y no desde arriba) tenemos que añadir la propiedad … Leer más
