Fundamentos de Tailwind CSS
La nueva generación de CSS con el motor Just-in-Time
La nueva generación de CSS con el motor Just-in-Time
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!
Debes tener en cuenta que los cupones duran maximo 4 dias o hasta agotar 1000 inscripciones,pero puede vencer en cualquier momento. Obten el curso con cupon haciendo clic en el siguiente boton:
El mejor curso para aprender a crear aplicaciones Web Modernas con HTML, CSS y JavaScript. Serás un FrontEnd Developer!
Ir al CursoDomina Angular y crea aplicaciones web del mundo real con TypeScript, Firebase, Cloud Firestore, JWT y más!
Ir al CursoComponentes, directivas, servicios, mapas, gráficas, JWT, autenticación, despliegues, mongo, Git, GitHub y mucho más
Ir al Curso