آموزش فول استک جنگو با ری‌اکت (نکست‌جی‌اس)، تایپ‌اسکریپت و داکر - آخرین آپدیت

دانلود FullStack Django with React (Next.js) ,TypeScript and Docker

نکته: ممکن هست محتوای این صفحه بروز نباشد ولی دانلود دوره آخرین آپدیت می باشد.
نمونه ویدیوها:
توضیحات دوره:

ساخت MVP املاک و مستغلات با Django REST Framework، Next.js (React)، Docker، NGINX و TypeScript

با این دوره، نحوه استفاده از فناوری‌های پیشرفته برای ساخت یک محصول حداقلی قابل دوام (MVP) در حوزه املاک و مستغلات را بیاموزید.

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

  • کار با کانتینرهای Docker برای Django و Django REST Framework
  • کار با کانتینرهای Docker برای React و Next.js 14
  • استفاده از Redux و Redux Toolkit همراه با TypeScript
  • پروکسی‌های معکوس با NGINX برای سرویس‌دهی به API بک‌اند و کلاینت React/Next.js

پیش‌نیازها برای موفقیت

توسعه‌دهندگان پایتون با حداقل ۱ سال تجربه توسعه وب

  • علاقه به ادغام React و Next.js 14 با API بک‌اند از طریق NGINX
  • آشنایی با مبانی پایتون ۳ و type hints
  • آشنایی با مبانی Django
  • آشنایی با مفاهیم REST API و Django REST framework
  • مبانی جاوا اسکریپت (متغیرها، عملگرها، توابع، آرایه‌ها، متدهای آرایه، async/await و ویژگی‌های ES6)
  • مبانی TypeScript
  • مبانی React (کامپوننت‌ها، props، state، JSX، رندرینگ شرطی، پیمایش لیست‌ها و هوک‌هایی مانند useState و useEffect)
  • مبانی Redux و Redux Toolkit
  • مبانی Docker و کانتینرسازی
  • مبانی Shell scripting
  • آشنایی با وب سرورها و مبانی NGINX

چالش‌های مدیریت مجتمع‌های مسکونی

تجربه ناخوشایند زندگی در یک مجتمع مسکونی بزرگ با بیش از ۵۰۰ واحد که همگی متعلق به یک مالک بودند، الهام‌بخش این دوره شد. ناکارآمدی در ارائه خدمات، گزارش مشکلات و عملیات نگهداری، معضلات بزرگی را برای ساکنین ایجاد کرده بود.

گزارش مشکلات از طریق یک حساب کاربری واتس‌اپ مشترک، منجر به نادیده گرفته شدن پیام‌ها، تأخیر در رسیدگی یا فراموشی آن‌ها به دلیل حجم بالای پیام‌ها می‌شد. تکنسین‌ها (لوله کش، نجار، بنا، برقکار و غیره) اغلب تماس‌ها را نادیده می‌گرفتند یا بهانه‌های واهی ارائه می‌دادند. ردیابی تکنسین‌ها و ارائه بازخورد به مالک دشوار بود. همچنین، تبلیغات ساکنین در همان حساب واتس‌اپ، روند گزارش مشکلات را مختل می‌کرد.

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

راه حل: MVP املاک و مستغلات

در این دوره، با هم یک محصول حداقلی قابل دوام (MVP) برای حل برخی از این مشکلات می‌سازیم. این MVP به گونه‌ای طراحی شده است که قابلیت بهبود و سفارشی‌سازی برای رفع نیازهای شما را داشته باشد.

امیدوارم این دوره بینش‌ها و راه‌حل‌های ارزشمندی را برای کسانی که با چالش‌های مشابه در مدیریت آپارتمان‌ها روبرو هستند، ارائه دهد.

این دوره برای توسعه‌دهندگان پایتون، React و علاقه‌مندان به ساخت اپلیکیشن‌های مدیریتی در حوزه املاک و مستغلات ایده‌آل است.


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

مقدمه Introduction

  • مقدمه Introduction

  • نیازمندی‌ها Requirements

  • ابزارها/تکنولوژی‌های فنی مورد استفاده در پروژه Tech tools/Technologies used in Project

  • دموی محصول نهایی Demo of Final Product

  • مخزن Github دوره، با من در شبکه‌های اجتماعی در ارتباط باشید Course Github Repo, connect with me on Social

تنظیم پروژه Project Setup

  • ایجاد دایرکتوری کاری و محیط مجازی Create working Directory & Virtual Environment

  • مقداردهی اولیه Git Initialize Git

  • نصب بسته‌ها Install Packages

  • تنظیم نیازمندی‌ها و تنظیمات Setup Requirements and Settings

  • پیکربندی سایر پارامترهای Django Configure Other Django Params

  • برنامه‌های Django Django Apps

لاگین در Django Logging In Django

  • مقدمه‌ای بر لاگین در Django Introduction to Logging in Django

  • تنظیم لاگین توسعه Setup Development Logging

پیکربندی Django با Docker Configure Django with Docker

  • پیکربندی Dockerfile Dockerfile Config

  • اسکریپت شل entrypoint Entrypoint Shell Script

  • اسکریپت شل شروع Start Shell Script

  • Postgres و Docker compose Postgres and Docker compose

  • اجرای پیکربندی docker-compose Run docker-compose config

استفاده از Makefiles Using Makefiles

  • نحوه تنظیم Makefiles How to setup Makefiles

مدل کاربری سفارشی در Django Custom User model in Django

  • مدیر مدل کاربری سفارشی Custom User Model Manager

  • نظریه UUIDها UUID’s Theory

  • مدل کاربری سفارشی Custom User Model

  • فرم مدیر ایجاد کاربر UserCreationAdmin Form

  • تنظیم مستندات Redoc Setup Redoc documentation

مقدمه‌ای بر Next Js Next Js Introduction

  • مقداردهی اولیه Next.js Initialize Next.js

  • پیکربندی Git کلاینت Configure Client Git

  • Dockerfile کلاینت Client Dockerfile.

  • افزودن Docker Compose کلاینت Add Client Docker Compose

  • نظریه NGINX به عنوان پروکسی معکوس/بالانسر بار (رد نشوید) Theory of NGINX as reverse proxy/load balancer (Don’t skip)

  • پیکربندی NGINX NGINX Config

  • Docker compose NGINX NGINX Docker compose

پیکربندی Celery و Redis Configure Celery and Redis

  • مقدمه‌ای بر Celery و Redis Celery & Redis Intro

  • تنظیم Celery Setup Celery

  • پیکربندی Docker-compose (Celery و Redis) Docker-compose config(Celery & Redis)

  • اسکریپت‌های شروع Flower و worker Flower and worker start scripts

مدل‌های TimeStamped و Profile TimeStamped & Profile Models

  • مدل مشترک TimeStamped TimeStamped Common model

  • پیکربندی Cloudinary Cloudinary Configuration

  • Signals Signals

احراز هویت، مجوز و JWT Authentication,Authorization & JWT

  • احراز هویت مبتنی بر توکن Token Based Authentication

  • تنظیم Custom JWTAuthentication Setup Custom JWTAuthentication

  • پیکربندی Djoser و RestFramework simplejwt Configure Djoser and RestFramework simplejwt

  • نماهای احراز هویت Auth Views

  • URLها و تست نقاط پایانی JWT URLS and Test JWT Endpoints

  • تنظیم اعتبارات Google Setup Google Credentials

سریال‌سازها و نماهای کاربر - پروفایل User - Profile Serializers and Views

  • سفارشی‌سازی سریال‌ساز کاربر Djoser Customize Djoser User Serializer

  • رندرکننده JSON عمومی Generic JSON Renderer

  • وظایف Celery پروفایل Profile Celery tasks

  • سریال‌ساز پروفایل Profile Serializer

  • نماها و URLهای پروفایل Profile Views and Urls.

  • URLها و پایپ‌لاین پروفایل Profile Urls and Pipeline

کارایی آپارتمان‌ها Apartments Functionality

  • مدل آپارتمان Apartment Model

  • سریال‌ساز، نماها و URLهای آپارتمان Apartment Serializer,Views and Urls

  • URLهای اصلی و تست ایجاد آپارتمان Main Urls and Test Apartment Creation

کارایی Issue Issue Functionality

  • قالب‌های ایمیل Issue Issue Email Templates

  • مدل Issue Issue Model

  • محتوا و مدیر Issue Content and Issue Admin

  • توابع کمکی ایمیل Email Helper Functions

  • سریال‌ساز Issue Issue Serializer

  • نماهای Issue Issue Views

  • نماها و URLهای Issues Issues Views and urls

  • تست مسیرهای API Test API Routes

کارایی گزارش Report Functionality

  • ایجاد برنامه گزارشات Create the reports app

  • قالب‌های ایمیل گزارش Report Email templates

  • توابع کمکی ایمیل گزارش Report Email Helper Functions

  • سیگنال‌های گزارش Report Signals

  • سریال‌ساز و نماهای گزارش Report Serializer And Views

  • URLها و مسیرهای API گزارش Report urls and API Routes

کارایی رتبه‌بندی Rating Functionality

  • مدل رتبه‌بندی Rating Model

  • نمای رتبه‌بندی Rating View

  • مدیر رتبه‌بندی Rating Admin

  • ایجاد URLها و تست مسیرهای API Create Urls & Test API Routes

کارایی پست‌ها Posts Functionality

  • مدل پست Post Model

  • مجوزهای سفارشی Custom Permissions

  • سریال‌ساز پست Post Serializer

  • سریال‌سازهای پست ادامه دارد.... Post Serializers continued….

  • نماهای پست Post Views

  • نماهای پست ادامه دارد.... Post Views Continued....

  • URLها و مدیر پست Post urls and Admin

  • تست مسیرهای API پست Test Post API Routes

تنظیم Next.Js Setup Next.Js

  • پیکربندی Eslint، Prettier، Sharp. Configure Eslint,Prettier, Sharp.

  • تنظیم فونت‌ها. Setup Fonts.

تنظیم صفحه (های) Next.js Setup Next.js Page(s)

  • مقدمه‌ای بر مسیریابی مبتنی بر سیستم فایل Intro to File System Based routing

  • صفحات ثبت نام، ورود، گوگل جایگزین Placeholder Register,Login, Google pages

  • نوار ناوبری Navbar

  • سوئیچر تم Theme Switcher

  • نوار ناوبری موبایل Mobile Navbar

  • نوار کناری ناوبری چپ Left Navigation Sidebar

تنظیم Redux و ReduxToolkit Setup Redux and ReduxToolkit

  • نصب بسته‌ها، تنظیم فروشگاه Redux Install Packages, Setup Redux Store

  • اسلایس‌ها ادامه دارد..... Slices Continued.....

  • کاهش‌دهنده‌ها و ارائه‌دهندگان authSlice authSlice Reducers and Providers

  • تنظیم React Toastify Setup React Toastify

  • اعتبارسنجی کلاینت Client Validation

  • سربرگ فرم احراز هویت AuthFormHeader

  • سفارشی‌سازی کامپوننت ورودی Customize Input Component

  • کامپوننت فیلد فرم Form Field Component

  • تابع کمکی پیام خطا Error Message Utility Function

  • فرم ثبت نام Register Form

  • صفحه ثبت نام Register Page

فعال‌سازی، ورود و خروج Activation ,Login & Logout

  • صفحه فعال‌سازی Activation Page

  • فرم ورود Login Form

  • صفحه ورود Login Page

  • احراز هویت پایدار Persist Auth

  • هوک احراز هویت و نوار ناوبری چپ Auth Hook and LeftNavBar

  • نوار ناوبری موبایل Mobile Nav Bar

بازنشانی رمز عبور Password Reset

  • درخواست بازنشانی رمز عبور Password reset Request

  • بازنشانی رمز عبور Reset Password

  • مجوز مجدد Re-Authorization

  • اسلایس API کاربران Users Api Slice

  • صفحه پروفایل پایه Basic Profile Page

  • مسیرهای محافظت شده Protected Routes

  • مسیرهای محافظت شده و صفحه پروفایل Protected Tenants and Profile Page

Google Oauth Google Oauth

  • مقداردهی اولیه احراز هویت اجتماعی Initiate Social Auth

  • استفاده از هوک احراز هویت اجتماعی Use Social Auth Hook

  • دکمه‌های Oauth Oauth Buttons

صفحه پروفایل Profile Page

  • آواتار کاربر User Avatar

  • ابزارها Utils

  • کامپوننت‌های سربرگ و درباره Header and About Components

  • پست‌ها و صفحه پروفایل Posts and Profile Page

  • اسکیما پروفایل Profile Schema

  • فیلد انتخاب جنسیت Gender Select Field

  • فیلد انتخاب شغل Occupation Select Field

  • فرم ویرایش پروفایل Edit Profile Form

جستجو و صفحه‌بندی مستاجران Tenants Search and Pagination

  • کامپوننت اطلاعات مستاجر Tenant info Component

  • کامپوننت‌های کارت مستاجر Tenants Card Components

  • اسلایس کاربر User Slice

  • جستجوی کاربران Users Search

  • صفحه‌بندی Pagination

آپارتمان Apartment

  • صفحه آپارتمان و اسکیما اعتبارسنجی Apartment Page & Validation Schema

  • ApartmentApiSlice و فرم آپارتمان ApartmentApiSlice and Apartment Form

  • صفحه آپارتمان Apartment Page

  • اسلایس API Issue Issue Api Slice

  • اسکیما اعتبارسنجی گزارش مشکل Report issue Validation Schema

  • فرم ایجاد مشکل Create Issue Form

  • صفحه اصلاح گزارش مشکل Amend Report Issue Page

  • کامپوننت Issues Issues Component

  • Issues اختصاص داده شده Assigned Issues

  • صفحه جزئیات مشکل Issue Details Page

  • فرم به‌روزرسانی مشکل Update Issue Form

  • صفحات مشکل Issue Pages

گزارش مستاجر Report a Tenant

  • اسلایس API گزارش Report Api Slice

  • صفحه گزارش مستاجر Report Tenant Page

  • فرم گزارش مستاجر Report Tenant Form

  • کامپوننت گزارش‌ها Reports Component

کارایی پست‌ها قسمت ۱ Posts Functionality Part 1

  • اسلایس API پست‌ها Posts Api Slice

  • اسلایس‌های پست ادامه دارد.... Post Slices Continued....

  • اسکیما اعتبارسنجی پست Post Validation Schema

  • صفحه افزودن پست (صفحه جایگزین) Add Post Page (Placeholder Page)

  • فرم ایجاد پست Create Post Form

  • بازسازی صفحه‌بندی Refactor Pagination

  • توابع کمکی Utility Functions

  • کامپوننت کارت پست Post Card Component

  • کامپوننت‌های مشترک Shared Components

  • سربرگ پست Post Header

  • عملیات پست Post Actions

  • بدنه پست Post Body

  • صفحه جزئیات پست Post Detail Page

کارایی پست Post Functionality

  • نمایش پاسخ‌ها در جزئیات پست Display replies on post detail

  • به‌روزرسانی پست Post Update

  • فرم به‌روزرسانی پست Update Post Form

  • فرم ایجاد پاسخ Create Reply Form

  • پست‌های نشانک شده Bookmarked Posts

  • نوار ناوبری راست Right Navbar

  • دریافت پست‌ها بر اساس تگ Get Posts by Tag

  • تگ‌های محبوب Popular Tags

امتیازدهی به تکنسین‌ها Rate Technicians

  • جزئیات کارت تکنسین Technician Card Details

  • کارت تکنسین Technician Card

  • اسکیما فرم امتیازدهی Rating Form Schema

  • فرم افزودن امتیاز Add Rating Form

  • صفحه افزودن امتیاز Add Rating Page

در نهایت!! بیایید برای تولید بسازیم Finally!! Let's Build for Production

  • Droplet Digital Ocean Digital Ocean Droplet

  • نام دامنه Domain Name

  • پیکربندی سرور بخش ۱ Server Config Part 1

  • پیکربندی سرور بخش ۲ Server Config Part 2

  • ایجاد گواهی SSL با Certbot Create SSL Certificate with Certbot

  • نصب Portainer Portainer Install

  • تنظیم Mailgun Setup Mailgun

  • فایل Production.env Production.env file

  • فایل Production.py Production.py file

  • نیازمندی‌ها، پیکربندی تولید Celery و Flower Requirements,Celery and Flower Prod config

  • Dockerfileهای تولید بک‌اند و فرانت‌اند Backend & Frontend Production Dockerfiles

  • پیکربندی NGINX NGINX Config

  • Production.yml Production.yml

  • اسکریپت استقرار Deployment Script

نمایش نظرات

آموزش فول استک جنگو با ری‌اکت (نکست‌جی‌اس)، تایپ‌اسکریپت و داکر
جزییات دوره
30.5 hours
183
Udemy (یودمی) Udemy (یودمی)
(آخرین آپدیت)
566
4.7 از 5
ندارد
دارد
دارد
جهت دریافت آخرین اخبار و آپدیت ها در کانال تلگرام عضو شوید.

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

Alpha Omondi Ogilo Alpha Omondi Ogilo

توسعه دهنده نرم افزار Full-Stack خودآموز