YoVDO

Shadcn Component Library Course for Beginners

Offered By: freeCodeCamp

Tags

React Courses Web Development Courses Next.js Courses Accessibility Courses

Course Description

Overview

Save Big on Coursera Plus. 7,000+ courses at $160 off. Limited Time Only!
Learn how to integrate Shadcn, a collection of reusable React components, into Next.js projects in this comprehensive 2-hour and 52-minute course. Master the installation and setup process, then explore a wide range of UI elements including accordions, alerts, alert dialogs, image ratios, avatars, badges, breadcrumbs, buttons, calendars, cards, carousels, checkboxes, and collapsibles. Gain hands-on experience in implementing beautifully designed, accessible, and customizable components to enhance your modern web development skills.

Syllabus

⌨️ Installation & Project Setup
⌨️ Accordion
⌨️ Alert
⌨️ Alert Dialog
⌨️ Image Ratio
⌨️ Avatar
⌨️ Badge
⌨️ Breadcrumb
⌨️ Button
⌨️ Calendar
⌨️ Card
⌨️ Carousel / Image Slider
⌨️ Check Box
⌨️ Collapsible


Taught by

freeCodeCamp.org

Related Courses

Build a Full Stack Twitter clone with Next.js
Coursera Project Network via Coursera
Next JS with React Hooks - Building SSR React Applications
Udemy
End to End React with Prisma 2
Udemy
Build a Server Rendered Website with Next.js
Coursera Project Network via Coursera
Next.js 14 & React - The Complete Guide
Udemy