Udemy
    •  
    •  
    •  
    •  
    •  
    •  
    •  
    •  
Subscribe
Turn what you know into an opportunity and reach millions around the world.
Learn More
Your cart is empty.
Keep shopping
React JS with Firebase Authentication - React Level2
Rating: 4.9 out of 5(38 ratings)
1,223 students

React JS with Firebase Authentication - React Level2

Learn How to Use Firebase Authentication in a React App
Created byAli Hassan Ali Hassan Elrayes
Last updated 1/2024
Arabic

What you'll learn

  • هذا الكورس يعتمد بشكل أساسى على التطبيق وإنشاء المشاريع
  • Learn Firebase Authentication form zero
  • Firebase setup
  • Set up Authentication in Firestore
  • Log-in functionality
  • Log-out functionality
  • Register user functionality

Course content

1 section • 42 lectures • 10h 27m total length

  • Introduction4:45
  • #2 Create React App using Vite10:52
  • #2.1 what is the proplem?14:02
  • #2.2 React useState Hook شرح24:44
  • #2.3 Dark mode using useState28:16
  • #2.4 Toggle dark-light theme28:41
  • #2.5 React useReducer Hook شرح22:13
  • #2.6 Task solution10:08
  • #3 what is the proplem?9:21
  • #3.1 How to manage state globally25:23
  • #3.2 Task solution21:38
  • #4 CSS مراجعة10:00
  • #4.1 Task Solution24:38
  • #5 JavaScript LocalStorage شرح19:07
  • #5.1 React dark mode with LocalStorage14:03
  • #5.2 مشكلة14:31
  • #6 Sign-in & Sign-up Pages22:45
  • #7 JavaScript form9:21
  • #8 Firebase setup7:21
  • #9 Firebase Authentication21:10
  • #10 User State & Sign-out15:00
  • #11 Sign in existing users14:30
  • #12 useNavigate Hook14:19
  • #13 Show error message14:04
  • #14 Task9:02
  • #14.1 useEffect Hook10:02
  • #14.2 Task solution16:39
  • #15 Profile Page14:48
  • #15.1 Task solution15:50
  • #15.2 Task solution14:02
  • #15.3 Task solution9:28
  • #16 Send verification email23:31
  • #16.1 Task solution11:06
  • #17 CSS مراجعة14:07
  • #17.1 Task solution15:33
  • #17.2 Task solution8:01
  • #17.3 Task solution (Delete account)4:51
  • #18 Loading animations for React projects18:23
  • #19 ترويق العمل أهم من العمل10:17
  • #20 CSS media query مراجعة10:32
  • #20.1 Deploy a React App With Firebase Hosting5:33
  • #21 Create 404 Page15:08

Requirements

  • React Basics

Description

  1. you will learn how to apply dark mode and light mode in your future react project.

  2. you will learn how to add Authentication using Firebase Authentication.

  3. create an account and sign in and Sign-up Pages.

  4. add forgot password feature.

  5. how to solve common problems and how to google it to find the best solution.

  6. create 404 page.

  7. How to deploy react firebase project on the internet for free.

  8. Create React App using Vite.

  9. React js  useState Hook شرح

  10. React js  useReducer Hook  شرح

  11. React js  useState Hook شرح

  12. How to manage state globally in your future react project.

  13. CSS مراجعة

  14. JavaScript مراجعة

  15. Create React dark mode with LocalStorage

  16. Firebase setup شرح

  17. Install Firebase and enable the sign-in method to add Authentication.

  18. React js useNavigate Hook شرح

  19. Show an error message if incorrect password or email

  20. React js  useEffectHook شرح

  21. Send verification email after creating an account

  22. you will learn how to  Delete your  account using  React js framework.

  23. how to add Loading animations for React projects.

  24. you will need some knowledge about HTML CSS JavaScript

  25. أهم نصيحة يُمكننى ان اعطيها لك هى ان تقوم بعمل المشاريع الموجودة فى  هذا  الكورس بعد مشاهدة الفيديو  مباشرة  حتى تتعود على كتابة الأكواد وعمل المشاريع الحقيقية

Who this course is for:

  • Javascript developers
  • React developers
  • front-end developers
  • full-stack developer

Report abuse