Talleres pasados

CSS a la velocidad de TailwindCSS

Jueves 11 de Julio de 2024

TailwindCSS es un framework de CSS que acelera la creación de interfaces de usuario modernas y responsivas para sitios y aplicaciones web.

A diferencia de otros frameworks de CSS basados en componentes como Bootstrap, TailwindCSS se basa en clases de utilidad de bajo nivel que se pueden combinar fácilmente para construir cualquier diseño. Cada una de estas clases aplica un estilo específico, como color, margen, padding, display, etc.

¡Revive el taller online!

Resumen

Estas clases se utilizan para construir y aplicar estilos directamente en el lenguaje de marcado que usemos, que puede ser HTML o el lenguaje de plantilla que utilice nuestro framework de desarrollo, por lo que es compatible con Laravel, Rails, React, Next.js, Angular, y otros. 

Construir los estilos combinando clases hace que todo el código necesario para hacer cambios en los estilos esté en el mismo sitio donde se utiliza, sin necesidad de mantener por separado estilos CSS personalizados. Esto también ayuda al trabajo en equipo, ya que los estilos creados con TailwindCSS son fáciles de entender y modificar sin tener que buscar cambios en hojas de estilo CSS largas y complejas.

A la vez, TailwindCSS es muy flexible y personalizable. Todos los estilos base que incluye pueden modificarse fácilmente, extenderse, e incluso integrar clases de CSS desarrolladas por separado.

Finalmente, TailwindCSS fue diseñado para tener el mejor rendimiento, eliminando clases no utilizadas y minificando el código para reducir el tamaño de los archivos de estilos y mejorar los tiempos de carga.
En este taller veremos los fundamentos de TailwindCSS, construiremos elementos de una UI y los integraremos en una landing page responsiva. 

Certifican: Donweb Cloud y EducaciónIT

Temario:

  • Introducción: ¿Qué soluciona TailwindCSS?
  • Instalación y configuración en un proyecto.
  • Cómo funcionan las clases de utilidad.
  • Ejemplos de clases de utilidad comunes. 
  • Personalización.
  • Estilización de componentes (butones, formularios, cards)
  • Estados (hover, focus, active)
  • Construcción de un layout básico con flexbox y grid
  • Dónde continuar aprendiendo

Participantes

Ponente:

Developer/sysadmin. Technical Content Creator en DonWeb Cloud & IaaS

También te puede interesar...

Jueves 18 de Julio
Cloud, desarrollo & DevOps
Jueves 11 de Julio
Cloud, desarrollo & DevOps
Jueves 27 de Junio
Cloud, desarrollo & DevOps
Jueves 20 de Junio
Cloud, desarrollo & DevOps
Entérate de nuestros próximos talleres
Suscríbete a nuestro newsletter para recibir nuestras novedades.
Talleres nuevos todas las semanas.
Recibe nuestras novedades para no perderte ninguno.