اولین دوره آموزشی Shadcn-ui در ایران منتشر شد!
Shadcn-ui یک کتابخانه یا فریمورک نیست! بلکه مجموعه ای از کامپوننت های آماده رو برای دولوپر های فرانت اند فراهم کرده تا بتونید بدون دردسر و صرف وقت اضافی برای کدنویسی، کامپوننت های پرکاربردتون رو مثل دکمه ها، آکاردئون، اسلایدر و … تنها با یک copy/paste ساده وارد برنامه تون کنید. همچنین میتونید اونهارو متناسب با نیازتون شخصی سازی کنید.
shadcn-ui یک پروژه Open-Source هستش که بر روی Radix-UI و Tailwind CSS ساخته شده و از اونها در ساختار کدهاش استفاده میکنه.
این دوره پیش نیاز دارد؟
داشتن دانش اولیه از React و Tailwind CSS به فهم راحت تر شما کمک میکنه.
تمام کامپوننت های shadcn-ui استایل های اولیه و مینیمال جذاب خودشون رو دارند اما اگر tailwind بلد باشید میتونید به دلخواه خودتون اونهارو شخصی سازی کنید. لازمه بدونید این ابزار رو میشه با هر چیزی که از React پشتیبانی میکنه استفاده کنید. مثل:
این دوره پروژه محور است؟
بله!
برای اینکه بصورت عینی نحوه کار و استفاده از کامپوننت های shadcn-ui رو در پروژه ببینید، من این کار رو در قالب پیاده سازی یک Resume Creator با استفاده از React.js انجام دادم.
یک رزومه ساز آنلاین بصورت عملی راه اندازی می کنیم.
پیاده سازی برنامه (قسمت اول) ویدئو
پیاده سازی برنامه (قسمت دوم) ویدئو
پیاده سازی برنامه (قسمت سوم) ویدئو
تعریف و خواندن state ها
پیاده سازی برنامه (قسمت چهارم) ویدئو
تنظیم Form Handler ها
پیاده سازی برنامه (قسمت آخر) ویدئو
ذخیره سازی و خروجی گرفتن از تصویر رزومه
دوره های مرتبط
آموزش 0 تا 100 HTML & CSS
طراحی سایت رو بدون کمک از ابزار های مختلف و تنها با کدنویسی، بصورت بهینه و اصولی انجام بدید. زبانهای HTML و CSS دو عضو جدایی ناپذیر از ساختار هر وبسایتی هستند که همه برنامه نویس های فرانت اند باید یادشون بگیرند.
نظرات
رایگان!
عرفان اسدی
مدیر وبسایت عرفانویسمدیر وبسایت عرفانویس، کارشناس علوم کامپیوتر، توسعه دهنده فرانت اند React.js که گاهی دستی بر ++C هم میبره.
رضا وثاقتی
خیلی لذت بردم و استفاده کردم. ممنونم ازتون آقای اسدی.
با اینکه تیلویند بلد نبودم ولی تونستم کارم رو در بیارم.
Erfan_admin_Asadi(مدیریت)
ممنون از توجه و محبتی که به بنده دارید.
موفق تر باشید.
یونس قاسمی( دانشجوی دوره )
آموزش فارسی shadcn فقط سایت شما بود و واقعا کامل بود دمت گرم
Erfan_admin_Asadi(مدیریت)
مچکرم از انتخابتون عزیز دل.
سعید اسماعیلی( دانشجوی دوره )
فوق العاده اید.
عرفان اسدی(مدیریت)
لطف داری سعید جان. موفق باشی.
سیامک( دانشجوی دوره )
سلام ممنون از آموزش اتون
ولی ای کاش یک وب سایت فارسی رو با shadcn پیاده سازی می کردین که
نحوه استفاده از shadcn در یک وب سایت فارسی زبان رو یاد میگرفتیم
عرفان اسدی(مدیریت)
سلام سیامک جان.
حتما تو برنامه ی آموزشی سال جدید قرارش میدم. عذرخواهی بابت تاخیر تو پاسخم.