
Fundamentos de Tailwind CSS
0%
14 lecciones 1h 10m Nuevas lecciones cada semana
Esta serie de videos aprenderemos a utilizar Tailwind CSS de forma práctica diseñando un template completo desde cero y paso a paso.
FREE
01:451. Introducción al curso Fundamentos de Tailwind CSS
En este video te doy la bienvenida y te muestro lo que vamos a construir en el curso.
FREE
02:162. Qué es Tailwind CSS
En esta lección de 2 minutos te explico rápidamente las principales características de Tailwind CSS en mi opinión.
FREE
07:253. Instalación de Tailwind CSS
En esta lección exploramos las diferentes formas de comenzar con Tailwind CSS, incluidos Tailwind Play, custom builds y Vite.js.
FREE
03:364. Formateo y orden de clases automáticos
En esta lección configuramos VS Code para que formatee y ordene las clases de Tailwind CSS de forma automatizada.
FREE
04:255. Barra de navegación móvil
En esta lección empezamos a diseñar la barra de navegación y aprendemos las unidades de medidas de Tailwind CSS.
PRO
07:026. Cómo utilizar íconos SVG con Tailwind CSS
En esta lección continuamos con la navegación móvil agregando los botones y los íconos SVG..
PRO
05:307. Links de navegación móvil
En esta lección agregamos los links que se mostrarán únicamente en pantallas pequeñas.
PRO
07:448. Links de navegación escritorio
En esta lección diseñamos los links que serán visibles únicamente en pantallas grandes.
PRO
03:349. Estructura de un artículo
En esta lección definimos la estructura de un artículo y agregamos las imágenes en la carpeta public.
PRO
03:0510. Trabajando con imágenes en Tailwind CSS
En esta lección aprendemos a mantener el aspect-ratio de las imágenes utilizando las propiedades de objeto en CSS.
PRO
03:0011. Terminando el diseño de la tarjeta
En esta lección terminamos la tarjeta, diseñando el cuerpo y el pie de la misma.
PRO
07:0312. Cómo utilizar grids adaptables
En esta lección aprendemos a utilizar grids o rejillas para organizar las tarjetas de los artículos de forma adaptable a los diferentes anchos de pantalla.
PRO
08:0613. Diseñando el pié de página
En esta lección diseñamos el footer y agregamos links de redes sociales utilizando iconos SVG
PRO
06:0014. Diseñando la página "About"
En esta lección agregamos un nuevo archivo HTML para la página about y la diseñamos con Tailwind CSS