Curso Tailwind CSS 4 desde cero

Curso Tailwind CSS 4 desde cero

38.157 Lượt nghe
Curso Tailwind CSS 4 desde cero
En este curso video aprenderás desde cero a utilizar Tailwind 4 y novedades brutales como son las máscaras y otras propiedades. Código: https://github.com/midudev/curso-tailwind-abril-2025 Marcadores del video: 00:00:00 - Intro 00:00:10 - ¿Qué es Tailwind? 00:02:06 - Errores típicos con Tailwind 00:03:32 - Características clave 00:06:28 - Desventajas de Tailwind 00:09:27 - Creando un proyecto 00:09:41 - Creando estructura HTML 00:10:49 - Extensión live preview 00:11:51 - Instalando Tailwind 00:12:52 - Primera vez usando Tailwind 00:13:45 - Autocompletado de clases 00:16:40 - Iconos de Redes sociales 00:18:05 - Sprites de SVGs 00:20:14 - Agregando estilos 00:23:23 - Atajos en clases de Tailwind 00:24:36 - Variantes: focus, active, hover 00:29:33 - Gradientes 00:33:37 - Flex 00:35:06 - Agregando imagen 00:37:02 - Mascaras 00:39:28 - Valores arbitrarios 00:41:21 - Creando el header (font-size, color, dirección, family) 00:45:48 - Opacidad en colores 00:46:51 - Cursor 00:47:20 - Border 00:48:11 - Valores negativos 00:48:51 - z-index 00:49:42 - Responsive (Breckpoints) 00:55:21 - Configuración + crear nuestras primeras variables 01:00:15 - Watch en el output.css 01:01:45 - Creando nuestras primeras variables 01:05:19 - BreakPoints 01:08:05 - Asociar archivos css con tailwind 01:08:48 - @apply 01:11:40 - Por que no cambiar los valores por default 01:12:56 - Creando BentoGrid 01:19:33 - Group 01:27:22 - Agregar / Personalizar fuentes 01:32:18 - Animaciones 01:36:17 - Deploy