|
所在平台: Udemy |
课程主页: https://www.udemy.com/course/django-react-build-a-location-based-real-estate-website/
课程评论：没有评论
课程名称：Django + React：构建基于位置的房地产网站 课程概述：本课程是一个项目导向的课程，我们将共同构建一个基于位置的房地产网站。该网站将是一个完整的全栈网络应用程序，后端使用Django，前端使用React Js。我们将通过使用Material UI这一易于使用且直观的React库，迅速构建前端，并广泛使用Material UI组件进行样式定制。 在课程中，我们将使用Django Rest Framework (DRF)构建API，并通过React向API发送请求。同时，我们将使用Leaflet库实现互动地图功能，以地理方式展示房地产列表，并通过React-Leaflet使其与React结合。我们的PostgreSQL数据库也会通过添加PostGIS扩展来支持空间查询，例如几何信息和距离计算。 课程还将涵盖使用Djoser库进行用户认证，允许最终用户在前端添加、删除或更新房地产列表，并处理客户端和服务器端表单错误。在本地环境完成网站构建后，我们将使用Digital Ocean和Namecheap进行部署，这包括将项目推送到GitHub、获取后端和前端域名、设置私人邮箱、配置SSL证书、安装和设置Nginx以及Gunicorn，并使用Digital Ocean Spaces存储媒体文件。 本课程将使用：Windows、Python 3.9、Django 4.0、React 17（已更新至React 18，具体细节请查看附加讲座）、Material UI 5。 课程内容将涵盖以下主题： - React基础 - React Hooks（如useState、useEffect、useContext、useReducer、useRef、useMemo） - Material UI基础 - 使用Material UI进行样式设计 - React-Leaflet基础 - React-Leaflet钩子（例如：useMap） - 使用Django Rest Framework构建API端点 - 使用Djoser进行认证 - Django信号 - 使用GeoDjango和PostGIS进行空间查询 - 计算距离 - Django部署 - React部署 - 创建远程服务器 通过本课程的学习，您将掌握如何将Django与React连接起来，并充分利用具有空间或地理特性的数据库。
In this project-based course, we will build a location-based real estate website. It is going to be a full stack web application with Django powering the backend and React Js the frontend.We are going to build the frontend very fast by using Material UI which is a very easy and intuitive React library for building UI components. Throughout the course we will get to use lots of Material UI components that we will easily style.We are then going to build the API with Django Rest Framework (DRF) and we are going to make requests to the API with React.Leaflet is a JavaScript library for building interactive maps. We will add a geographic aspect to this project by placing the property listings on a map. We are going to achieve that with React-Leaflet which provides a binding between React and Leaflet.We are also going to make our PostgreSQL database be spatially aware by adding the PostGIS extension to it. So, on top of making regular queries to the database, we are also going to make spatial queries (geometric information such as distance).We are also going to cover user authentication with the Djoser library. We will get end users to add, delete or update property listings from the frontend. We are also going to handle both client-side errors and server-side errors in the forms.Once we are done building the website on our local machines, we will then deploy it with Digital Ocean and Namecheap. During deployment, we are going to:Push our project to GitHubGet domain names for the backend and frontendSetup a mailbox in "private email"Setup an SSL certificateInstall and setup Nginx and GunicornStore media file in the cloud with Digital Ocean spacesI will be using:WindowsPython 3.9Django 4.0React 17 (Updated for React 18-Works perfectly fine, check out the lectures on the Bonus section for more details)Material UI 5The following topics will be covered in this course:The basics of ReactReact hooks (useState, useEffect, useContext, useReducer, useRef, useMemo)The basics of Material UIStyling with Material UIThe basics of React-LeafletReact-Leaflet hooks (exp: useMap)Building API endpoints with Django Rest FrameworkAuthentication with DjoserDjango signalsMaking spatial queries with Geodjango and PostGISCalculating distancesDjango deploymentReact DeploymentCreating a remote serverAfter completing this in-depth project-based course, you will know how to connect Django and React. You will also know how take full advantage of a spatially or geographically aware database.
