Comparte si te a gustado:

Fundamentos de Tailwind CSS

Publicado en 29 Sep 2021

Udemy UK

Lo que aprenderás

  • Instalar y configurar el entorno ideal para trabajar con Tailwind CSS
  • Construir una página desde cero, siguiendo los últimos estándares de desarrollo web
  • Adaptar la página a diferentes tamaños de pantalla (responsive design)
  • Aplicar estados CSS
  • Implementar un modo oscuro automático
  • Reutilizar clases (don't repeat yourself)
  • Usar los 4 plugins oficiales de Tailwind CSS
  • Usar el motor Just-in-Time
  • Requisitos

  • HTML y CSS básico
  • Usar un editor de código
  • 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?

  • Diseñadores y desarrolladores web que quieran mejorar sus habilidades de frontend
  • Estudiantes con conocimientos de HTML y CSS que quieran aprender una nueva forma de trabajar
  • Quien quiera aprender nuevas tecnologías en desarrollo web

  • 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:

    (Cupón válido para las primeras 1000 inscripciones): FC71C979D3BA0D7E7CB3
    Udemy UK
    Tags:
    • #Tailwind Css

    Articulos Relacionados

    content

    Universidad Desarrollo Web - FrontEnd Web Developer!

    El mejor curso para aprender a crear aplicaciones Web Modernas con HTML, CSS y JavaScript. Serás un FrontEnd Developer!

    Ir al Curso
    content

    Universidad Angular - De Cero a Experto en Angular 18

    Domina Angular y crea aplicaciones web del mundo real con TypeScript, Firebase, Cloud Firestore, JWT y más!

    Ir al Curso
    content

    Angular: De cero a experto

    Componentes, directivas, servicios, mapas, gráficas, JWT, autenticación, despliegues, mongo, Git, GitHub y mucho más

    Ir al Curso
    Suscríbete a nuestro boletín
    Reciba los últimos Cupones y promociones (Solicitar Cupón)