Tailwind CSS en Español

Tailwind CSS es un framework moderno y cada día más popular, que está cambiando la forma de trabajar con CSS.

Su apuesta es bastante radical: usar el HTML para definir los estilos de la página. Interesante, ¿verdad? Pero… ¿por qué no usar entonces estilos inline? Bueno, Tailwind CSS es bastante superior a eso, y en este curso te lo mostraré, ahorrándote el trabajo de estudio e investigación.

A modo de ejemplo, y 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 poco a poco con características como las siguientes:

  • Adaptabilidad a diferentes tamaños de pantalla (responsive)

  • Estados CSS

  • Modo oscuro

  • Reutilización de estilos (don’t repeat yourself)

Aprenderás a usar, de forma muy práctica, los 4 plugins oficiales de Tailwind CSS:

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

  • TailwindCSS-Forms: para dar forma a los formularios

  • TailwindCSS-Aspect-Ratio: para controlar la relación de aspecto de las imágenes

  • TailwindCSS-Line-Clamp: para limitar textos y conseguir una buena armonía visual

Usarás el motor Just-in-Time desde el principio. Es una de sus novedades más recientes e interesantes, y será su modo de trabajo por defecto en la versión 3.0, por lo que he diseñado el curso pensando en este motor.

Tailwind CSS ya lo usan muchas webs, entre ellas algunas muy populares como GitHub, Heroku, Kickstarter o Twitch.

Creo que vale la pena aprender este framework, porque define una forma de trabajar muy diferente y útil, que ya está siendo copiada por otros frameworks. Con este curso te lo pongo fácil y muy práctico para que tengas una buena base y puedas construir cualquier página que te propongas.

Si aún no te has decidido, puedes ver gratuitamente la lección donde construimos una página desde cero. Así ves todo el proceso.

El curso está vivo, y lo iré actualizando a medida que Tailwind CSS evolucione. También tienes acceso al repositorio donde publico el código fuente de las páginas.

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

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

¡Nos vemos dentro!


Author : David Morales

Ratings : 0.0 / 5.0

Students : 4,096 students

https://www.udemy.com/fundamentos-de-tailwind-css/?couponCode=FC71C979D3BA0D7E7CB3

Category : Development, Web Development, Tailwind CSS

We will be happy to hear your thoughts

Leave a reply

Learngence
Logo
Register New Account
Reset Password