Share if you liked:
La nueva generación de CSS con el motor Just-in-Time
Lo que aprenderás
Requisitos
Descripción
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!
¿Para quién es este curso?
You should keep in mind that the Coupons last a maximum of 4 days or until 1000 registrations are exhausted, but it can expire anytime. Get the course with coupon by clicking on the following button:
- #Tailwind Css