به دوره جامع و پروژه‌محور ساخت یک وب‌سایت مدرن املاک خوش آمدید. در این دوره، شما گام به گام یاد می‌گیرید که چگونه با استفاده از دو تکنولوژی قدرتمند و محبوب دنیای وب، یعنی جنگو (Django) برای بک‌اند و ری‌اکت (React) برای فرانت‌اند، یک پلتفرم کامل و کاربردی املاک مبتنی بر موقعیت مکانی را از صفر تا صد پیاده‌سازی کنید. این دوره به شما کمک می‌کند تا مهارت‌های خود را به سطح بالاتری ارتقا داده و یک پروژه حرفه‌ای و قابل ارائه برای портфолио خود بسازید.

توجه مهم: این دوره به صورت فیزیکی بر روی یک فلش مموری ۳۲ گیگابایتی باکیفیت برای شما ارسال می‌شود و محتوای آن به صورت دانلودی ارائه نمی‌گردد. با این روش، شما به راحتی و بدون نیاز به دانلود فایل‌های حجیم، به تمامی ویدیوها، سورس کدها و منابع دوره دسترسی خواهید داشت.

در دنیای امروز، توسعه‌دهندگان فول‌استک (Full-Stack) که توانایی کار با هر دو بخش فرانت‌اند و بک‌اند را دارند، از جایگاه ویژه‌ای در بازار کار برخوردارند. این دوره با ترکیب دو تا از بهترین فریم‌ورک‌ها در حوزه‌های خود، مسیری روشن برای تبدیل شدن به یک متخصص فول‌استک را پیش روی شما قرار می‌دهد. شما نه تنها مفاهیم تئوری را یاد می‌گیرید، بلکه یک پروژه واقعی و پیچیده را پیاده‌سازی می‌کنید که شامل ویژگی‌های جذابی مانند جستجوی املاک بر روی نقشه، فیلترهای پیشرفته و پروفایل کاربری است.

• یادگیری پروژه‌محور: تمام مفاهیم در قالب ساخت یک پروژه واقعی و کاربردی تدریس می‌شوند.
• تکنولوژی‌های مدرن: شما با Django REST Framework، React Hooks، Redux Toolkit و GeoDjango کار خواهید کرد.
• مهارت‌های پرتقاضا: پیاده‌سازی API، مدیریت وضعیت (State Management) و کار با داده‌های جغرافیایی از مهارت‌های کلیدی در صنعت نرم‌افزار هستند.
• پروژه کامل برای رزومه: در انتهای دوره، شما یک وب‌سایت کامل و قابل نمایش در رزومه و портфолио خود خواهید داشت.

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

• توسعه بک‌اند با جنگو و Django REST Framework (DRF):
  • طراحی و پیاده‌سازی مدل‌های پایگاه داده برای املاک، مشاوران و کاربران.
  • ساخت یک RESTful API قدرتمند و امن برای مدیریت داده‌ها.
  • پیاده‌سازی سیستم احراز هویت و مدیریت دسترسی‌ها با استفاده از JSON Web Tokens (JWT).
  • مدیریت آپلود فایل و تصاویر برای آگهی‌های املاک.
• قابلیت‌های مبتنی بر مکان با GeoDjango:
  • راه‌اندازی پایگاه داده PostGIS برای ذخیره و پردازش داده‌های جغرافیایی.
  • ایجاد فیلدهای مکانی در مدل‌ها برای ذخیره موقعیت دقیق هر ملک.
  • پیاده‌سازی کوئری‌های مکانی پیچیده، مانند “نمایش تمام املاک در شعاع ۵ کیلومتری یک نقطه مشخص”.
• توسعه فرانت‌اند با ری‌اکت:
  • ساخت یک Single-Page Application (SPA) مدرن با ری‌اکت.
  • ایجاد کامپوننت‌های قابل استفاده مجدد (Reusable Components) برای لیست املاک، کارت‌ها، فرم‌ها و …
  • مدیریت وضعیت کلی اپلیکیشن با ابزارهایی مانند Redux Toolkit یا React Context.
  • مسیردهی (Routing) در اپلیکیشن با استفاده از React Router.
  • ارتباط با API جنگو برای دریافت، ارسال و به‌روزرسانی داده‌ها.
• ادغام نقشه و رابط کاربری:
  • ادغام کتابخانه‌های نقشه مانند Leaflet یا Mapbox در اپلیکیشن ری‌اکت.
  • نمایش املاک به صورت پین‌های قابل کلیک بر روی نقشه تعاملی.
  • ایجاد رابط کاربری کاملاً واکنش‌گرا (Responsive) برای نمایش صحیح در دسکتاپ و موبایل.

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

• آشنایی با مفاهیم پایه‌ای زبان برنامه‌نویسی پایتون.
• دانش مقدماتی از HTML، CSS و JavaScript (ES6+).
• درک اولیه از مفاهیم ری‌اکت (مانند کامپوننت، State و Props) می‌تواند مفید باشد، اما مفاهیم کلیدی در دوره مرور خواهند شد.
• آشنایی کلی با مفاهیم وب مانند مدل کلاینت-سرور و درخواست‌های HTTP.

بخش اول: پایه‌ریزی پروژه با جنگو

در این بخش، پروژه بک‌اند را از صفر راه‌اندازی می‌کنیم، مدل‌های اصلی را طراحی کرده و پنل ادمین را برای مدیریت اولیه داده‌ها پیکربندی می‌کنیم.

• نصب و راه‌اندازی جنگو و محیط مجازی پایتون
• ساختاردهی پروژه و اپلیکیشن‌های جنگو
• طراحی و ساخت مدل‌های Property, Agent, User
• معرفی و سفارشی‌سازی پنل ادمین جنگو

بخش دوم: ساخت API با Django REST Framework

قلب تپنده اپلیکیشن ما، یعنی API، در این بخش ساخته می‌شود. یاد می‌گیرید چگونه داده‌ها را در قالب JSON به فرانت‌اند ارسال کنید.

• نصب و پیکربندی DRF
• ساخت Serializerها برای تبدیل داده‌های پایتون به JSON
• ایجاد ViewSetها و Routerها برای مدیریت Endpoints
• پیاده‌سازی سیستم احراز هویت مبتنی بر توکن (JWT)

بخش سوم: افزودن هوش مکانی با GeoDjango

این بخش، وجه تمایز اصلی پروژه ماست. قابلیت‌های جستجوی مکانی را به وب‌سایت اضافه می‌کنیم.

• نصب و راه‌اندازی PostGIS و کتابخانه‌های مورد نیاز
• تعریف مدل‌های جغرافیایی با PointField
• نوشتن کوئری‌های مکانی برای جستجوی املاک نزدیک
• ایجاد یک Endpoint جدید در API برای جستجوی مبتنی بر نقشه

بخش چهارم: ساخت رابط کاربری با ری‌اکت

وارد دنیای فرانت‌اند می‌شویم و اسکلت اصلی رابط کاربری اپلیکیشن را با ری‌اکت پیاده‌سازی می‌کنیم.

• راه‌اندازی پروژه ری‌اکت با Vite
• ساخت کامپوننت‌های اصلی: Navbar, Footer, PropertyCard, SearchForm
• پیاده‌سازی سیستم مسیریابی (Routing) با React Router DOM
• ایجاد صفحات اصلی: صفحه خانه، لیست املاک، و صفحه جزئیات ملک

بخش پنجم: اتصال دو دنیا و مدیریت وضعیت

در این بخش، فرانت‌اند و بک‌اند را به یکدیگر متصل کرده و جریان داده را در اپلیکیشن مدیریت می‌کنیم.

• استفاده از Axios برای ارسال درخواست‌های HTTP به API جنگو
• راه‌اندازی Redux Toolkit برای مدیریت متمرکز وضعیت (State)
• واکشی لیست املاک و نمایش آن‌ها در رابط کاربری
• ادغام کتابخانه Leaflet برای نمایش نقشه تعاملی و پین‌ها

بخش ششم: ویژگی‌های پیشرفته و جمع‌بندی

در بخش پایانی، ویژگی‌های تکمیلی را اضافه کرده و پروژه را برای استقرار نهایی آماده می‌کنیم.

• ایجاد پروفایل کاربری
• سیستم افزودن املاک به لیست علاقه‌مندی‌ها
• فرم تماس با مشاور املاک
• بهینه‌سازی عملکرد و نکات مهم برای استقرار (Deployment) پروژه

با به پایان رساندن این دوره، شما نه تنها یک پروژه قدرتمند و جذاب در اختیار دارید، بلکه مجموعه‌ای از مهارت‌های عملی و به‌روز را کسب کرده‌اید که می‌تواند مسیر حرفه‌ای شما را به کلی متحول کند. تمام محتوای این سفر آموزشی بر روی یک فلش مموری ۳۲ گیگابایتی تقدیم شما می‌گردد.