Aprende a diseñar sitios web únicos y responsive con Tailwind. El framework CSS con un nuevo paradigma: ser altamente personalizable.
Tailwind es un framework CSS que permite maquetar un sitio web de forma más rápida y personalizable. Su principal característica radica en que no está basado en componentes (como p.ej. Bootstrap) sino en utility classes que puedes aplicar con facilidad en el código HTML. Estas utility classes abstraen las reglas CSS en una sintaxis muy sencilla y que puedes personalizar en detalle. Tailwind es perfecto para expertos en CSS que quieren acelerar su trabajo y también para programadores que no tienen un conocimiento avanzado de CSS y no quieren depender de un maquetador.
En este curso aprenderás a instalar y configurar Tailwind, conocerás el flujo de trabajo y aprenderás a utilizar las utility classes. Además, aprenderás a convertir tu sitio web en responsive y a crear un formulario de registro de dos maneras: con utility classes y con el plugin Tailwind Forms.
A lo largo del curso pondrás en práctica los conocimientos aprendidos creando un clon de la landing page de Digital Ocean completamente con Tailwind.
Comienza a maquetar sitios web responsive y 100% personalizables sin tener grandes conocimientos en CSS con Tailwind CSS. ¡Inscríbete ahora mismo!
Gracias al Profesor Jairo Ushiña por el curso, ahora a poner en practica todo lo aprendido.
El docente demostró el dominio que tiene sobre esta tecnología, dando explicaciones bastante claras sobre cada tema que se abordó. Espero que hagan otro curso más, abordando más de las características de Tailwind.
Genial, el curso es excelente y el profe explica de maravilla!
Lo que es el curso y las lecciones me parecieron estupendas. Aprendí más de lo que sabía. Sí creo que deberían de agregar códigos dependiendo de la clase para que los estudiantes trabajen encima de ese código proporcionado. Pero en general muy buen curso.
Excelente curso, claro y entendible. Como feedback cero creo que podría añadirle una actualización con respecto al funcionamiento de Navbar.
Aprenderás qué es Tailwind CSS, qué ventajas tiene usarlo para el desarrollo web y cómo instalarlo y configurarlo.
Antes de empezar con el proyecto, hablaremos sobre el flujo de trabajo típico al trabajar con Tailwind y otros conceptos básicos.
Aquí empieza lo más divertido. Iremos dando forma a la página de manera que poco a poco se vaya asemejando a la página de inicio de Digital Ocean.
Iremos dando forma a la página de manera que poco a poco se vaya asemejando a la página de inicio de Digital Ocean.
Es hora de hacer que la página se vea bien en los distintos tamaños de pantalla.
Ahora aplicaremos transiciones a ciertos elementos del sitio web para que los cambios de apariencia se vean más suaves y fluidos.
Si bien es totalmente posible dar estilo desde cero a los elementos de los formularios de nuestra web, aprenderemos sobre una herramienta que simplifica significativente esta tarea. Finalmente optimizaremos el proyecto para ponerlo en producción, veremos como mejorar significativamente la experiencia de desarrollo, además de algunos recursos útiles del ecosistema de Tailwind CSS.
Jairo Ushiña
🇪🇨@rjairoVer perfil
Obtén acceso de por vida solo a este curso
Obtén acceso a todos los cursos, rutas y escuelas de EDteam

Ve el demo del curso
1.1 - ¿Qué es Tailwind CSS?
Mostrar precios en
*Incluye todos los beneficios por comprar el curso