Programa del Curso
Introducción
- Descripción general de Tailwind CSS
Empezar
- Instalación Tailwind CSS
- Instalación de Node
- Instalación de VS Code
- Configuración del entorno
Tailwind CSS Conceptos básicos
- Adjuntar Tailwind CSS con HTML
- Creación de contenedores con clases de utilidad
- Adición de propiedades de anchura y altura
- Entendiendo cómo funciona flexbox
- Ajustar y cambiar el tamaño de los elementos flexibles
- Creación de un diseño de cuadrícula y fila
- Ajustar el flujo de elementos en un diseño de cuadrícula
- Adición de brechas entre elementos y justificación
- Justificación de artículos individuales
- Adición de relleno y márgenes a los elementos
- Aplicar estilo al texto mediante las clases de utilidad Tailwind
- Adición y aplicación de estilo a los bordes
- Adición de sombras a los elementos
- Uso de puntos de interrupción para agregar un comportamiento receptivo
- Uso de pseudoselectores
- Aplicar capas y aplicar directivas
- Uso de componentes para la 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
- Conocimientos básicos de HTML y CSS
Audiencia
- Desarrolladores
Testimonios (6)
Trainer' style of teaching
Fatma Badi - Dubai Electricity and Water Authority
Curso - Front End Developer
I mostly enjoyed the hands-on training code.
Tomislav Brajkovic - HSE - Healthlink
Curso - Angular 4: Create Single-Page Applications Using HTML, CSS and JavaScript
His ability to teach me through real-life examples, and his immediate response to my question with a clear and understandable answer.
Zayed Al Kindi
Curso - HTML5, JavaScript, and CSS3
Las sesiones prácticas
Tshepo - Vodacom
Curso - HTML5, JavaScript, and CSS4
Traducción Automática
Muy amable, pudimos hablar como quisiéramos, todo salió bien.
Axel - Université Libre de Bruxelles
Curso - Advanced TypeScript
Traducción Automática
Bien planeado. No tenía muchos terrenos, no me perdí y sabía dónde estaba. Los problemas, de forma general o específica, son la base para el trabajo posterior en su propio campo.
Andrzej - TENSOFT Sp. z o.o.
Curso - Design Patterns in PHP
Traducción Automática