×
ribbon

ساخت کلون وب سایت شیپور مانند نسخه ی واقعی

مدرس:

سروش محمدی زاده

آیا تا به حال فکر کرده اید که یک سایت آگهی های بزرگ مثل شیپور چگونه ساخته می... بیشتر
جدید
گواهی‌نامه
بدون امتیاز
29دانشجو
5ساعت
سرفصل‌ها
پیشرفته سطح دوره
بروزرسانیخرداد ۱۴۰۵

اشتراک مکتب‌پلاس

خرید اشتراک

با خرید اشتراک مکتب‌پلاس، علاوه بر این دوره، به بیش از ۴،۰۰۰ دوره دیگر دسترسی خواهید داشت.

دسترسی به تمام دوره‌هابیش از ۴،۰۰۰ دوره
محتوای دوره
سرفصل‌ها
پیش‌نیاز‌ها
توضیحات دوره
دیدگاه کاربران
درباره مدرس

آنچه در این دوره می‌آموزید

React hooks

Component driven

Conditional rendering

Route Gaurds

این دوره شامل:

5 ساعت ویدئو

23 فایل ضمیمه قابل دانلود

گواهینامه مکتب‌خونه

دسترسی مادام‌العمر به محتوای دوره

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

5 فصل23 جلسه5 ساعت ویدیو
تحلیل و بررسی قسمت های مختلف و ایجاد کامپوننت های صفحه اول
  آماده سازی و کانفیگ پروژه
04:38
  پاک سازی فولدر پروژه
03:29
  شروع توسعه صفحه اول وب سایت
13:53
  ایجاد کامپوننت Categories و Location
11:21
  ایجاد کامپوننت های PostItem و Navigation
13:55
  تعریف یک مسیر جدید برای نمایش صفحه ی آیتم های ذخیره شده
15:05
ایجاد کامپوننت ها و عملکردهای صفحه ی ذخیره ها
  ایجاد امکان انتخاب محتوا با استفاده از دکمه های مرتبط
12:57
ایجاد مسیر جدید برای نمایش صفحه ثبت آگهی
  ایجاد مسیر جدید برای ایجاد صفحه ی ثبت آگهی
11:39
  ادامه ایجاد امکان آپلود عکس آگهی
13:11
  ایجاد فرم های لازم برای ثبت آگهی
11:50
  ایجاد کامپوننت مدال برای نمایش لیست به کاربر
11:20
  ایجاد کامپوننت نمایش لیست
12:52
  نمایش آیتم های مرتبط با فیلد انتخابی
16:19
  ایجاد کامپوننت برای نمایش لیست به کاربر و تعریف دیتا
15:49
  ایجاد امکان انتخاب یک آیتم از لیست
15:46
  ادامه انتخاب آیتم از لیست و نمایش در فیلد مورد نظر
07:43
ایجاد مسیر جدید برای صفحه ی پیام ها و تعریف محافظت از مسیرها
  تعریف مسیر جدید برای صفحه ی پیام ها و محافظت از مسیر
13:14
  ادامه ایجاد امکان احراز هویت کاربر
10:36
ایجاد مسیر جدید برای صفحه ی پروفایل کاربری
  ایجاد مسیر جدید برای صفحه ی پروفایل کاربر و منوی پروفایل
16:04
  ایجاد امکان فیلتر کردن آگهی ها با استفاده از محل انتخاب شده
21:40
  ادامه توسعه ابزارک فیلتر کردن شهرها
09:21
  ایجاد یک آیتم برای نمایش همه ی آگهی ها و تعریف مسیر متغییر برای آگهی ها
27:30
  توسعه ابزارک جستجو با استفاده از کلماتی که کاربر وارد میکنه
18:45

پیش‌نیاز‌ها

پیش‌نیازهای شرکت در دوره:

برای استفاده حداکثری از این دوره، داشتن آشنایی مقدماتی با موارد زیر کافی است:

JavaScript مدرن (ES6+) : آشنایی با متغیرها، توابع، آرایه‌ها، اشیاء، map/filter، و destructuring
React در سطح پایه : توانایی کار با useState، useEffect، و props
آشنایی اولیه با HTML و CSS

 

توضیحات دوره

آیا تا به حال فکر کرده‌اید که یک سایت آگهی‌های بزرگ مثل شیپور چگونه ساخته می‌شود؟ در این دوره‌ی کاملاً عملی، قدم‌به‌قدم با استفاده از React، React Router،  یک کلون حرفه‌ای از شیپور می‌سازیم.

سرفصل‌ها و آنچه در این دوره یاد می‌گیرید:

✅ راه‌اندازی پروژه با Vite + React
✅ مدیریت مسیرها (Routing) با React Router Dom
✅ طراحی رابط کاربری جذاب و واکنش‌گرا (Responsive) 
✅ ساخت صفحات اصلی:

  • صفحه‌ی اصلی (نمایش دسته‌بندی‌ها و آگهی‌های ویژه)
  • صفحه‌ی جزئیات آگهی
  • صفحه‌ی ثبت آگهی
  • صفحه‌ی نتایج جستجو و فیلتر

✅ ایجاد فیلترهای پیشرفته (محدوده قیمت، موقعیت مکانی، دسته‌بندی)
✅ افزودن قابلیت جستجوی آنی (Instant Search)

پیش‌نیازها:

آشنایی مقدماتی با JavaScript (توابع، آرایه‌ها، اشیاء)
آشنایی ابتدایی با React (useState، useEffect، props)

خروجی دوره:

در پایان این دوره، شما یک پروژه‌ی کامل و واقعی شبیه شیپور را خواهید داشت که می‌توانید:

  • به نمونه کار (پورتفولیو) خود اضافه کنید
  • در مصاحبه‌های کاری نشان دهید
  • ایده‌های خودتان را روی آن پیاده کنید
  • آن را به یک استارتاپ واقعی تبدیل کنید!

این دوره برای چه کسانی مفید است؟

  • توسعه‌دهندگان فرانت‌اند که می‌خواهند React را روی یک پروژه‌ی واقعی تمرین کنند
  • دانشجویانی که به دنبال اولین پروژه‌ی جدی خود هستند
  • هر کسی که علاقه دارد بداند سایت‌های آگهی‌های محبوب چگونه کار می‌کنند
     

دیدگاه کاربران

هنوز امتیاز و دیدگاهی برای این دوره ثبت نشده است

گواهینامه اختصاصی دو زبانه

پس از گذراندن دوره به صورت آنلاین در سایت مکتب‌خونه، گواهی‌نامه رسمی پایان دوره به زبان فارسی و انگلیسی، توسط مکتب‌خونه به اسم شما صادر شده و در اختیار شما قرار می‌گیرد.

امکان اشتراک گذاری در لینکدین
دو زبانه
2دوره
257دانشجو
3نظر و امتیاز

من یک توسعه‌دهنده فرانت‌اند با بیش از 7 سال تجربه در طراحی و پیاده‌سازی رابط‌های کاربری مدرن هستم. تخصص اصلی من کار با  React.js ,Vue.js و فریم‌ورک‌های مرتبط مانند Nuxt.js, Next.js است و در توسعه اپلیکیشن‌های تحت وب مقیاس‌پذیر و مدیریت وضعیت با  Redux, Zustand ,Vuex و Pinia   تجربه دارم. در طول فعالیتم روی پروژه‌های متنوعی مثل فروشگاه‌های آنلاین، پلتفرم‌های کاریابی و سیستم‌های سفارش کار کرده‌ام.

مهارت‌هایی که می‌آموزید