Tailwind CSS: paso a paso
Aprenda TailwindCSS. La nueva generación de CSS con el motor Just-in-Time.
Lo que aprenderás
Tailwind CSS - Paso a paso
- Instalación y configuración del entorno ideal para trabajar con Tailwind CSS
- Cree un sitio desde cero, siguiendo los últimos estándares de desarrollo web
- Diseño de respuesta
- Aplicar estados CSS
- Implementar un modo oscuro automático
- Reutiliza las clases (no te repitas)
- Usando los 4 complementos oficiales de Tailwind CSS
- Uso del motor Just-in-Time
Requisitos
- HTML y CSS básico
- Usando un editor de código
Descripción
Tailwind CSS es un marco moderno y cada vez más popular que está cambiando la forma en que trabajamos con CSS.
Su apuesta es bastante radical: usando HTML para definir los estilos de página. Interesante, ¿no? Pero ... ¿por qué no usar estilos en línea entonces? Bueno, Tailwind CSS es bastante superior a eso, y en este curso, te lo mostraré, ahorrándote el trabajo de estudio e investigación.
Como ejemplo, y como proyecto de curso, creará un Página de inicio similar a Netflix utilizando las clases de utilidad Tailwind CSS. Lo irás mejorando y completando gradualmente con características como las siguientes:
- Diseño de respuesta
- Estados CSS
- Modo oscuro
- Reutilizar estilos (no te repitas)
Aprenderá a utilizar, de forma cómoda, el 4 complementos oficiales de Tailwind CSS:
- TailwindCSS-Tipografía: para textos de estilo (por ejemplo, los que provienen de una base de datos)
- TailwindCSS-Formas: para peinar formas
- TailwindCSS-Relación de aspecto: para controlar el relación de aspecto de las imágenes
- TailwindCSS-Line-Clamp: para limitar el texto y lograr la armonía visual
Usarás el Motor justo a tiempo desde el comienzo. Es una de sus características nuevas más recientes y emocionantes, y será su modo de trabajo predeterminado en la versión 3.0, así que diseñé el curso con este motor en mente.
Muchos sitios web ya utilizan Tailwind CSS, incluidos algunos populares como GitHub, Heroku, Pedal de arranque, o Contracción nerviosa.
Creo que vale la pena aprender este marco porque define una forma de trabajar muy diferente y útil, que otros frameworks ya han copiado. Con este curso, te lo hago fácil y muy práctico para que tengas una buena base y construyas cualquier página que quieras.
Si aún no lo ha decidido, puedes ver gratis la lección donde construimos una página desde cero. Para que pueda ver todo el proceso.
Por supuesto, el curso incluye subtítulos de calidad (CC).
El curso esta vivo, y lo actualizaré a medida que Tailwind CSS evolucione. También tienes acceso al repositorio donde publico el código fuente de las páginas.
Después de cada módulo de lecciones, tomará un examen para comprobar que no se ha perdido nada importante.
Y por supuesto, si tiene preguntas, puede publicarlas en la sección de preguntas y respuestas, donde les responderé.
¡Nos vemos adentro!
