آموزش شادکن یوآی و نکست جی‌اس - ساخت داشبوردهای زیبا با شادکن - آخرین آپدیت

سرفصل ها و درس ها

مقدمه Introduction

• مهم! قبل از شروع دوره این را بخوانید! (Github repo و غیره) Important! Read this before you start the course! (Github repo etc)

• بررسی اجمالی پروژه Project overview

• امتیازات و نظرات Udemy Udemy ratings and reviews

• جدید - راه اندازی پروژه جدید Next JS NEW - Set up new Next JS project

• جدید - راه اندازی shadcn ui NEW - Set up shadcn ui

ساخت صفحه فرود Build the landing page

• جدید - افزودن متن و دکمه های صفحه فرود NEW - Add the landing page text and buttons

• مرتب سازی استایل های صفحه فرود و لینک به صفحات ورود و ثبت نام Tidying up the landing page styles and link to login and signup pages

• جدید - سفارشی سازی تم shadcn ui NEW - Customise shadcn ui theme

• راه اندازی حالت روشن و تاریک Set up light and dark mode

• ایجاد دکمه تغییر حالت روشن و تاریک Create the light and dark mode toggle button

ساخت صفحه ورود Build the login page

• افزودن صفحه ورود و کارت Add the login page and card

• ایجاد فرم ورود Create the login form

ساخت صفحه ثبت نام Build the sign up page

• افزودن صفحه ثبت نام و کارت Add the sign up page and card

• افزودن فیلد انتخاب نوع حساب Add the account type select field

• افزودن فیلدهای نام شرکت و کارمندان و اعتبارسنجی Add the company name and employees fields and validation

• افزودن اعتبارسنجی تاریخ تولد Add the date of birth validation

• افزودن فیلد تاریخ تولد با Popover Add the date of birth field with Popover

• جدید - سفارشی سازی تقویم NEW - Customize the Calendar

• افزودن فیلدهای رمز عبور و تایید رمز عبور Add the password and confirm password fields

• ایجاد کامپوننت PasswordInput سفارشی Create a custom PasswordInput component

• افزودن چک باکس شرایط و ضوابط Add the terms and conditions checkbox

• رفع باگ: چک باکس شرایط و ضوابط BUG FIX: terms and conditions checkbox

ساخت طرح بندی داشبورد Build the dashboard layout

• ایجاد طرح بندی داشبورد Create the dashboard layout

• ایجاد MenuTitle Create the MenuTitle

• ساخت آیتم های منوی پنل جانبی Build out the side panel menu items

• افزودن فوتر نوار کناری با Avatar Add the sidebar footer with Avatar

• افزودن صفحات گمشده و بازسازی تگ های HTML Add the missing pages and refactor HTML tags

ساخت صفحه داشبورد من Build the My Dashboard page

• افزودن زبانه های آمار کارمندان و آمار تیم ها Add the employees stats and teams stats tabs

• افزودن کارت های داده Add the data Cards

• شروع افزودن محتوای کارت Start adding the Card content

• گسترش کامپوننت دکمه shadcn ui Extend the shadcn ui Button component

• افزودن محتوای کارت کارمندان حاضر Add the employees present card content

• افزودن محتوای کارت کارمند ماه Add the employee of the month card content

• ایجاد نمودار میله ای پشته ای با recharts Create the stacked bar chart with recharts

• اتمام نمودار میله ای Finish the bar chart

• ایجاد کامپوننت آمار تیم ها Create the teams stats component

• افزودن محتوای کارت رهبران تیم Add the team leaders card content

• افزودن نمودار دایره ای توزیع تیم Add the team distribution pie chart

• افزودن نمودار خطی تیکت های پشتیبانی حل شده Add the support tickets resolved line graph

اضافی Extras

• منوی موبایل (بخش 1) Mobile menu (part 1)

• منوی موبایل (بخش 2) Mobile menu (part 2)

• جدید - منوی موبایل (بخش 3) NEW - Mobile menu (part 3)

• جدید - منوی موبایل (بخش 4) NEW - Mobile menu (part 4)

• ایجاد اسکلت بارگیری برای جدول کارمندان Create the loading skeleton for the employees table

• ایجاد جدول داده کارمندان Create the employees data table

• افزودن صفحه بندی برای جدول داده کارمندان Add pagination for the employees data table

• مرتب سازی استایل جدول داده Clean up the styling of the data table

• جایزه! BONUS!