Chia Sẻ Khóa Học React.js & Firebase Project - ReactJS 18, Firebase 9 Project [Khóa 7825 A]
React.js và Firebase Portfolio project. Tạo bản sao Realtor (Bất động sản) bằng cách sử dụng React js 18, Firebase 9, Tailwind CSS 3.
Bạn sẽ học được gì:
- ✓ Tạo một dự án React js từ đầu.
- ✓ Sử dụng Firebase auth để hoàn thành xác thực.
- ✓ Sử dụng Firebase Firestore để lưu trữ và tìm nạp dữ liệu.
- ✓ Tìm hiểu cách đăng ký/đăng nhập người dùng bằng username/password và Google oAuth bằng Firebase auth.
- ✓ Thêm chức năng forgot password bằng cách sử dụng Firebase auth.
- ✓ Làm việc với các phiên bản mới nhất như React js 18, Firebase 9 và Tailwind CSS 3.
- ✓ Tìm hiểu các hoạt động CRUD bao gồm create, read, update và delete bằng Firebase Firestore.
- ✓ Tìm hiểu react router version 6 (phiên bản mới nhất) để tạo routes, nhận params và redirect.
- ✓ Tìm hiểu cách tạo pages và routes trong một dự án React.
- ✓ Tìm hiểu cách sử dụng react toastify để tạo các nice notification.
- ✓ Tìm hiểu cách tạo private route và custom hook để bảo vệ trang user profile.
- ✓ Tìm hiểu cách tạo một spinner và loader đẹp mắt.
- ✓ Tìm hiểu các react event listener quan trọng như onChange và onSubmit.
- ✓ Tạo một reusable component như listing cards.
- ✓ Tạo một image slider bằng Swiper js phiên bản mới nhất.
- ✓ Add map vào trang bằng cách sử dụng leaflet và react leaflet packages.
- ✓ Tìm hiểu cách deploy với vercel.
- ✓ Tìm hiểu Google geolocation api và cách chuyển đổi địa chỉ sang vĩ độ và kinh độ.
- ✓ Tìm hiểu cách sử dụng Tailwind CSS 3 để tạo kiểu cho một dự án React.
- ✓ Tìm hiểu useEffect và useState react hooks.
Dự án React.js 18 và Firebase 9 Mới.
Tạo bản sao Realtor (Bất động sản) bằng cách sử dụng React js 18, Firebase 9, Tailwind CSS 3 và React router 6.
Khóa học tốt nhất để học React.js , Firebase và Tailwind CSS tạo một website bất động sản. Trong khóa học hoàn toàn mới này, bạn sẽ học cách tạo bản sao Realtor bằng cách sử dụng ReactJS phiên bản 18, Firebase phiên bản 9 và tailwind CSS phiên bản 3.
Chào mừng bạn đến với dự án nơi bạn sẽ xây dựng và triển khai một ứng dụng realtor clone bằng cách sử dụng phiên bản mới nhất của React, Firebase và tailwind CSS. Bạn sẽ học cách phát triển một website chuyên nghiệp và triển khai nó trên internet để bạn có thể chia sẻ nó với bạn bè và khách hàng tiềm năng của mình hoặc đưa nó vào portfolio của bạn. Trong dự án hoàn toàn mới này, chúng tôi sẽ tạo một phần danh new listing tuyệt đẹp, custom categories, responsive design, listings cards, trang cho thuê và bán và quan trọng nhất là các trang liệt kê nơi bạn có thể xem bản đồ và image slider. Realtor clone là ứng dụng bất động sản đầy đủ chức năng hiện đại tốt nhất hiện nay mà bạn có thể tìm thấy. Bằng cách xây dựng ứng dụng web duy nhất này, bạn sẽ có được kiến thức cần thiết để xây dựng bất kỳ website nào sử dụng các thao tác CRUD bao gồm create, read, update và delete trong React bằng cách sử dụng cơ sở dữ liệu Firebase Firestore. Bạn sẽ học Firebase auth để hoàn thành xác thực và tìm hiểu cách đăng ký hoặc đăng nhập người dùng bằng tên người dùng và mật khẩu và Google oAuth. Ngoài ra, chúng tôi sẽ thêm chức năng quên mật khẩu bằng cách sử dụng Firebase auth để cho phép người dùng nhận được email có liên kết để thay đổi mật khẩu của họ.
Bạn sẽ có thể phát triển website này bằng cách sử dụng các công nghệ được yêu cầu nhiều nhất hiện nay như React.js, Firebase, tailwind CSS và chỉ với một số dependency khác như leaflet và swiper js. Chúng tôi sẽ thêm bản đồ bằng cách sử dụng leaflet packages và sử dụng Google geolocation API để chuyển đổi địa chỉ thành các giá trị vĩ độ và kinh độ. Chúng ta sẽ tìm hiểu cách sử dụng Swiper.js phiên bản mới nhất để thêm một image slider siêu tuyệt vời. Và bạn sẽ học cách sử dụng react toastify package để tạo thông báo đẹp và tùy chỉnh. Và giống như tất cả các website hiện đại, bạn sẽ tạo một spinner component đẹp mắt và sử dụng nó trong tất cả các trang yêu cầu hiệu ứng loading. Chúng ta sẽ tìm hiểu cách tạo một component có thể tái sử dụng, chẳng hạn như listing card mà chúng ta có thể sử dụng trong các phần khác nhau của website.
Bạn sẽ xây dựng mọi thứ từ đầu bằng cách xem khóa học này. Chúng ta sẽ bắt đầu đơn giản và sau đó chúng ta sẽ chuyển sang các chủ đề phức tạp hơn khi chúng ta cùng nhau xây dựng ứng dụng này. Bạn sẽ học các react functional component và khả năng tái sử dụng, react file và folder structure. Bạn sẽ tìm hiểu các react event quan trọng như onChange và onSubmit event listener. Chúng ta sẽ tìm hiểu cách sử dụng useEffect và useState react hooks để kiểm soát các trạng thái và tìm nạp dữ liệu từ cơ sở dữ liệu Firestore. Ngoài ra, bạn sẽ học cách tạo routes, sử dụng useParams và useNavigate hooks bằng cách sử dụng react router phiên bản mới nhất version 6. Chúng tôi sẽ làm việc để tạo các private route và custom hooks để bảo vệ các trang quan trọng như trang user profile. Bạn sẽ đạt được thành thạo khi sử dụng tailwind CSS phiên bản 3. Và học cách tạo kiểu cho dự án bằng Tailwind CSS, bao gồm cả cách thêm các lớp tùy chỉnh. Và cuối cùng, chúng tôi sẽ triển khai website đến Vercel để có thể chia sẻ nó với những người khác hoặc đưa nó vào portfolio của bạn.
Bạn có thể tự hỏi điều kiện tiên quyết để xây dựng một website tuyệt vời như vậy là gì. Bạn chỉ cần biết một chút về HTML CSS và JavaScript thì sẽ rất tuyệt.
Mục lục:
- ✓ 1. Giới thiệu.
- ✓ 2. Cài đặt và Template đầu tiên.
- ✓ 3. Authentication sử dụng Firebase auth version 9.
- ✓ 4. Profile page.
- ✓ 5. Listing page.
- ✓ 6. Home page.
- ✓ 7. Offers và Category page.
- ✓ 8. Deployment.
Khóa học này dành cho ai:
- ✓ Các React developer muốn có một portfolio project.
NHẬN GET EBOOK TRÊN AMAZON THEO YÊU CẦU