Tailwindcss

Duración: 10 hrs

Descripción:

Tailwindcss es un framework que proporciona un conjunto de clases de utilidad para estructurar y dar apariencia a los proyectos Web, de forma que se puedan crear con facilidad interfaces de usuario personalizadas.

Objetivo:

Comprender el funcionamiento e implementación de Tailwindcss para poner en operación proyectos Web personalizados con rapidez y optimización de desempeño en distintos tamaños de pantalla.

Temario:

1. ¿Por qué usar Tailwindcss?
   • 1.1 La forma como trabajamos
   • 1.2 CSS convencional
   • 1.3 ATOMIC CSS
   • 1.4 Cómo funciona Tailwindcss
2. Apariencia básica
   • 2.1 Implementación con CDN
   • 2.2 Texto, colores y bordes
   • 2.3 Ancho y alto de elementos
   • 2.4 Imágenes y gradientes
3. Maquetación con Flexbox
   • 3.1 Documentación oficial
   • 3.2 Compilación de estilos
   • 3.3 Sistema de columnas
   • 3.4 Formularios
   • 3.5 Directiva @apply
4. Maquetación con Grid Layout
   • 4.1 Conceptos básicos
   • 4.2 Grid Layout en Tailwind
   • 4.3 Plantilla de columnas
   • 4.4 Maquetación responsiva
5. Configuraciones de Tailwindcss
   • 5.1 Archivo tailwind.config.js
   • 5.2 Colores personalizados
   • 5.3 Fuentes personalizadas

Perfil de ingreso:

Personas interesadas en crear contenidos Web responsivos de manera ágil con el beneficio de usar clases de utilidad proporcionadas por el framework Tailwindcss.

Perfil de egreso:

Al término del curso las personas estarán capacitadas en el manejo, configuración, construcción de proyectos con el framework Tailwindcss y las buenas prácticas de su utilización.

Requisitos académicos:

1. Conocimientos básicos de HTML
2. Conocimientos básicos de CSS

Requisitos informáticos:

1. Computadora
2. Editor de código
3. Navegador