Creando Selección de Boxeadores para la web Velada del Año 4 - HTML, CSS, JavaScript & Astro

Channel:

midulive

Subscribers:

259,000

Published on March 8, 2024 2:00:52 PM ● Video Link: https://www.youtube.com/watch?v=y_vO_m7-XNg

Duration: 1:25:09

39,455 views

877

En este video estaremos creando un Increíble versus entre los boxeadores de la Velada del Año 4, usando JavaScript, HTML, CSS y Astro DESDE CERO Junto con la comunidad

▶ No te pierdas más directos en: https://www.twitch.tv/midudev
Repo: https://github.com/midudev/la-velada-web-oficial

00:00:00 - Diseño para la sección de contrincantes
00:05:04 - Creando componente de los Competidores
00:05:52 - Información de los boxeadores
00:10:13 - Lista de boxeadores
00:14:48 - HTML semántico al componente
00:24:29 - Descargando imágenes de El mariana
00:27:05 - Cargando las imágenes en la web
00:28:36 - imágenes de Plex
00:30:31 - Grid a los luchadores
00:32:05 - Nuestro diseño
00:34:08 - Esta mejor el del diseño
00:36:36 - Creando nuevo estilo a la sección
00:37:05 - Estructura del HTML + Tailwind
00:45:48 - Nuevo Grid de todos los luchadores (uvesilva)
00:50:50 - Ajustes al seleccionar los luchadores
00:59:53 - Creando los Scripts para mostrar el luchador al seleccionarlo
01:09:22 - Arreglando el salto
01:16:21 - Animación Fade-in/out
01:20:41 - Subiendo cambios al repo