Contacta con nosotros

Temario del curso

Introducción

  • Visión general de Tailwind CSS

Primeros pasos

  • Instalación de Tailwind CSS
  • Instalación de Node
  • Instalación de VS Code
  • Configuración del entorno

Conceptos básicos de Tailwind CSS

  • Incorporar Tailwind CSS con HTML
  • Crear contenedores con clases de utilidad
  • Añadir propiedades de ancho y alto
  • Comprender cómo funciona flexbox
  • Agrupar y redimensionar elementos flexibles
  • Crear diseño en cuadrícula (grid) y filas
  • Ajustar el flujo de elementos en un diseño de cuadrícula
  • Añadir espacio entre elementos y justificarlos
  • Justificar elementos individuales
  • Añadir relleno (padding) y márgenes a los elementos
  • Estilizar texto utilizando clases de utilidad de Tailwind
  • Añadir y estilizar bordes
  • Añadir sombras a los elementos
  • Utilizar puntos de ruptura para añadir comportamiento responsivo
  • Usar selectores pseudo
  • Directivas de capa y aplicación
  • Usar componentes para reutilización de código

Configuración de un mejor entorno de desarrollo

  • Creación de un entorno con Tailwind CLI
  • Directivas y funciones

Resumen y próximos pasos

Requerimientos

  • Conoimientos básicos de HTML y CSS.

Audiencia

  • Desarrolladores
 7 Horas

Número de participantes


Precio por participante

Reseñas (2)

Próximos cursos

Categorías Relacionadas