Tailwind CSS: paso a paso

11/11/2021

Tailwind CSS paso a paso
Índice
  1. Tailwind CSS: paso a paso
    1. Aprenda TailwindCSS. La nueva generación de CSS con el motor Just-in-Time.

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
LEER
Alibaba To Amazon FBA - Curso de clase magistral de importación de productos

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!

Más Información

Subir

Este sitio web utiliza cookies para ofrecerle una mejor experiencia de navegación, si continua en navegando consideramos que acepta su uso.