Aprenders en qu consiste Tailwind CSS, el framework CSS que est cambiando la forma de trabajar con CSS. Descubrirs y experimentars qu es lo que lo hace diferente a los dems. Este curso te ahorrar el trabajo de estudio e investigacin, y aprenders 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 pgina a diferentes tamaos de pantalla (responsive design)Aplica estados CSSDisea un modo oscuroReutiliza tus estilos (principio don’t repeat yourself)Aprende a instalar y usar pluginsTailwind CSS es el framework CSS ms popular del momento, con un enfoque muy diferente al CSS estndar. Normalmente, cuando quieres aplicar estilo a tus pginas web, has escrito CSS. Tailwind CSS te da clases predefinidas que puedes incluir en tu HTML directamente. El framework abarca todo lo que puedas necesitar: colores, tamaos, tipos de fuentes, mrgenes, espaciados, flexbox, esquinas redondeadas, sombras, etc. As puedes escribir un diseo totalmente personalizado sin necesidad de escribir nada de CSS. Esta forma de trabajar te aporta varias ventajas. Por ejemplo: No gastas energa en elegir nombres de clases. No tienes un archivo CSS que mantener. Los estilos son locales en cada pgina. Los frameworks basados en clases de utilidad, como Tailwind CSS, ya estn siendo usados por empresas tan conocidas como GitHub, Heroku, Twitch o Kickstarter. Netflix incluso ya est usando Tailwind CSS en su pgina de series y pelculas ms vistas. La tendencia de uso es cada vez mayor en el mercado. Como proyecto del curso, construirs una landing page de una web tipo Netflix, usando las clases de utilidad de Tailwind CSS. La irs mejorando y completandopoco a poco. Resumen del curso: Empezars instalando Node. Es la base para instalar los paquetes necesarios. Configurars Visual Studio Code, y te ensear los plugins que uso para trabajar cmodamente. Instalars Tailwind CSS y sus dependencias, dejndolo todo listo para empezar a trabajar. Construirs una landing page tipo Netflix, optimizada para mviles. Adaptars la pgina a diferentes tamaos de pantalla. Lo que se conoce como responsive design. Aadirs estados CSS, como por ejemplo cuando pasas el ratn encima de un botn. Sabrs configurar tu pgina con un modo oscuro automtico. Para evitar repetir cdigo, sabrs crear clases personalizadas que podrs reutilizar. Controlars, adems, los 4 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 formulariosAspect-Ratio: para controlar la relacin de aspecto de las imgenesLine-Clamp: para limitar textos y conseguir una buena armona visualAdems: Tras cada mdulo de lecciones, hars un test de conocimientos para comprobar que no se te haya escapado nada importante. El curso est vivo, y lo ir actualizando a medida que Tailwind CSS evolucione. Tambin tienes acceso al repositorio donde publico el cdigo fuente de las pginas. Con este curso te lo pongo fcil y prctico para que tengas una buena base y puedas construir cualquier pgina que te propongas, con lecciones claras y prcticas. Si an no te has decidido, puedes ver gratuitamente la leccin donde construimos una pgina desde cero. As ves todo el proceso.Y por supuesto, si tienes dudas puedes exponerlas en la seccin de preguntas y respuestas, donde las ir respondiendo. Nos vemos dentro!
