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

قیمت فعلی: ۱,۰۹۹,۰۰۰ ۳۲۹,۷۰۰ تومان

قیمت دوره‌ ممکن است توسط سایت مبدا تغییر کند

چرا ساخت کلون شیپور می‌تواند نقطه‌ی عطف رزومه‌ات باشد؟ 🤔

تا حالا به این فکر کردی که وقتی توی شیپور یه آگهی رو جستجو می‌کنی، پشت صحنه چه خبره؟ چطور فیلترها اینقدر سریع جواب می‌دن و نتایج لحظه‌ای آپدیت می‌شن؟ توی این دوره قراره دقیقاً همون مسیر رو طی کنیم — نه با تئوری خشک، بلکه با کدنویسی واقعی. ...

چرا ساخت کلون شیپور می‌تواند نقطه‌ی عطف رزومه‌ات باشد؟ 🤔

تا حالا به این فکر کردی که وقتی توی شیپور یه آگهی رو جستجو می‌کنی، پشت صحنه چه خبره؟ چطور فیلترها اینقدر سریع جواب می‌دن و نتایج لحظه‌ای آپدیت می‌شن؟ توی این دوره قراره دقیقاً همون مسیر رو طی کنیم — نه با تئوری خشک، بلکه با کدنویسی واقعی.

با React، React Router و Vite یه نسخه‌ی کاربردی از شیپور می‌سازیم که هم ظاهرش تمیزه، هم منطقش درست کار می‌کنه. این پروژه اون‌قدر ملموسه که بعد از تموم شدنش، راحت می‌تونی توی مصاحبه‌ها درباره‌ش حرف بزنی و کد رو نشون بدی.

توی این مسیر چی یاد می‌گیری؟

سرفصل‌ها طوری چیده شدن که از صفر تا یه اپلیکیشن قابل ارائه برسی:

• راه‌اندازی پروژه با Vite + React و آشنایی با ساختار مدرن
• مدیریت مسیرها (Routing) با React Router Dom
• طراحی رابط کاربری جذاب و واکنش‌گرا (Responsive)
• ساخت صفحات کلیدی:
• صفحه‌ی اصلی با نمایش دسته‌بندی‌ها و آگهی‌های ویژه
• صفحه‌ی جزئیات آگهی
• صفحه‌ی ثبت آگهی جدید
• صفحه‌ی نتایج جستجو و فیلتر
• پیاده‌سازی فیلترهای پیشرفته مثل محدوده قیمت، موقعیت مکانی و دسته‌بندی
• افزودن قابلیت جستجوی آنی (Instant Search) که تجربه‌ی کاربری رو واقعی‌تر می‌کنه

یه نکته‌ی کاربردی: وقتی روی فیلتر قیمت کار می‌کنی، یاد می‌گیری چطور state رو بهینه مدیریت کنی تا با هر تغییر، کل لیست دوباره رندر نشه. همین تکنیک کوچیک، تفاوت بین یه پروژه‌ی دانشجویی و یه پروژه‌ی حرفه‌ایه.

پیش‌نیازها؛ بدون استرس

لازم نیست متخصص باشی. اگه با این‌ها آشنایی مقدماتی داشته باشی، کافیه:

• JavaScript در سطح توابع، آرایه‌ها و اشیاء
• React در حد useState، useEffect و props

بقیه‌ی مسیر رو قدم‌به‌قدم با هم جلو می‌ریم.

خروجی دوره؛ چی دستت رو می‌گیره؟

آخر دوره یه پروژه‌ی کامل داری که می‌تونی:

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

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

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

مشخصات دوره در یک نگاه 📋

چند سوال رایج که ممکنه ذهنت رو مشغول کنه

این پروژه به درسم ربطی داره؟ قطعاً. اگه درس پروژه یا کارگاه فرانت‌اند داری، این کلون می‌تونه همون پروژه‌ی پایانی‌ات باشه — با این تفاوت که به‌جای یه تمرین ساده، یه محصول واقعی تحویل می‌دی.

چرا شیپور و نه یه پروژه‌ی تخیلی؟ چون ساختن چیزی که هر روز باهاش سروکار داری، انگیزه‌ت رو حفظ می‌کنه. هر بار که وارد شیپور می‌شی، ذهنت می‌ره سراغ کدی که خودت نوشتی.

بعد از دوره چطور ادامه بدم؟ پایه‌ای که اینجا ساخته می‌شه، بهت اجازه می‌ده سراغ موضوعات سنگین‌تر مثل احراز هویت، درگاه پرداخت یا حتی بک‌اند بری. ضمن اینکه دوره با تخفیف ویژه در دسترسه، پس فرصت شروع راحت‌تره. 🚀