آموزش بوت‌کمپ توسعه‌دهنده وب با شتاب‌دهنده هوش مصنوعی | ساخت اپلیکیشن Full-Stack - آخرین آپدیت

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

روز ۰: شروع از اینجا! Day 0 - Start Here !

• خوش‌آمدگویی Welcome

• رویکرد، طرز فکر و جزئیات دوره Approach, Mindset, and Course Details

• دموی آنچه خواهیم ساخت Demo of what we will be building

• مخزن گیت (Git repo) Git repo

مبانی (۲ ویدیوی اول شروع پروژه Next JS + بقیه اختیاری) Foundations (First 2 videos start the Next JS project + Rest Optional)

• مقدمه‌ای بر توسعه وب و راه‌اندازی پروژه Introduction to Web development and Project Setup

• بررسی ساختار پروژه NextJS Explore NextJS project structure

• مبانی جاوااسکریپت با تمرین‌های کوچک Javascript (JS) Basics with Toy problems

• DOM چیست؟ چگونه با JS آن را مدیریت کنیم؟ What is DOM ? How to use JS to manipulate DOM ?

• درک Arrow Functions و اشیاء (Objects) Understanding Arrow Functions, Objects

• مبانی HTML, CSS, JS با تمرین‌های کوچک Html CSS JS Basics with Toy problems

• تگ‌های مهم HTML Important HTML tags

• مقدمه‌ای بر React Introduction to React

• مفاهیم هسته React با ساخت یک اپلیکیشن Todo ساده React Core concepts with a simple Todo App

• مقدمه‌ای بر NextJS و مفاهیم اصلی آن Introduction to NextJS & NextJS Core concepts

• مبانی Typescript Typescript Basics

• مبانی Tailwind، مدل Box و ریسپانسیو Tailwind Basics, Box Model, Responsiveness

• شروع کار با Figma (برای دسترسی به طرح‌های بیمارستان Highland) Getting started with Figma ( to access the designs of Highland Hospital)

روز ۱ و ۲: ساخت هدر و فوتر Day 1 and 2 : Build the Header and the Footer

• آنچه در این بخش انجام خواهیم داد What we will do in this section

• بحث استراتژی برای سمت چپ هدر - بخش ۱ Strategy Discussion for Header Left Side - Part 1

• بحث استراتژی برای سمت چپ هدر - بخش ۲ Strategy Discussion for Header Left Side - Part 2

• تئوری: درک سیستم‌های طراحی و توسعه آن‌ها با Tailwind 4 Theory: Understanding Design Systems and How to Extend Them with Tailwind 4

• تئوری: مقدمه‌ای بر Shadcn Theory: Introduction to Shadcn ( INITIALIZE BEFORE modifying globals.css)

• تئوری: متفرقه (مورد استفاده در ساخت سمت چپ هدر) Theory: Miscellaneous (used while building Header Left side)

• کدهای اولیه، پرامپت‌ها و کد Gemini: سمت چپ هدر Starter Code, Prompts and Gemini Code : Header Left

• ساخت سمت چپ هدر (بخش ۱) Build the Header - Left side (Part 1) [ globals.css modified here]

• ساخت سمت چپ هدر (بخش ۲) Build the Header - Left side (Part 2)

• ساخت سمت چپ هدر (بخش ۳) Build the Header - Left side (Part 3)

• کد نهایی: سمت چپ هدر Final Code: Header Left

• تئوری: مرور سریع مفاهیم مورد نیاز برای ساخت سمت راست هدر Theory: Quick review Concepts we will encounter Building the Header (Right Side)

• کدهای اولیه، پرامپت‌ها و کد Gemini: سمت راست هدر Starter Code,Prompts, Gemini code: Header Rigth side

• ساخت سمت راست هدر (بخش ۱) Build the Header - Right side (Part 1)

• ساخت سمت راست هدر (بخش ۲) Build the Header - Right side (Part 2)

• ساخت سمت راست هدر (بخش ۳) Build the Header - Right side (Part 3)

• ساخت سمت راست هدر (بخش ۴) Build the Header - Right side (Part 4)

• ساخت سمت راست هدر (بخش ۵) Build the Header - Right side (Part 5)

• کد نهایی: هدر Final Code: Header

• کدهای اولیه، پرامپت‌ها و کد Gemini: فوتر Starter Code,Prompts, Gemini Code: Footer

• ساخت فوتر Build Footer

• کد نهایی: فوتر Final Code: Footer

• گیت کامیت: تئوری و عملی Git Commit : Theory + Practical

روز ۳ و ۴: تکمیل صفحه اصلی Day 3 and 4: Complete the Home Page

• آنچه در این بخش انجام خواهیم داد What we will do in this section

• کدهای اولیه و پرامپت‌ها: کارت نظرات، کارت پزشک، کارت دپارتمان Starter Code / prompts: Review Card, Doctor Card, Department Card

• تئوری‌های متفرقه Miscellaneous Theory

• ساخت: کارت‌های صفحه اصلی ۱ Build: Home Screen Cards - 1

• ساخت: کارت‌های صفحه اصلی ۲ Build: Home Screen Cards - 2

• ساخت: کارت‌های صفحه اصلی ۳ Build: Home Screen Cards - 3

• ساخت: کارت‌های صفحه اصلی ۴ Build: Home Screen Cards - 4

• ساخت: کارت‌های صفحه اصلی ۵ Build: Home Screen Cards - 5

• ساخت: کارت‌های صفحه اصلی ۶ Build: Home Screen Cards - 6

• کد نهایی: کارت نظرات، پزشک و دپارتمان Final Code:Review Card, Doctor Card, Department Card

• کدهای اولیه و پرامپت‌ها: بخش‌های صفحه اصلی و کامپوننت تصویر بنر Starter Code / Prompts:home screen Sections & Banner Image Component

• بخش دپارتمان‌های ما Our Departments

• بخش پزشکان ما و نظرات بیماران Our Doctors Section and Patient Review Section

• بخش بنر صفحه اصلی Home Screen Banner Section

• کد نهایی: بخش‌های صفحه اصلی و تنظیمات next.config.ts Final Code: home screen Sections & Banner Image Component, next.config.ts

• ساخت: یکپارچه‌سازی همه موارد در صفحه اصلی Build: put everything together in the Home Page

• گیت کامیت git commit

• کد نهایی: صفحه اصلی، globals.css و MenuClient Final code : Home page, globals.css, MenuClient

روز ۵ و ۶: دریافت داده‌ها از دیتابیس برای صفحه اصلی و استقرار اولیه Day 5 and 6: Data from Database for the Home Page, Initial deployment

• آنچه در این بخش انجام خواهیم داد What we will do in this section

• تکالیف و منابع Task and Resources

• تئوری: async / await Theory: async / await

• تئوری: Server actions Theory: Server actions

• تئوری: Prisma Theory:prisma

• استانداردسازی ساختار داده‌ها در types/index.ts types/index.ts - standardize data shapes

• کدهای اولیه و پرامپت‌ها: اسکریپت‌های Seed، اسکیما و db/prisma.ts Starter Code / Prompts: Seed Scripts, Schema, db/prisma.ts

• کدهای اولیه و پرامپت‌ها: استفاده از Server Actions در کامپوننت‌ها Starter Code / Prompts: Using Server Actions in Components

• ساخت: انتقال به دیتابیس بخش ۱ Build: Migrate to DB Part 1

• ساخت: انتقال به دیتابیس بخش ۲ - تعریف اسکیما Build: Migrate to DB Part 2- Define Scheme

• ساخت: انتقال به دیتابیس بخش ۳ - ادامه تعریف اسکیما Build: Migrate to DB Part 3 - Define Scheme continued

• ساخت: انتقال به دیتابیس بخش ۴ - ادامه تعریف اسکیما Build: Migrate to DB Part 4 - Define Scheme continued

• ساخت: انتقال به دیتابیس بخش ۵ - مهاجرت دیتابیس و Prisma client Build: Migrate to DB Part 5 - DB Migration and Prisma client

• ساخت: انتقال به دیتابیس بخش ۶ - داده‌های اولیه (Seed) Build: Migrate to DB Part 6 - Seed data

• ساخت: انتقال به دیتابیس بخش ۷ - ادامه داده‌های اولیه Build: Migrate to DB Part 7 - Seed data continued

• ساخت: انتقال به دیتابیس بخش ۸ - Server action Build: Migrate to DB Part 8 - Server action

• ساخت: انتقال به دیتابیس بخش ۹ - ادامه Server action Build: Migrate to DB Part 9 - Server action continued

• ساخت: انتقال به دیتابیس بخش ۱۰ - ادامه Server action Build: Migrate to DB Part 10 - Server action continued

• ساخت: پوش کردن به گیت‌هاب و استقرار در Vercel Build: push to Github and Vercel deployment

• کد نهایی: prisma.schema Final Code: prisma.schema,

• کد نهایی: Server actions و به‌روزرسانی دریافت داده‌ها در کامپوننت‌ها Final Code: Server actions and updated data fetching in components

روز ۷ و ۸: صفحه پروفایل پزشک Day 7 and 8: Doctor Profile Page

• آنچه در این بخش انجام خواهیم داد What we will do in this section

• تئوری متفرقه: مفاهیم مربوط به صفحه پروفایل پزشک Miscellaneous Theory: Concepts for the Doctor Profile Page

• ساخت: شروع ساخت صفحه پروفایل پزشک Build: Getting started with Building the Doctor Profile Page

• کد نهایی صفحه پروفایل پزشک Final Code of Doctor Profile Page

• کدهای اولیه و پرامپت‌ها: کارت بالای پروفایل و بخش درباره من Starter Code / Prompts: DoctorProfile Top Card and About Section

• ساخت: کارت بالای پروفایل پزشک Build : DoctorProfile Top Card

• ساخت: بخش درباره من در پروفایل پزشک Build : DoctorProfile About Section

• کد نهایی: کارت بالا و بخش درباره من Final Code: DoctorProfile Top Card and About Section

• کدهای اولیه و پرامپت‌ها: بخش نظرات در صفحه پروفایل پزشک Starter Code / Prompts: Reviews Section in Doctor Profile page

• ساخت: بخش نظرات پروفایل پزشک - بخش ۱ Build : Doctor Profile - Reviews section Part 1

• ساخت: بخش نظرات پروفایل پزشک - بخش ۲ Build : Doctor Profile - Reviews section Part 2

• ساخت: بخش نظرات پروفایل پزشک - بخش ۳ Build : Doctor Profile - Reviews section Part 3

• ساخت: بخش نظرات پروفایل پزشک - بخش ۴ Build : Doctor Profile - Reviews section Part 4

• کد نهایی: بخش نظرات پروفایل پزشک Final Code: DoctorProfile Reviews Section

• استراتژی برای بخش زمان‌بندی نوبت‌ها Strategy for the Appointment Scheduling Section

• کدهای اولیه و پرامپت‌ها: بخش زمان‌بندی نوبت‌ها Starter Code / Prompts: Appointment Scheduling Section

• ساخت: بخش زمان‌بندی نوبت‌های پزشک - بخش ۱ Build : Doctor Profile - Appointment Scheduling Section Part 1

• ساخت: بخش زمان‌بندی نوبت‌های پزشک - بخش ۲ Build : Doctor Profile - Appointment Scheduling Section Part 2

• ساخت: بخش زمان‌بندی نوبت‌های پزشک - بخش ۳ Build : Doctor Profile - Appointment Scheduling Section Part 3

• کد نهایی: بخش زمان‌بندی نوبت‌ها Final Code: Appointment Scheduling Section

• تست زمان‌بند نوبت‌ها و گیت کامیت Testing Appointment Scheduler and Git Commit

روز ۹ و ۱۰: احراز هویت Day 9 and 10: Authentication

• آنچه در این بخش انجام خواهیم داد What we will do in this section

• تئوری: مقدمه‌ای بر zod THEORY: Introduction to zod

• تئوری متفرقه: مزایای NextAuth, JWT, کوکی، هش کردن رمز عبور و غیره Miscellaneous THEORY: Benefits of NextAuth ,JWT ,cookie,Password hashing etc.

• ساخت: نسخه سریع پیاده‌سازی Next Auth (نسخه مفصل در پیوست) BUILD: Short version to Implement Next Auth (Detailed version in Appendix)

• کد نهایی: Next Auth Final Code: Next Auth

• استراتژی ورود و خروج (Sign in/out) Strategy Sign in and Sign out

• کدهای اولیه و پرامپت‌ها: ورود و خروج Starter Code / Prompts: Sign in and Sign out

• ساخت: ورود، خروج و تغییر هدر - بخش ۱ BUILD: sign in , sign out, modify header - Part 1

• ساخت: ورود، خروج و تغییر هدر - بخش ۲ BUILD: sign in , sign out, modify header - Part 2

• ساخت: ورود، خروج و تغییر هدر - بخش ۳ BUILD: sign in , sign out, modify header - Part 3

• ساخت: ورود، خروج و تغییر هدر - بخش ۴ BUILD: sign in , sign out, modify header - Part 4

• ساخت: ورود، خروج و تغییر هدر - بخش ۵ BUILD: sign in , sign out, modify header - Part 5

• ساخت: ورود، خروج و تغییر هدر - بخش ۶ BUILD: sign in , sign out, modify header - Part 6

• ساخت: ورود، خروج و تغییر هدر - بخش ۷ BUILD: sign in , sign out, modify header - Part 7

• کد نهایی: ورود و خروج Final Code: Sign in and Sign out

• کدهای اولیه و پرامپت‌ها: ثبت‌نام (Sign Up) Starter Code / Prompts: Sign Up

• ساخت: ثبت‌نام Build: Sign up

• کد نهایی: ثبت‌نام Final Code: Sign up

• افزودن Auth Secret در Vercel Add Auth Secret in Vercel

• بررسی صحت عملکرد Callback URL Check if callback URL is working

• کد نهایی: ورود و ثبت‌نام Final Code: Sign in , Sign up

روز ۱۱ و ۱۲: صفحه پروفایل کاربر Day 11 and 12: User Profile Page

• آنچه در این بخش انجام خواهیم داد What we will do in this section

• تئوری: React Hook Form Theory: React Hook Form

• پرامپت و کدهای اولیه: page.tsx, client.tsx پروفایل بیمار، اعلان خطا Prompt / Starter Code: page.tsx , patient-profile-client.tsx , Error notif.

• ساخت: client.tsx پروفایل بیمار و کامپوننت اعلان خطا - بخش ۱ Build : patient-profile-client.tsx , Error notification component - part 1

• ساخت: client.tsx پروفایل بیمار و کامپوننت اعلان خطا - بخش ۲ Build : patient-profile-client.tsx , Error notification component - part 2

• ساخت: client.tsx پروفایل بیمار و کامپوننت اعلان خطا - بخش ۳ Build : patient-profile-client.tsx , Error notification component - part 3

• کد نهایی: client.tsx پروفایل بیمار و کامپوننت اعلان خطا Final Code:patient-profile-client.tsx , Error notification component

• پرامپت و کدهای اولیه: هدر پروفایل Prompt / Starter Code: Profile Header

• ساخت: هدر پروفایل - بخش ۱ Build : Profile Header Part 1

• ساخت: هدر پروفایل - بخش ۲ Build : Profile Header Part 2

• ساخت: هدر پروفایل - بخش ۳ Build : Profile Header Part 3

• ساخت: هدر پروفایل - بخش ۴ Build : Profile Header Part 4

• ساخت: هدر پروفایل - بخش ۵ Build : Profile Header Part 5

• کد نهایی: هدر پروفایل Final Code: Profile Header

• پرامپت و کدهای اولیه: اطلاعات شخصی، مودال ویرایش Prompt / Starter Code: Personal Information, Edit Modal

• ساخت: اطلاعات شخصی - بخش ۱ Build : Personal Info Part 1

• ساخت: اطلاعات شخصی - بخش ۲ Build : Personal Info Part 2

• ساخت: اطلاعات شخصی - بخش ۳ Build : Personal Info Part 3

• ساخت: اطلاعات شخصی - بخش ۴ Build : Personal Info Part 4

• کد نهایی: اطلاعات شخصی و مودال ویرایش Final Code: Personal Information, Edit Modal

• پرامپت و کدهای اولیه: بخش نوبت‌ها و مدل‌های مرتبط Prompt / Starter Code: Appointment Section and Associated Models

• ساخت: بخش نوبت‌ها - بخش ۱ Build: Appointments Section Part 1

• ساخت: بخش نوبت‌ها - بخش ۲ Build: Appointments Section Part 2

• ساخت: بخش نوبت‌ها - بخش ۳ Build: Appointments Section Part 3

• ساخت: بخش نوبت‌ها - بخش ۴ Build: Appointments Section Part 4

• ساخت: بخش نوبت‌ها - بخش ۵ Build: Appointments Section Part 5

• ساخت: بخش نوبت‌ها - بخش ۶ Build: Appointments Section Part 6

• ساخت: بخش نوبت‌ها - بخش ۷ Build: Appointments Section Part 7

• ساخت: بخش نوبت‌ها - بخش ۸ Build: Appointments Section Part 8

• کد نهایی: بخش نوبت‌ها و مدل‌های مرتبط Final Code: Appointment Section and Associated Models

روز ۱۳ و ۱۴: جریان نوبت‌دهی: صفحه جزئیات بیمار Day 13 and 14: Appointment Flow: Patient Details Page

• آنچه در این بخش انجام خواهیم داد What we will do in this section

• پرامپت و کدهای اولیه: انتقال از پروفایل پزشک به صفحه جزئیات بیمار Prompt / Starter code: Doctor Profile to Patient details Page

• ساخت: انتقال از پروفایل پزشک به صفحه جزئیات بیمار - بخش ۱ Build: Doctor Profile to Patient details Page - Part 1

• ساخت: انتقال از پروفایل پزشک به صفحه جزئیات بیمار - بخش ۲ Build: Doctor Profile to Patient details Page - Part 2

• ساخت: انتقال از پروفایل پزشک به صفحه جزئیات بیمار - بخش ۳ Build: Doctor Profile to Patient details Page - Part 3

• ساخت: انتقال از پروفایل پزشک به صفحه جزئیات بیمار - بخش ۴ Build: Doctor Profile to Patient details Page - Part 4

• ساخت: انتقال از پروفایل پزشک به صفحه جزئیات بیمار - بخش ۵ Build: Doctor Profile to Patient details Page - Part 5

• کد نهایی: انتقال از پروفایل پزشک به صفحه جزئیات بیمار Final code: Doctor Profile to Patient details Page

• پرامپت و کدهای اولیه: PatientDetails (page.tsx) و موارد مرتبط Prompt/Starter Code: PatientDetails (page.tsx) and related things

• ساخت: PatientDetails (page.tsx) و موارد مرتبط - بخش ۱ Build: PatientDetails (page.tsx) and related things - Part 1

• ساخت: PatientDetails (page.tsx) و موارد مرتبط - بخش ۲ Build: PatientDetails (page.tsx) and related things - Part 2

• ساخت: PatientDetails (page.tsx) و موارد مرتبط - بخش ۳ Build: PatientDetails (page.tsx) and related things - Part 3

• ساخت: PatientDetails (page.tsx) و موارد مرتبط - بخش ۴ Build: PatientDetails (page.tsx) and related things - Part 4

• کد نهایی: PatientDetails (page.tsx) و موارد مرتبط Final code: PatientDetails (page.tsx) and related things

• پرامپت و کدهای اولیه: PatientDetailsClient Prompt/Starter Code: PatientDetailsClient

• ساخت: PatientDetailsClient Build: PatientDetailsClient

• کد نهایی: PatientDetailsClient Final Code: PatientDetailsClient

• پرامپت و کدهای اولیه: PatientDetailsForm Prompt/Starter Code: PatientDetailsForm

• ساخت: فرم جزئیات بیمار - بخش ۱ Build: PatientDetails Form Part 1

• ساخت: فرم جزئیات بیمار - بخش ۲ Build: PatientDetails Form Part 2

• ساخت: فرم جزئیات بیمار - بخش ۳ Build: PatientDetails Form Part 3

• ساخت: فرم جزئیات بیمار - بخش ۴ Build: PatientDetails Form Part 4

• ساخت: فرم جزئیات بیمار - بخش ۵ Build: PatientDetails Form Part 5

• کد نهایی: PatientDetailsForm Final Code: PatientDetailsForm

• ساخت بخش ۶: تست + امکان رفتن به صفحه پروفایل برای تغییرات Build - Part 6 - Testing + Allow to go to Profile page to make changes

• کد نهایی Final Code

روز ۱۵ و ۱۶: صفحه پرداخت Day 15 and 16: Payment Page

• آنچه در این بخش انجام خواهیم داد What we will do in this section

• تئوری: ارتباط با سرویس‌های خارجی (مانند PayPal) Theory: Communicating with External Services (like PayPal)

• تلاش برای نوشتن PaymentPage (page.tsx) Try to write PaymentPage (page.tsx)

• بحث استراتژی و ساخت: پرداخت - بخش ۱ Strategy discussion Build : Payment Part 1

• ساخت: پرداخت - بخش ۲ Build : Payment Part 2

• پرامپت و کدهای اولیه: کامپوننت PaymentClient Prompt / Starter code: PaymentClient component

• ساخت: پرداخت - بخش ۳ Build : Payment Part 3

• ساخت: پرداخت - بخش ۴ Build : Payment Part 4

• ساخت: پرداخت - بخش ۵ Build : Payment Part 5

• پرامپت و کدهای اولیه: PayPal Backend Prompt / Starter code : PayPal BE

• ساخت: پرداخت - بخش ۶ Build : Payment Part 6

• ساخت: پرداخت - بخش ۷ Build : Payment Part 7

• ساخت: پرداخت - بخش ۸ Build : Payment Part 8

• تکلیف: دکمه‌های پرداخت PayPal Task: PayPal checkout Buttons

• ساخت: پرداخت - بخش ۹ (دکمه‌های پرداخت PayPal) Build : Payment Part 9 (Paypal Checkout Buttons)

• پرامپت و کدهای اولیه: پرداخت نقدی Prompt / Starter code: Cash payment

• ساخت: پرداخت - بخش ۱۰ (پرداخت نقدی) Build : Payment Part 10 (Cash Payment)

• ساخت: پرداخت - بخش ۱۱ (استایل‌دهی) Build : Payment Part 11 (Styling)

• کد نهایی Final Code

روز ۱۷: صفحه موفقیت + بهینه‌سازی لودینگ Day 17: Success Page + Loading Optimisation

• آنچه در این بخش انجام خواهیم داد What we will do in this section

• کدهای اولیه و پرامپت Starter Code / Prompt

• ساخت: صفحه موفقیت - بخش ۱ Build: Success Page Part 1

• ساخت: صفحه موفقیت - بخش ۲ Build: Success Page Part 2

• کد نهایی Final Code

روز ۱۸ و ۱۹: داشبورد مدیریت Day 18 and 19: Admin Dashboard

• آنچه در این بخش انجام خواهیم داد What we will do in this section

• تکلیف ۱: هدر ادمین Task 1 - Admin Header

• کدهای اولیه Starter code

• کد نهایی: هدر ادمین Final Code - Admin Header

• تکلیف ۲: سایدبار ادمین Task 2 - Admin Sidebar

• کدهای اولیه Starter code

• کد نهایی: سایدبار Final Code- Sidebar

• تکلیف ۳: Auth Guard Task 3: auth-guard

• کدهای اولیه Starter code

• کد نهایی: Auth Guard Final Code: auth-guard

• تکلیف ۴: layout.tsx در پوشه ادمین Task 4 - layout.tsx in admin folder

• کدهای اولیه Starter code

• کد نهایی: layout Final Code - layout

• تکلیف ۵: Server action مربوط به getAdminDashboardData و اینترفیس داده‌ها Task 5 - getAdminDashboardData server action and AdminDashboardData Interface

• کدهای اولیه Starter Code

• کد نهایی: getAdminDashboardData و AdminDashboardData Interface Final Code: getAdminDashboardData server action and AdminDashboardData Interface

• تکلیف ۶: افزودن دو مدل Badge Task 6: Add two Badge Variants

• کد نهایی افزودن دو مدل Badge Final Code Add two Badge Variants

• تکلیف ۷: کامپوننت AppointmentStatusBadge Task 7 - AppointmentStatusBadge component

• کدهای اولیه Starter Code

• کد نهایی: کامپوننت AppointmentStatusBadge Final Code: AppointmentStatusBadge component

• تکلیف ۸: کامپوننت DashboardCharts Task 8 - DashboardCharts component

• کدهای اولیه Starter code

• کد نهایی: کامپوننت DashboardCharts Final code: DashboardCharts component

• تکلیف ۹: صفحه AdminDashboardPage (page.tsx) Task 9 - AdminDashboardPage ( page.tsx)

• کدهای اولیه Starter code

• کد نهایی: صفحه AdminDashboardPage (page.tsx) Final code- AdminDashboardPage ( page.tsx)

روز ۲۰ و ۲۱: عملیات مدیریت نوبت‌ها Day 20 and 21: Appointment Actions

• آنچه در این بخش انجام خواهیم داد What we will do in this section

• تکلیف ۱: AdminSearchInput و ساخت هوک سفارشی useDebounce Task 1 - AdminSearchInput - create useDebounce custum hook

• کدهای اولیه Starter code

• کد نهایی: AdminSearchInput و هوک useDebounce Final code- AdminSearchInput - create useDebounce custum hook

• تکلیف ۲: کامپوننت AdminSearchInput Task 2 - AdminSearchInput Component

• کدهای اولیه Starter code

• کد نهایی: کامپوننت AdminSearchInput Final code- AdminSearchInput Component

• تکلیف ۳: Server action برای عدم حضور در نوبت (markAdminAppointmentNoShow) Task 3 - Server actions - markAdminAppointmentNoShow

• کدهای اولیه Starter code

• کد نهایی: markAdminAppointmentNoShow Final code- Server actions - markAdminAppointmentNoShow

• تکلیف ۴: Server action برای تکمیل نوبت (markAdminAppointmentCompleted) Task 4 - Server actions - markAdminAppointmentCompleted

• کدهای اولیه Starter code

• کد نهایی: markAdminAppointmentCompleted Final code- Server actions - markAdminAppointmentCompleted

• تکلیف ۵: Server action برای پرداخت نقدی (markCashAppointmentAsPaid) Task 5 - Server actions - markCashAppointmentAsPaid

• کدهای اولیه Starter code

• کد نهایی: markCashAppointmentAsPaid Final code- Server actions - markCashAppointmentAsPaid

• تکلیف ۶: Server action برای لغو نوبت ادمین (cancelAdminAppointment) Task 6 - Server actions - cancelAdminAppointment

• کدهای اولیه Starter code

• کد نهایی: cancelAdminAppointment Final code- Server actions - cancelAdminAppointment

• تکلیف ۷: Server action برای دریافت نوبت‌های ادمین و اینترفیس‌های مورد نیاز Task 7 - Server actions - getAdminAppointments, required interfaces

• کدهای اولیه Starter code

• کد نهایی: getAdminAppointments و اینترفیس‌ها Final code- Server actions - getAdminAppointments, required interfaces

• تکلیف ۸: کامپوننت AppointmentsTable Task 8 - AppointmentsTable Component

• کدهای اولیه Starter code

• کد نهایی: کامپوننت AppointmentsTable Final code- AppointmentsTable Component

• تکلیف ۹: کامپوننت AdminAppointmentsPage Task 9 - AdminAppointmentsPage Component

• کدهای اولیه Starter code

• کد نهایی: کامپوننت AdminAppointmentsPage Final code- AdminAppointmentsPage Component

روز ۲۲: مشاهده تمام نوبت‌ها Day 22: All Appointments

• آنچه در این بخش انجام خواهیم داد What we will do in this section

• تکلیف ۱: کامپوننت AllAppointmentsTable Task 1 AllAppointmentsTable Component

• کدهای اولیه Starter Code

• کد نهایی: کامپوننت AllAppointmentsTable Final Code - AllAppointmentsTable Component

• تکلیف ۲: صفحه AdminAppointmentsPage (page.tsx) Task 2 AdminAppointmentsPage (page.tsx)

• کدهای اولیه Starter Code

• کد نهایی: صفحه AdminAppointmentsPage (page.tsx) Final Code - AdminAppointmentsPage (page.tsx)

روز ۲۳: تنظیمات ۱ (مدیریت ادمین‌ها) Day 23: Settings - 1 (Admin Management)

• آنچه در این بخش انجام خواهیم داد What we will do in this section

• تکلیف ۱: ساخت اسکیما (addAdminFormSchema و editAdminFormSchema) Task 1 : Create Schema (addAdminFormSchema and editAdminFormSchema)

• کدهای اولیه Starter Code

• کد نهایی: ساخت اسکیما (addAdminFormSchema و editAdminFormSchema) Final Code - Create Schema (addAdminFormSchema and editAdminFormSchema)

• تکلیف ۲: Server Action برای دریافت کاربران ادمین (getAdminUsers) Task 2 : Server Action getAdminUsers

• کدهای اولیه Starter Code

• کد نهایی: Server Action getAdminUsers Final Code: Server Action getAdminUsers

• تکلیف ۳: Server Action برای افزودن کاربر ادمین (addAdminUser) Task 3 : Server Action addAdminUser

• کدهای اولیه Starter Code

• کد نهایی: Server Action addAdminUser Final Code : Server Action addAdminUser

• تکلیف ۴: Server Action برای حذف کاربر ادمین (deleteAdminUser) Task 4 : Server Action deleteAdminUser

• کدهای اولیه Starter Code

• کد نهایی: Server Action deleteAdminUser Final Code: Server Action deleteAdminUser

• تکلیف ۵: Server Action برای به‌روزرسانی کاربر ادمین (updateAdminUser) Task 5 : Server Action updateAdminUser

• کدهای اولیه Starter Code

• کد نهایی: Server Action updateAdminUser Final Code: Server Action updateAdminUser

• تکلیف ۶: کامپوننت AddAdminDialog Task 6: AddAdminDialog Component

• کدهای اولیه Starter Code

• کد نهایی: کامپوننت AddAdminDialog Final Code: AddAdminDialog Component

• تکلیف ۷: کامپوننت EditAdminDialog Task 7: EditAdminDialog Component

• کدهای اولیه Starter Code

• کد نهایی: کامپوننت EditAdminDialog Final Code: EditAdminDialog Component

• تکلیف ۸: کامپوننت AdminUsersTable Task 8: AdminUsersTable Component

• کدهای اولیه Starter Code

• کد نهایی: کامپوننت AdminUsersTable Final Code: AdminUsersTable Component

• تکلیف ۹: کامپوننت AdminSettingsClient Task 9: AdminSettingsClient Component

• کدهای اولیه Starter Code

• کد نهایی: کامپوننت AdminSettingsClient Final Code: AdminSettingsClient Component

• تکلیف ۱۰: کامپوننت AdminSettingsPage (page.tsx) Task 10: AdminSettingsPage Component (page.tsx)

• کدهای اولیه Starter Code

• کد نهایی: کامپوننت AdminSettingsPage (page.tsx) Final Code: AdminSettingsPage Component (page.tsx)

روز ۲۴: تنظیمات ۲ (مدیریت بنرها) Day 24: Settings -2 (Banner Management)

• آنچه در این بخش انجام خواهیم داد What we will do in this section

• تکلیف ۱: ساخت اسکیما (addBannerSchema) Task 1 : Create Schema (addBannerSchema)

• کدهای اولیه Starter Code

• کد نهایی: ساخت اسکیما (addBannerSchema) Final Code: Create Schema (addBannerSchema)

• تکلیف ۲: بررسی Server action قبلی getBanners در settings.actions Task 2: Read the previously done Server action getBanners (in settings.actions)

• تکلیف ۳: Server action برای افزودن بنر (addBanner) Task 3: Server action - addBanner

• کدهای اولیه Starter Code

• کد نهایی: Server action addBanner Final Code - Server action - addBanner

• تکلیف ۴: Server action برای حذف بنر (deleteBanner) Task 4: Server action - deleteBanner

• کدهای اولیه Starter Code

• کد نهایی: Server action deleteBanner Final Code: Server action - deleteBanner

• تکلیف ۵: Server action برای به‌روزرسانی نام بنر (updateBannerName) Task 5: Server action - updateBannerName

• کدهای اولیه Starter Code

• کد نهایی: Server action updateBannerName Final Code: Server action - updateBannerName

• تکلیف ۶: کامپوننت AddBannerDialog Task 6: AddBannerDialog Component

• کدهای اولیه Starter Code

• کد نهایی: کامپوننت AddBannerDialog Final Code: AddBannerDialog Component

• تکلیف ۷: کامپوننت BannerSettings Task 7: BannerSettings Component

• کدهای اولیه Starter Code

• کد نهایی: کامپوننت BannerSettings Final Code: BannerSettings Component

• تکلیف ۸: تغییر در کامپوننت AdminSettingsPage (page.tsx) Task 8: Modify AdminSettingsPage Component ( page.tsx)

• کدهای اولیه Starter Code

• کد نهایی: تغییر در کامپوننت AdminSettingsPage (page.tsx) Final Code: Modify AdminSettingsPage Component ( page.tsx)

روز ۲۵: تنظیمات ۳ (مدیریت دپارتمان‌ها) Day 25: Settings -3 (Department Management)

• آنچه در این بخش انجام خواهیم داد What we will do in this section

• تکلیف ۱: ساخت اسکیما (addDepartmentSchema, editDepartmentSchema) Task 1: Create Schema (addDepartmentSchema, editDepartmentSchema)

• کدهای اولیه Starter Code

• کد نهایی: ساخت اسکیما (addDepartmentSchema, editDepartmentSchema) Final Code: Create Schema (addDepartmentSchema, editDepartmentSchema)

• تکلیف ۲: بررسی Server action پیاده شده قبلی getDepartments Task 2: Read previously implemented Server action - getDepartments

• تکلیف ۳: Server action برای افزودن دپارتمان (addDepartment) Task 3: Server action - addDepartment

• کدهای اولیه Starter Code

• کد نهایی: Server action addDepartment Final Code: Server action - addDepartment

• تکلیف ۴: Server action برای حذف دپارتمان (deleteDepartment) Task 4: Server action - deleteDepartment

• کدهای اولیه Starter Code

• کد نهایی: Server action deleteDepartment Final Code: Server action - deleteDepartment

• تکلیف ۵: Server action برای به‌روزرسانی دپارتمان (updateDepartment) Task 5: Server action - updateDepartment

• کدهای اولیه Starter Code

• کد نهایی: Server action updateDepartment Final Code: Server action - updateDepartment

• تکلیف ۶: کامپوننت AdminDepartmentCard Task 6: AdminDepartmentCard Component

• کدهای اولیه Starter Code

• کد نهایی: کامپوننت AdminDepartmentCard Final Code: AdminDepartmentCard Component

• تکلیف ۷: کامپوننت AddDepartmentDialog Task 7: AddDepartmentDialog Component

• کدهای اولیه Starter Code

• کد نهایی: کامپوننت AddDepartmentDialog Final Code: AddDepartmentDialog Component

• تکلیف ۸: کامپوننت EditDepartmentDialog Task 8: EditDepartmentDialog Component

• کدهای اولیه Starter Code

• کد نهایی: کامپوننت EditDepartmentDialog Final Code: EditDepartmentDialog Component

• تکلیف ۹: کامپوننت DepartmentSettings Task 9: DepartmentSettings Component

• کدهای اولیه Starter Code

• کد نهایی: کامپوننت DepartmentSettings Final Code: DepartmentSettings Component

• تکلیف ۱۰: تغییر در AdminSettingsPage (page.tsx) Task 10: Modify AdminSettingsPage (page.tsx)

• کدهای اولیه Starter Code

• کد نهایی: تغییر در AdminSettingsPage (page.tsx) Final Code: Modify AdminSettingsPage (page.tsx)

روز ۲۶: مدیریت پزشکان ۱ (همه موارد به جز مدیریت مرخصی) Day 26 : Doctor Management - 1 (everything except leave Management)

• آنچه در این بخش انجام خواهیم داد What we will do in this section

• تکلیف ۱: ساخت اسکیما (addDoctorFormSchema, editDoctorFormSchema) Task 1: Create Schema (addDoctorFormSchema editDoctorFormSchema)

• کدهای اولیه Starter Code

• کد نهایی: ساخت اسکیما (addDoctorFormSchema, editDoctorFormSchema) Final Code: Create Schema (addDoctorFormSchema editDoctorFormSchema)

• تکلیف ۲: Server action برای افزودن پزشک (addDoctor) Tast 2: Server action - addDoctor

• کدهای اولیه Starter Code

• کد نهایی: Server action addDoctor Final Code: Server action - addDoctor

• تکلیف ۳: Server action برای به‌روزرسانی پزشک (updateDoctor) Tast 3: Server action - updateDoctor

• کدهای اولیه Starter Code

• کد نهایی: Server action updateDoctor Final Code: Server action - updateDoctor

• تکلیف ۴: تغییر در lib/uploadthing.ts Task 4: modify lib/uploadthing.ts

• کدهای اولیه Starter Code

• کد نهایی: تغییر در lib/uploadthing.ts Final Code: modify lib/uploadthing.ts

• تکلیف ۵: کامپوننت AddDoctorDialog Task 5: AddDoctorDialog Component

• کدهای اولیه Starter Code

• کد نهایی: کامپوننت AddDoctorDialog Final Code: AddDoctorDialog Component

• تکلیف ۶: کامپوننت EditDoctorDialog Task 6: EditDoctorDialog Component

• کدهای اولیه Starter Code

• کد نهایی: کامپوننت EditDoctorDialog Final Code: EditDoctorDialog Component

• تکلیف ۷: Server action برای دریافت پزشکان ادمین (getAdminDoctors) Task 7: Server action - getAdminDoctors

• کدهای اولیه Starter Code

• کد نهایی: Server action getAdminDoctors Final Code: Server action - getAdminDoctors

• تکلیف ۸: بررسی Server action نوشته شده getDepartments Task 8: Read already written Server action - getDepartments

• تکلیف ۹: Server action برای حذف پزشک (deleteDoctor) Task 9: Server action - deleteDoctor

• تغییر در اسکیمای Prisma (مدل User) Modify Prisma Schema ( User Model)

• کدهای اولیه Server action Starter Code - Server action

• کد نهایی: Server action deleteDoctor Final Code : Server action - deleteDoctor

• تغییر جزئی در Server action مربوط به getDoctorDetails Modify slightly getDoctorDetails server action

• تکلیف ۱۰: Server action برای بررسی نوبت‌های پزشک (checkDoctorAppointments) Task 10: Server action - checkDoctorAppointments

• کدهای اولیه Starter Code

• کد نهایی: Server action checkDoctorAppointments Final Code: Final Code: Server action - checkDoctorAppointments

• تکلیف ۱۱: ایجاد جایگاه (placeholder) برای مسیر مدیریت مرخصی پزشک Task 11: placeholder for route to manage doctor leave

• کد نهایی: جایگاه مدیریت مرخصی پزشک Final Code: placeholder for route to manage doctor leave

• تکلیف ۱۲: کامپوننت DoctorsTable Task 12: DoctorsTable Component

• کدهای اولیه Starter Code

• کد نهایی: کامپوننت DoctorsTable Final Code: DoctorsTable Component

• تکلیف ۱۳: کامپوننت DoctorsManagementClient Task 13: DoctorsManagementClient Component

• شروع Starter

• کد نهایی: کامپوننت DoctorsManagementClient Final Code: DoctorsManagementClient Component

• تکلیف ۱۴: صفحه AdminDoctorsPage (page.tsx) Task 14: AdminDoctorsPage (page.tsx)

• کدهای اولیه Starter Code

• کد نهایی: صفحه AdminDoctorsPage (page.tsx) Final Code: AdminDoctorsPage (page.tsx)

روز ۲۷: مدیریت پزشکان ۲ (مدیریت مرخصی) Day 27: Doctor Management -2 (leave Management)

• آنچه در این بخش انجام خواهیم داد What we will do in this section

• تکلیف ۱: هوک سفارشی useLeaveState.ts Task 1 : Custok hook useLeaveState.ts

• کدهای اولیه Starter Code

• کد نهایی: هوک سفارشی useLeaveState.ts Final Code: Custok hook useLeaveState.ts

• تکلیف ۲: Server Action برای دریافت نوبت‌های پزشک در تاریخ داخلی (getDoctorAppointmentsForDateInternal) Task 2: Server Action - getDoctorAppointmentsForDateInternal

• کدهای اولیه Starter Code

• کد نهایی: Server Action getDoctorAppointmentsForDateInternal Final Code: Server Action - getDoctorAppointmentsForDateInternal

• تکلیف ۳: Server Action برای دریافت نوبت‌های پزشک در تاریخ (getDoctorAppointmentsForDate) Task 3: Server Action - getDoctorAppointmentsForDate

• کدهای اولیه Starter Code

• کد نهایی: Server Action getDoctorAppointmentsForDate Final Code: Server Action - getDoctorAppointmentsForDate

• تکلیف ۴: هوک سفارشی useAppointmentConflicts.ts Task 4: Custom hook useAppointmentConflicts.ts

• کدهای اولیه Starter Code

• کد نهایی: هوک سفارشی useAppointmentConflicts.ts Final Code: Custom hook useAppointmentConflicts.ts

• تکلیف ۵: کامپوننت LeaveCalendar Task 5: LeaveCalendar Component

• کدهای اولیه Starter Code

• کد نهایی: کامپوننت LeaveCalendar Final Code: LeaveCalendar Component

• تکلیف ۶: کامپوننت ConflictDisplay Task 6: ConflictDisplay Component

• کدهای اولیه Starter Code

• کد نهایی: کامپوننت ConflictDisplay Final Code: ConflictDisplay Component

• تکلیف ۷: کامپوننت LeaveEditor Task 7: LeaveEditor Component

• کدهای اولیه Starter Code

• کد نهایی: کامپوننت LeaveEditor Final Code: LeaveEditor Component

• تکلیف ۸: کامپوننت LeaveLegend Task 8: LeaveLegend Component

• کدهای اولیه Starter Code

• کد نهایی: کامپوننت LeaveLegend Final Code: LeaveLegend Component

• تکلیف ۹: Server Action برای به‌روزرسانی مرخصی پزشک (updateDoctorLeave) Task 9: updateDoctorLeave Server Action

• کدهای اولیه Starter Code

• کد نهایی: Server Action updateDoctorLeave Final Code: updateDoctorLeave Server Action

• تکلیف ۱۰: کامپوننت ManageLeaveClient Task10: ManageLeaveClient Component

• کدهای اولیه Starter Code

• کد نهایی: کامپوننت ManageLeaveClient Final Code: ManageLeaveClient Component

• تکلیف ۱۱: Server Action برای دریافت پزشک ادمین بر اساس ID (getAdminDoctorById) Task 11: Server Action - getAdminDoctorById

• کدهای اولیه Starter Code

• کد نهایی: Server Action getAdminDoctorById Final Code: Server Action - getAdminDoctorById

• تکلیف ۱۲: Server Action برای دریافت مرخصی‌های پزشک (getDoctorLeaves) Task 12: Server Action - getDoctorLeaves

• کدهای اولیه Starter Code

• کد نهایی: Server Action getDoctorLeaves Final Code: Server Action - getDoctorLeaves

• تکلیف ۱۳: صفحه ManageDoctorLeavePage (page.tsx) Task 13: ManageDoctorLeavePage (page.tsx)

• کدهای اولیه Starter Code

• کد نهایی: صفحه ManageDoctorLeavePage (page.tsx) Final Code: ManageDoctorLeavePage (page.tsx)

پیوست: بررسی‌های عمیق Appendix: Deepdives

• GLOBALS.CSS (روز ۱): توسعه تم در globals.css با استفاده از AI در Tailwind v4 GLOBALS.CSS (Day 1): Extend theme in globals.css , tailwing v4 using AI

• ساخت: توسعه تم - بخش ۱ Build: Extend Theme Part 1

• ساخت: توسعه تم - بخش ۲ Build: Extend Theme Part 2

• ساخت: توسعه تم - بخش ۳ (رفع یک باگ تایپی) Build: Extend Theme Part 3 - fixing a typo Bug

• ساخت: توسعه تم - بخش ۴ Build: Extend Theme Part 4

• GLOBALS.CSS (روز ۱): کد نهایی globals.css GLOBALS.CSS (Day 1): Final Code: globals.css

• Next Auth Next Auth

• NEXTAUTH (روز ۵): کدهای اولیه و پرامپت برای نسخه مفصل Next Auth NEXTAUTH (Day5): Starter Code / Prompt for Detailed Version of Next Auth

• NEXTAUTH (روز ۵): ساخت: بررسی مفصل Next Auth (AuthJS) - بخش ۱ NEXTAUTH (Day5): Build: Detailed Version discussing Next Auth ( AuthJS) Part 1

• NEXTAUTH (روز ۵): ساخت: بررسی مفصل Next Auth (AuthJS) - بخش ۲ NEXTAUTH (Day5): Build: Detailed Version discussing Next Auth ( AuthJS) Part 2

• NEXTAUTH (روز ۵): ساخت: بررسی مفصل Next Auth (AuthJS) - بخش ۳ NEXTAUTH (Day5): Build: Detailed Version discussing Next Auth ( AuthJS) Part 3

• NEXTAUTH (روز ۵): ساخت: بررسی مفصل Next Auth (AuthJS) - بخش ۴ NEXTAUTH (Day5): Build: Detailed Version discussing Next Auth ( AuthJS) Part 4

• NEXTAUTH (روز ۵): کد نهایی (auth.ts, auth.config.ts, types/next auth.d.ts ...) NEXTAUTH (Day5): Final Code (auth.ts, auth.config.ts,types/next-auth.d.ts ...)

یادگیری DSA Learn DSA

• درس جایزه (Bonus Lecture) Bonus Lecture