TailwindCSS es uno de los frameworks más utilizados de CSS, nos permite crear diseños de una manera rápida, sencilla y personalizada. Con Tailwind podemos crear cualquier proyecto ya que es sumamente personalizable, gracias a sus clases de utilidad.
En este articulo, aprenderás Tailwind de manera practica, creando una página web que sea adaptable a cualquier dispositivos con Tailwind y además también podrás descargar la página web terminada, para que puedas subirla a internet.
Este es el proyecto que crearás el día de hoy 👇🏻:
¡Te voy a contar un secreto! 👀
Al final de este articulo hay 2 regalos para ti. (Entre ellos la plantilla descargable)
Al finalizar este tutorial habrás aprendido:
- ¿Qué es un framework de CSS?
- ¿Qué es Tailwind y por qué debo utilizarlo?
- Instalar y utilizar Tailwind.
- Las clases de utilidad de Tailwind.
- Personalizar Tailwind a profundidad.
- Crear una página web con Tailwind adaptable a dispositivos móviles.
CURSO Tailwind a FONDO.
Al finalizar este curso serás un experto y podrás crear cualquier proyecto con TailwindCSS.
Antes que nada lo más importante es ver el tutorial paso a paso para que puedas crear la página web desde cero.
PASO 1: Ver 🚀 CURSO PRACTICO DE TAILWINDCSS.
Antes que nada lo más importante es ver el curso para aprender Tailwind de una manera practica.
PASO 2: Recursos Utilizados en el Proyecto.
A continuación se listan los recursos utilizados en la creación de la página web.
PASO 3: ¿No sabes CSS?
Para poder aprender Tailwind es necesario que sepas CSS, sino lo sabes, te voy a compartir un tutorial completo donde puedes tener una introducción a CSS.
RECURSO FINAL: Hostinger.
Si lo que quieres hacer es subir tu sitio web a internet, te recomiendo Hostinger, el patrocinador oficial del BLOG. Utiliza el cupón de DESCUENTO “ALEXCG” en mayúsculas para obtener hasta un 60% de descuento.
🎁 Descubre tus regalos!
Como has llegado al final del articulo te tengo 2 sorpresas.
Domina Tailwind a FONDO.
El primer regalo es un cupón para que aprendas TailwindCSS al precio de una pizza, y crees cualquier proyecto de una manera fácil y rápida.
Descarga los archivos completos:
¿Tienes algún error en el código o quieres descargar todos los archivo necesario para crear la página web? Mi segundo regalo es la plantilla con el proyecto completo, listo para usar. (Puedes usarla para lo que tu quieras)