|
所在平台: Udemy |
课程主页: https://www.udemy.com/course/reactjs-firebase-project/
课程评论：没有评论
课程名称：React.js & Firebase 项目 - ReactJS 18, Firebase 9 项目 课程概述：本课程是一个全新的项目，使用 React.js 18 和 Firebase 9 来构建房地产网站的克隆。在这门课程中，您将学习如何使用 React.js 18、Firebase 9、Tailwind CSS 3 和 React Router 6 创建一个房地产应用。该项目将指导您从头开始构建并部署一个 Realtor 克隆应用，通过这门课程，您将掌握开发专业网站的技能，并能够将其分享给朋友或潜在客户，或用作您的作品集。 课程内容包括： - 创建炫酷的房源列表部分，自定义分类，响应式设计，房源卡片，租售页面以及包含地图和图片滑动的房源页面。 - 学习 CRUD 操作，包括创建、读取、更新和删除，并使用 Firebase Firestore 数据库。 - 使用 Firebase 身份验证实现完整的用户认证，包括用户名和密码注册、登录，以及 Google oAuth。 - 添加找回密码功能，让用户通过电子邮件获取修改密码的链接。 - 使用 Leaflet 包添加地图，并利用 Google 地理位置 API 转换地址。 - 学习使用 Swiper.js 添加精彩的图片滑动效果，以及使用 React Toastify 创建自定义通知。 - 创建可重用组件，如房源卡片，并在网站的不同部分使用。 - 深入了解 React 的功能组件及其可重用性、文件结构、事件处理（onChange 和 onSubmit）、以及使用 useEffect 和 useState 控制状态和从 Firestore 数据库获取数据。 - 掌握 React Router 6 的路由创建、useParams 和 useNavigate 的使用，以及保护用户私人页面。 - 学会使用 Tailwind CSS 3 来美化项目，并了解如何添加自定义类。 - 最后，将网站部署到 Vercel，便于分享或用作个人作品集。 先决条件：了解一些 HTML、CSS 和 JavaScript 的基础知识将有很大帮助。 讲师介绍：我是 Sahand，拥有超过 15 年的编程经验，您可以在评论区提出任何问题，我会为您解答。欢迎来到这门课程，让我们一起开始构建您自己的房地产网站！
NEW React.js 18 and Firebase 9 project. Build Realtor (Real estate) clone using React js 18, Firebase 9, Tailwind CSS 3, and React router 6.The best course to learn React.js, Firebase and Tailwind CSS creating a real estate website. In this brand new course, you are going to learn how to build the realtor clone using ReactJS version 18, Firebase version 9 and tailwind CSS version 3. Welcome to the project where you'll build and deploy a realtor clone application using the newest version of react, Firebase and tailwind CSS. You'll learn how to develop a professional website and deploy it to the internet so that you can share it with your friends and potential clients or put it on your portfolio. In this brand new project, we going to create an stunning new listing section, custom categories, responsive design, listings cards, rent and sale pages, and most importantly listing pages where you can see the map and image slider. Realtor clone is the best modern fully functional real estate application that you can currently find. By building this single web app, you'll get the knowledge needed to build any website that uses CRUD operations including create, read, update and delete in react using Firebase Firestore database. You are going to learn Firebase auth for complete authentication and learn how to sign up or sign in the users using username and password and Google oAuth. Also, we going to add forgot password functionality using Firebase auth to let the users get the email with the link to change their password.you'll be able to develop this website using the most in demand technologies today such as react.js, Firebase, tailwind CSS and with just a couple of other dependencies like leaflet and swiper js. We are going to add a map using leaflet packages, and use Google geolocation API to convert addresses to latitude and longitude values. We are going to learn how to use Swiper.js latest version to add a super amazing image slider. and you will learn how to use react toastify package to create nice and customized notifications. and like all modern websites, you are going to create a beautiful spinner component and use it in all pages requiring loading effects. We are going to learn how create a reusable component such as a listing card that we can use in different parts of the website.You'll build everything from scratch by watching this course. We're going to start simple and then we're going to move to more complex topics as we go alongside building this application. you'll learn react functional components and their re-usability, react file and folder structure. You are going to learn important react events like onChange and onSubmit event listeners. We are going to learn how to use useEffect and useState react hooks to control the states and fetch data from the Firestore database. Also, you are going to learn how to create routes, use useParams and useNavigate hooks using react router latest version version 6. We are going to work on creating private routes and custom hooks for protecting the important pages like user profile page. You'll achieve mastery using tailwind CSS version 3. and learn how to style the project using Tailwind CSS including how to add custom classes. And finally, we are going to deploy the website to Vercel to be able to share it with others or put it on your portfolio.You might be wondering what are the prerequisites for building such an amazing website. You just need to know a bit of HTML CSS and JavaScript it would be great. My name is Sahand, and I have over 15 years of programming experience.I will be your instructor and answer any questions you may have in the comment section.
