Tailwind CSS 3.3: Fundamentos

Description

Aprenderás qué es Tailwind CSS, el framework CSS que está cambiando la forma de trabajar con CSS. Descubrirás y experimentarás qué es lo que lo hace diferente a los demás.

Este curso te ahorrará el trabajo de estudio e investigación, y aprenderás los fundamentos desde cero hasta ser capaz de hacer cualquier web que te propongas.

Aprende a usar Tailwind CSS en este curso exhaustivo.

• Adapta la página a diferentes tamaños de pantalla (responsive design)

• Aplica estados CSS

• Diseña un modo oscuro

• Reutiliza tus estilos (principio don't repeat yourself)

• Aprende a instalar y usar plugins

Como proyecto del curso, construirás una landing page de una web tipo Netflix, usando las clases de utilidad de Tailwind CSS. La irás mejorando y completando paso a paso.

Resumen del curso:

• Verás todas las formas de instalar y configurar Tailwind CSS, incluso formas para hacer prototipos rápidos.

• Configurarás Visual Studio Code, y te enseñaré los plugins que uso para trabajar cómodamente.

• Instalarás Tailwind CSS y sus dependencias, dejándolo todo listo para empezar a trabajar.

• Construirás una landing page tipo Netflix, optimizada para móviles.

• Adaptarás la página a diferentes tamaños de pantalla. Lo que se conoce como responsive design.

• Añadirás estados CSS, como por ejemplo cuando pasas el ratón encima de un botón.

• Sabrás configurar tu página con un modo oscuro automático.

• Para evitar repetir código, sabrás crear clases personalizadas que podrás reutilizar.

Controlarás, además, los plugins oficiales de Tailwind CSS:

• Typography: para poner estilo a textos (por ejemplo, los que vienen de una base de datos)

• Forms: para dar forma a los formularios

• Line-Clamp: para limitar textos y conseguir una buena armonía visual (ahora incluido de serie)

Además,

• Tras cada módulo de lecciones, harás un test de conocimientos para comprobar que no se te haya escapado nada importante.

• Tienes acceso al repositorio donde publico el código fuente de las páginas.

Con este curso tendrás una buena base para construir cualquier página que te propongas, con lecciones claras y prácticas.

Si aún no te has decidido, puedes ver algunas lecciones gratuitamente.

Y por supuesto, si tienes dudas puedes exponerlas en la sección de preguntas y respuestas, donde las iré respondiendo.

¡Te veo dentro!

TAKE THIS COURSE