|
所在平台: Udemy |
课程主页: https://www.udemy.com/course/build-advanced-blog-app-with-react-firebase-from-scratch/
课程评论：没有评论
课程名称：从零开始用 React 和 Firebase 构建高级博客应用 课程概述：欢迎参加本课程，学习如何使用 React JS 18、Firebase v9、Bootstrap 5 和 Sass 创建先进的博客应用。本课程非常适合对 HTML、CSS 和 JavaScript 有基本了解的人。如果你对 JavaScript 的概念，例如循环和函数有一定了解，那就很好了。如果你熟悉 ES6 那更是加分，若不熟悉也无需担心，课程中会涉及这些内容。 在本课程中，我们将实现以下功能：用户可以通过电子邮件和密码登录或注册；登录后，用户可以创建博客，且仅有授权用户可以创建、删除或更新自己的博客，而无法对其他用户的博客进行操作，以确保安全性。数据将存储在 Firebase Firestore 数据库中。 课程还将涵盖如下功能： - “加载更多”功能，类似于延迟加载； - 根据特定标签或类别查看博客，并显示每个博客的类别计数； - 搜索功能； - 应用中的图片轮播； - 授权用户可以对博客进行点赞或评论； - 最后我们将实现分页功能。 在实现所有这些功能的过程中，我们将学习各种 Firebase 查询方法，包括 limit、limitToLast、orderBy、where、startAt、startAfter、endAt、endBefore 等等。你将从零开始构建应用，课程内容从基础知识入手，逐步深入到更复杂的主题。 在构建应用的过程中，你将学习 React 的基础知识，例如功能组件及其复用、文件结构、状态和 props 的使用，以及如何处理 onChange 和 onSubmit 等重要事件。我们还将学习 Hooks（如 useState 和 useEffect）来管理组件内部状态和处理应用的副作用，例如从 Firebase/Firestore 获取数据。同时，你将学习如何使用 React Router v6 创建路由，以及如何使用 useParam、useLocation 和 useNavigate。 为了美化组件，我们将使用 Bootstrap 5 和 Sass，并通过 React Toastify 展示警告消息。完成所有功能后，我们将把博客应用部署到 Firebase，这样你就可以与朋友或客户分享，或者将其放入你的作品集中。 请注意，课程将来会定期更新，添加新功能，同时也欢迎你提出建议，希望我们能够加入特定功能。
Hello and Welcome to this most advanced course on creating Blogging Application using technology like React JS 18, Firebase v9, Bootstrap 5 & Sass.This course is perfect for someone who has little knowledge of HTML, CSS and JavaScript. We are not saying that you need to be master in JavaScript but the concepts like Loops and functions should be familiar to you. If you know ES6 that's great, if not, don't worry, ES6 is also covered in this course.In this course, we are going to implement feature like authentication user can login or register using email password with firebase, user can create blog once he logged into the app, only authorize user can create the blog, user can delete the blog and also he can update the blog. Update and delete operation only perform by those user who create their blog. Hence user can't delete or update blog which is created by different user. So, we have also provided the protection over here. We will be using Firebase Firestore DB to store blog data. We are also going to implement Load More feature which is similar to lazy loading. You can also view the blogs based on specific Tag or Or you can also view the blog based on specific Category and we are also going to display the category count per blog. We are also going to implement Search functionality. We are going to have nice Carousel for Image on our App. On detail page, we are going to some advanced feature for example:- authorized user can Like any blog or he can post Comment on blog. And at the end, we will implement Pagination in our App with Firebase.We will be writing a lot of different Firebase Query to achieve above all functionality in our blog application. We will see how to use limit, limitToLast, orderBy, where, startAt, startAfter, endAt, endBefore and many more method in firebase query to implement all these feature in our blog application.You will build everything from scratch by enrolling into this course. We are going to start with some simple stuff and then we will move to more complex topic. As we go along side building this application , you will learn React fundamental like functional component and their reusability then react file & folder structure and you are going to learn how state & props work along with important event like onChange & onSubmit event listener. We are going to learn hooks like useState which is responsible for managing state inside our component and useEffect to handle application side effect like fetching the data from firebase/firestore. Also you are going to learn how to create route, how to use useParam, useLocation and useNavigate using latest version of react router v6. We will be using Boostrap 5 & Sass to style of our component in this project. We will be using react toastify to show alert message. And once we implement all feature we are going to deploy our blog application on firebase so that u can share with your friend, clients or you can put it on your portfolio. Note:- Course will definitely update with some new functionality in near future. Also your suggestion are welcome if you wanted me to add specific feature.
