Shadcn/ui: Componentes accesibles y personalizables

Alertas, Diálogos, Botones, Dashboard administrativo, tarjetas, anatomía ,TypeScript, Tailwind, NextJS
4.88 (191 reviews)
Udemy
platform
Español
language
Web Development
category
Shadcn/ui: Componentes accesibles y personalizables
4 567
students
2 hours
content
May 2024
last update
FREE
regular price

Why take this course?

🚀 ¡Explora el Mundo de Shadcn/ui con React! 🌟 För los entusiastas y desarrolladores que deseen elevar su juego en la creación de interfaces de usuario, esta es tu oportunidad para sumergirte en el poderoso universo de Shadcn/ui. En este curso gratuito, te guiaré a través de sus componentes accesibles y personalizables, enfocándonos especialmente en la implementación de un dashboard administrativo impulsado por NextJS. 🛠️✨

¿Qué Aprenderás?

  • Introducción a Shadcn/ui: Conócenes y entiendenes los fundamentos de esta librería que está revolucionando la forma en que construimos interfaces con React.

  • Uso de TypeScript: Aunque no es estrictamente necesario, dominar TypeScript te ayudará a escribir código más robusto y fácil de mantener. 🧠⚫️

  • Implementación en NextJS: Aprenderás a integrar Shadcn/ui en un entorno de aplicación de página completa con NextJS, asegurando un rendimiento óptimo y una experiencia de usuario fluida.

Componentes Destacados del Curso

Alertas y Controles: Comprenderás cómo comunicar al usuario información crítica o simplemente mejorar la experiencia de navegación.

Botones: Crearás botones con estilos personalizables que responden a los eventos del usuario de manera efectiva.

Diálogos y Modales: Aprenderás a implementar diálogos que permitan a los usuarios realizar acciones sin abandonar su flujo principal.

Medallas y Trofeos: Enriquezcos tus interfaces con elementos visuales que resalten logros o destacar información importante.

Calendarios: Integrarás componentes de calendario para mostrar fechas, eventos y permitir a los usuarios interactuar con el tiempo.

Avatars: Personalizarás representaciones visuales de usuarios para agregar un toque humano y personalizado a tu aplicación.

Tarjetas: Utilizarás tarjetas como bloques fundamentales para presentar información estructurada y organizada.

¿Qué Es Lo que Ves?

Durante este curso, te llevaré paso a paso en la creación de un dashboard administrativo, desde sus cimientos hasta su diseño final con TailwindCSS. Te mostraré cómo utilizar cada uno de los componentes mencionados anteriormente para que puedas construir tu propio dashboard con confianza y eficiencia.

¿Necesitas Saber Más?

  • Familiaridad con NextJS: Aunque no es obligatorio, tener experiencia con NextJS te dará una ventaja al entender mejor cómo se integran los componentes de Shadcn/ui.

  • Dominio de TypeScript: Si ya conoces TypeScript, estarás bien equipado para abordar las complejidades de tipado en tus proyectos.

¡Adelante con Shadcn/ui! 🚀

Este curso te proporciona las herramientas y el conocimiento necesario para comenzar a trabajar con Shadcn/ui en tu proyecto de React. Al final de este viaje educativo, estarás equipado para crear interfaces de usuario que no solo sean estéticamente impresionantes sino también altamente funcionales y accesibles. 📚🚀

¡No te quedes atrás! Inscríbete y comienza a transformar tu codificación con Shadcn/ui hoy mismo. 🎉

Course Gallery

Shadcn/ui: Componentes accesibles y personalizables – Screenshot 1
Screenshot 1Shadcn/ui: Componentes accesibles y personalizables
Shadcn/ui: Componentes accesibles y personalizables – Screenshot 2
Screenshot 2Shadcn/ui: Componentes accesibles y personalizables
Shadcn/ui: Componentes accesibles y personalizables – Screenshot 3
Screenshot 3Shadcn/ui: Componentes accesibles y personalizables
Shadcn/ui: Componentes accesibles y personalizables – Screenshot 4
Screenshot 4Shadcn/ui: Componentes accesibles y personalizables

Loading charts...

5973286
udemy ID
14/05/2024
course created date
31/05/2024
course indexed date
Bot
course submited by