Curso de Tailwind CSS

Curso de Tailwind CSS

Instruido por:
Víctor Yoalli Domínguez
Víctor Yoalli Domínguez
Básico
2 horas de contenido
Ver la ruta de aprendizaje
PlatziFood
Proyecto del curso
PlatziFood

Crearemos Platzi Food, el sitio web de un negocio de comida . Con Tailwind, seguiremos las mejores prácticas, como diseñar primero para móviles y optimizar la página para cualquier dispositivo.

Curso de Tailwind CSS

Curso de Tailwind CSS

Progreso del curso:0/29contenidos(0%)

Contenido del Curso
Tutoriales de estudiantes
Preguntas de estudiantes

Progreso del curso:0/29contenidos(0%)

Introducción, instalación y ambiente de desarrollo

Material Thumbnail

¿Qué es Tailwind CSS?

02:24 min

Material Thumbnail

Instalación y ambiente de desarrollo

08:26 min

Material Thumbnail

Directivas de Tailwind

01:59 min

Conceptos básicos

Material Thumbnail

Personalización y configuración

01:57 min

Material Thumbnail

Responsive Design, Mobile First y Utility First

03:55 min

Utilerías

Material Thumbnail

Colores

04:25 min

Material Thumbnail

Dimensiones y Espacios

Material Thumbnail

Cambiando las propiedades de la tipografía

04:59 min

Material Thumbnail

Ajustando el espaciado entre letras y líneas

04:37 min

Material Thumbnail

Display

04:42 min

Material Thumbnail

Flexbox

09:19 min

Cómo crear grids o columnas en Tailwind CSS

04:41 min

Crea tus propias utilerías

04:04 min

Material Thumbnail

Entendiendo las variantes y las pseudo-clases

04:05 min

¡Es hora de practicar!

01:38 min

Proyecto: PlatziFood

Material Thumbnail

Creando una card

05:55 min

Material Thumbnail

Aplicando formato a la card

09:06 min

Material Thumbnail

Responsive design en la card

05:41 min

Material Thumbnail

Construye el header

07:32 min

Material Thumbnail

Crea el footer

09:46 min

Material Thumbnail

Crea un banner

06:32 min

Material Thumbnail

Cómo integrar una card

Material Thumbnail

Directivas de Apply

02:57 min

Material Thumbnail

Extraer componentes

08:11 min

Material Thumbnail

Alpine JS

03:32 min

Material Thumbnail

Optimiza tu archivo: PurgeCSS y NanoCSS

03:56 min

Conclusiones

Material Thumbnail

Conclusiones y qué sigue

00:54 min

nuevosmás votadossin responder
LuisFalconMX
LuisFalconMX
Estudiante
·hace 15 días
¿Por qué cuando uso la directiva @apply los cambios se tardan de 2 segundos a 3.5 en verse reflejados en pantalla?. En esta clase veo que...
1
Daniel Batista
Daniel Batista
Estudiante
·hace 25 días
Alguien me puede decir cuál es el atajo que utilizó el profesor para crear un archivo en VS Code??
1
CARLOS ANDRES LAUREANO PARRA
CARLOS ANDRES LAUREANO PARRA
Estudiante
·hace 27 días
hola muy buenos dias, disculpen se que esta pregunta no va tanto orientada al curso pero me causo curiosidad el tipo de tema que esta uti...
2
ironcap
ironcap
Estudiante
·hace 29 días
¿Por qué usas todo con y no usar section, article, figure, aside, etc...?
1
David Alejandro García Graterón
David Alejandro García Graterón
Estudiante
·el mes pasado
Y con este marco de trabajo puedo utilizar la metodología de BEM?
2
Julián David Rincón Ruiz
Julián David Rincón Ruiz
Estudiante
·hace 2 meses
Alguien sabe como hace para que le salgan las sugerencias de autocompletado por ejemplo en el minuto 3:23 le salen todas las sugerencias ...
1
Hernán Arica
Hernán Arica
Estudiante
·hace 2 meses
que pasa con mis utilidades personalizadas se borran? una vez que ejecuto el purge no puedo usar las clase que purgó?
1
Jefferson Andrés Espejo Goez
Jefferson Andrés Espejo Goez
Estudiante
·hace 2 meses
No me funciona ni @responsive, ni @variant. Ya utilicé varias de las soluciones propuestas por los compañeros abajo pero ninguna me sirvi...
1
edwin-manrique-matias
edwin-manrique-matias
Estudiante
·hace 2 meses
hola buenas tarde, es que tengo algunos problemas con algunos comandos como touch me aparece este error ( no se conoce el comando interno...
1
Baldan
Baldan
Estudiante
·hace 2 meses
¿Qué hace PurgeCSS? (No me ha quedado muy claro)
1