Ưu đãi trong tuần: Nhập mã UD50 giảm 50k cho đơn từ 300k!
Trang chủ
Menu

Django, Next.js,Docker & TypeScript: Build a Real Estate App

Django, Next.js, Docker & TypeScript: Xây dựng ứng dụng Bất động sản

Django, Next.js, Docker & TypeScript: Xây dựng ứng dụng Bất động sản

Nền tảng bất động sản với Django REST Framework, Next.js, TypeScript, Redux, Docker & NGINX. Xác thực JWT, đã triển khai

4.5
(101 đánh giá)
669 học viên
Giảng viên
Alpha Omondi Ogilo
Phụ đề Việt chất lượng cao Phụ đề tiếng Anh Bán chạy Đánh giá cao
79.000đ 1.319.000đ -94%
✓ Xem giỏ hàng và thanh toán
Bao gồm phụ đề tiếng Việt, tiếng Anh
30.5 giờ video
183 bài giảng
Truy cập vĩnh viễn
Học trên mọi thiết bị
Cập nhật: 07/06/2026

Bạn sẽ học được gì

Cách làm việc với Docker container trong Django và Django REST Framework
Cách làm việc với Docker container trong React và NextJS 14
Cách sử dụng Redux và Redux Toolkit với TypeScript
Reverse proxy với NGINX để phục vụ cả backend API và client React/NextJS

Yêu cầu

Lập trình viên Python có ít nhất 1 năm kinh nghiệm phát triển web
Quan tâm đến việc tích hợp React và Nextjs 14 với endpoint API backend thông qua NGINX
Kiến thức cơ bản về Python3 và type hints
Kiến thức cơ bản về Django
Nền tảng về REST API và Django REST framework
Kiến thức cơ bản về JavaScript (bao gồm biến, toán tử, hàm, mảng, phương thức mảng, async/await, và các tính năng ES6)
Kiến thức cơ bản về TypeScript
Kiến thức cơ bản về React (components, props, state, JSX, render có điều kiện, duyệt danh sách, và các hooks như useState và useEffect)
Kiến thức cơ bản về Redux và ReduxToolkit
Kiến thức cơ bản về Docker và container
Kiến thức cơ bản về Shell scripting
Kiến thức cơ bản về Web Server và NGINX

Đối tượng phù hợp

Lập trình viên web Python có kinh nghiệm, với ít nhất 1 năm phát triển web

Nội dung khóa học

30 phần • 183 bài giảng
1 Giới thiệu
2 Yêu cầu
3 Công cụ/Công nghệ sử dụng trong dự án
4 Demo sản phẩm cuối cùng
5 Kho Git của khóa học, kết nối với tôi qua mạng xã hội
1 Tạo thư mục làm việc & môi trường ảo
2 Khởi tạo Git
3 Cài đặt Packages
4 Thiết lập Requirements và Settings
5 Cấu hình các tham số Django khác
6 Django Apps
1 Giới thiệu về Logging trong Django
2 Thiết lập Logging cho môi trường phát triển
1 Cấu hình Dockerfile
2 Shell Script Entrypoint
3 Shell Script Start
4 Postgres và Docker compose
5 Chạy cấu hình docker-compose
1 Cách thiết lập Makefiles
1 Custom User Model Manager
2 Lý thuyết về UUID
3 Custom User Model
4 UserCreationAdmin Form
5 Thiết lập tài liệu Redoc
1 Khởi tạo Next.js
2 Cấu hình Git cho Client
3 Client Dockerfile
4 Thêm Client Docker Compose
5 Lý thuyết về NGINX với vai trò reverse proxy/load balancer (Đừng bỏ qua)
6 Cấu hình NGINX
7 Docker compose cho NGINX
1 Giới thiệu Celery & Redis
2 Thiết lập Celery
3 Cấu hình Docker-compose (Celery & Redis)
4 Script khởi động Flower và worker
1 TimeStamped Common model
2 Cấu hình Cloudinary
3 Signals
1 Xác thực dựa trên Token
2 Thiết lập Custom JWTAuthentication
3 Cấu hình Djoser và RestFramework simplejwt
4 Auth Views
5 URL và kiểm tra Endpoint JWT
6 Thiết lập Google Credentials
1 Tùy chỉnh Djoser User Serializer
2 Generic JSON Renderer
3 Profile Celery tasks
4 Profile Serializer
5 Profile Views và Urls
6 Profile Urls và Pipeline
1 Apartment Model
2 Apartment Serializer, Views và Urls
3 Main Urls và kiểm tra tạo Apartment
1 Issue Email Templates
2 Issue Model
3 Content và Issue Admin
4 Email Helper Functions
5 Issue Serializer
6 Issue Views
7 Issues Views và urls
8 Kiểm tra API Routes
1 Tạo app reports
2 Report Email templates
3 Report Email Helper Functions
4 Report Signals
5 Report Serializer và Views
6 Report urls và API Routes
1 Rating Model
2 Rating View
3 Rating Admin
4 Tạo Urls & kiểm tra API Routes
1 Post Model
2 Custom Permissions
3 Post Serializer
4 Post Serializers (tiếp theo)
5 Post Views
6 Post Views (tiếp theo)
7 Post urls và Admin
8 Kiểm tra Post API Routes
1 Cấu hình Eslint, Prettier, Sharp
2 Thiết lập Fonts
1 Giới thiệu về routing dựa trên hệ thống tệp
2 Trang Register, Login, Google tạm thời
3 Navbar
4 Theme Switcher
5 Mobile Navbar
6 Left Navigation Sidebar
1 Cài đặt Packages, thiết lập Redux Store
2 Slices (tiếp theo)
3 authSlice Reducers và Providers
4 Thiết lập React Toastify
5 Client Validation
6 AuthFormHeader
7 Tùy chỉnh Input Component
8 Form Field Component
9 Hàm xử lý lỗi Utility
10 Register Form
11 Register Page
1 Activation Page
2 Login Form
3 Login Page
4 Persist Auth
5 Auth Hook và LeftNavBar
6 Mobile Nav Bar
1 Yêu cầu đặt lại mật khẩu
2 Đặt lại mật khẩu
3 Re-Authorization
4 Users Api Slice
5 Basic Profile Page
6 Protected Routes
7 Protected Tenants và Profile Page
1 Khởi tạo Social Auth
2 Sử dụng Social Auth Hook
3 Oauth Buttons
1 User Avatar
2 Utils
3 Header và About Components
4 Posts và Profile Page
5 Profile Schema
6 Gender Select Field
7 Occupation Select Field
8 Edit Profile Form
1 Tenant info Component
2 Tenants Card Components
3 User Slice
4 Users Search
5 Pagination
1 Apartment Page & Validation Schema
2 ApartmentApiSlice và Apartment Form
3 Apartment Page
4 Issue Api Slice
5 Validation Schema cho Report issue
6 Create Issue Form
7 Amend Report Issue Page
8 Issues Component
9 Assigned Issues
10 Issue Details Page
11 Update Issue Form
12 Issue Pages
1 Report Api Slice
2 Report Tenant Page
3 Report Tenant Form
4 Reports Component
1 Posts Api Slice
2 Post Slices (tiếp theo)
3 Post Validation Schema
4 Add Post Page (Placeholder Page)
5 Create Post Form
6 Tái cấu trúc Pagination
7 Hàm tiện ích
8 Post Card Component
9 Shared Components
10 Post Header
11 Post Actions
12 Phần nội dung bài đăng
13 Trang chi tiết bài đăng
1 Hiển thị phản hồi trong chi tiết bài đăng
2 Cập nhật bài đăng
3 Biểu mẫu cập nhật bài đăng
4 Biểu mẫu tạo phản hồi
5 Bài đăng đã lưu
6 Thanh điều hướng bên phải
7 Lấy bài đăng theo thẻ
8 Các thẻ phổ biến
1 Chi tiết thẻ kỹ thuật viên
2 Thẻ kỹ thuật viên
3 Lược đồ biểu mẫu đánh giá
4 Biểu mẫu thêm đánh giá
5 Trang thêm đánh giá
1 Digital Ocean Droplet
2 Tên miền
3 Cấu hình máy chủ Phần 1
4 Cấu hình máy chủ Phần 2
5 Tạo chứng chỉ SSL bằng Certbot
6 Cài đặt Portainer
7 Thiết lập Mailgun
8 Tệp Production.env
9 Tệp Production.py
10 Cấu hình Production cho Requirements, Celery và Flower
11 Dockerfiles Production cho Backend & Frontend
12 Cấu hình NGINX
13 Production.yml
14 Kịch bản triển khai

Giới thiệu khóa học

I previously lived in a large apartment complex with over 500 apartment units, all owned by a single landlord.


The complex was plagued by inefficient service delivery, issue reporting, and maintenance operations.


Tenants were expected to report problems via a shared WhatsApp account, which often resulted in messages going unread, being read too late, or being forgotten due to the high volume of incoming messages.


The landlord’s technicians(who included plumbers,carpenters, masons, electricians, roofers et-cetera) who were responsible for addressing various issues, frequently ignored calls for assistance or provided false excuses about their availability. Tracking the technicians' whereabouts and providing feedback to the landlord on their work was a challenging task.


To make matters worse, some tenants used the same WhatsApp account to advertise their goods that they were selling(such as food, clothes et-cetera), causing further confusion and hindering the issue reporting process.


Reporting misbehaving neighbors who violated the tenancy agreement and were a nuisance to other neighbors, also proved to be difficult.


I finally had enough and moved out of that place… which kept me wondering…if I was fortunate enough to somehow get money in the future and was able to build my own set of apartments, just like my former landlord did, what would I do differently?


Welcome…. Join me in this course as I build an MVP(which is a minimum viable product), to solve some of the problems I encountered while I was living in the apartment complex. This solution being an MVP, of course it can be improved or customized to solve your needs.


I hope this course will provide valuable insights and solutions to those facing similar challenges in apartment management..

Khóa học liên quan

Khám phá thêm các khoá học cùng chủ đề

Hiển thị tất cả khoá học Docker
Hiển thị tất cả khoá học Full Stack
Hiển thị tất cả khoá học Python
Hiển thị tất cả khoá học Web Development
Zalo
Tôi có thể tư vấn khoá học cho bạn 😊