Contenido del curso

    1. Introducción al curso

    2. ¿Cómo hacer preguntas?

    3. ¿Cómo funcionará el curso?

    4. Instalaciones recomendadas

    1. Introducción a la sección

    2. Temas puntuales

    3. Inicio de proyecto - Shadcn-dashboard

    4. Pantallas adicionales

    5. Código fuente

    1. Introducción a la sección

    2. Temas puntuales

    3. Instalación de Shadcn/ui

    4. Accordion

    5. Anatomía y explicación de Shadcn/ui

    6. Alert

    7. Button

    8. Alert Dialog

    9. Dialog

    10. Badge

    11. Calendar

    12. Avatar

    13. Card

    14. Carousel

    15. Carousel auto play - Plugin

    16. Checkbox

    17. Command

    18. Combobox

    19. Context Menu

    20. Menu Bar

    21. Input OTP

    22. Progress

    23. Sheet

    24. Skeleton - Preparación

    25. Skeleton - Vista previa del contenido

    26. Slider

    27. Sonner

    28. Toast

    29. Tabs

    30. Más componentes

    31. Código fuente

    1. Introducción a la sección

    2. Temas puntuales de la sección

    3. Demostración

    4. Continuación de la sección

    5. Data Table

    6. Formato de celdas

    7. Acciones de fila

    8. Paginación

    9. Ordenar - Sorting

    10. Filtrar registros

    11. Visibilidad

    12. Seleccionar filas

    13. Filtro flexible personalizado

    14. Solución de la tarea - Filtro flexible

    15. Mostrar más registros por página

    16. Código fuente de la sección

    1. Introducción a la sección

    2. Temas puntuales

    3. Demostración

    4. Continuación de proyecto

    5. Formulario básico

    6. Radio Group

    7. Date picker

    8. Switch

    9. Código fuente de la sección

    1. Introducción

    2. Temas puntuales

    3. Demostración

    4. Continuación de proyecto

    5. Cambiar tema de forma dinámica

    6. Tailwind Darkmode

    7. Código fuente de la sección

Acerca de este curso

  • Gratis
  • 74 lecciones
  • 6 horas de contenido en video
  • Fernando Herrera
  • Subtítulos disponibles

Requisitos previos

• Conocimientos básicos de React y TypeScript:
Saber crear componentes, usar props y hooks como useState. 

• Familiaridad con Tailwind CSS:
Haber trabajado con clases utilitarias para estilos. 

• Entorno de desarrollo configurado (Node.js + npm/yarn):
Poder instalar paquetes y ejecutar proyectos locales. 

• Experiencia básica con formularios y tablas en React:
Saber manejar inputs, validaciones o manipular listas de datos.

Descripción del curso

En este curso aprenderás a crear interfaces modernas y altamente funcionales utilizando Shadcn/ui con Tailwind CSS. Explorarás una amplia variedad de componentes listos para producción, construirás un dashboard completo, integrarás formularios, tablas dinámicas con filtros avanzados, y aplicarás temas oscuros y personalizados, todo con una experiencia real de desarrollo en proyectos escalables.

Una librería de componentes diferente, que te da control absoluto sobre cada pieza que importes en tu proyecto, aprende a usarla y configurarla en este curso.


¿Qué veremos en el curso?

  • Configuración y uso de Shadcn/ui
  • Ecosistema de Tailwind CSS para diseño avanzado
  • Componentes listos para producción
  • Construcción de un Dashboard completo
  • Integración de formularios y componentes interactivos
  • Tablas dinámicas con filtros avanzados
  • Aplicación de temas oscuros y personalizados
  • Estrategias de desarrollo en proyectos reales y escalables

Al finalizar, tendrás el dominio absoluto de las herramientas necesarias para estructurar interfaces de usuario limpias, rápidas y adaptables a las demandas del mercado actual.



Adquiere el curso de forma vitalicia, con acceso a la comunidad y posibles actualizaciones futuras.

¿Listo para explorar sin límites?

✦— Elige tu suscripción DevTalles PRO

Devtalles PRO Mensual

USD18

¡Empieza hoy!

DevTalles PRO Trimestral

USD54

3 meses para subir de nivel.

DevTalles PRO Semestral

USD108

Especializate en 6 meses.

DevTalles PRO Anual

✦ El mejor valor

USD198

12 meses por el precio de 11.