13-useRef | Programming Solutions

Autoplay
Autocomplete

Previous Lesson Complete and Continue

Learn ReactJs (بالعربي)

1-Course Overview

01-Course Map -What We Will Lern. (3:25)
02-Final Projects Overview (Small Projects) (8:06)
03-Final Project (Full Ecommerce Website ) Overview (22:46)
04-Front End VS Back End (9:24)
05-Requirements Before Start Our Course (5:03)

2-Modern JavaScript

01-Intro (1:47)
02-Var ,Let,Const (9:35)
03-Arrow Function (6:45)
04-Export and Import (10:55)
05-Classes (15:55)
06-Spread Operators (11:05)
07-Destructuring (7:46)
08-Primitive Types (5:32)
09-Array Functions (5:28)
10-Array Simple Methodes(Slice,Splice,Reverse,Concat,Join) (10:57)
11-Array Methodes(Fillter,Find,Sort,Reduce) (19:12)
12-Higher Order Functions (15:56)
13-Promise,Asynchronous,Synchronous (16:27)
14-Multi Promise (9:35)
15-Async ,Await (12:20)

3-First React Project

01-What,Why,ReactJS. (7:51)
02-How React Work (16:29)
03-Install NodeJs VsCode ,Run Project (14:08)
04-React File Structure Vs Code (20:08)

4-React Fundamentals

00-Intro Section React Fundamentals (2:48)
01-What JSX , JSX vs HTML (14:23)
02-React Bootstrap ,Styling (13:46)
03-Building Custom Component,Reuse (11:52)
04-Props (21:06)
05-Pass Function As Props,Children (16:25)
06-Render Lists conditional (11:20)
07-Events ,Handlers ,User Input (12:37)
08-React Router (Navigation) - Part1 (18:07)
09-React Router (Navigation) - Part2 (16:43)
10-React Hooks Meaning (5:27)
11-useState (15:10)
12-useEffect (12:28)
13-useRef (6:56)
14-useContext,ContextApi Part1 (16:57)
15-useContext,ContextApi Part2 (17:54)
16-useMemo (10:14)
17-useReducer (19:42)
18-Custom Hooks (12:40)
19-Fetching Data Api (Fetch and Axios) (17:45)

5-Basic Projects

00-Intro (5:47)
01- Dates Reminder Project - intro (1:11)
02- Dates Reminder Project - Part 1 (12:27)
03- Dates Reminder Project - Part 2 (11:01)
04- Dates Reminder Project - Part 3 (14:11)
05- Dates Reminder Project - Part 4 (18:51)
06-Question and Answer Project -intro (1:38)
07-Question and Answer Project -Part 1 (18:51)
08-Question and Answer Project -Part 2 (19:35)
09-Question and Answer Project -Part 3 (14:25)
10-Question and Answer Project -Part 4 (19:19)
11-Menu Project - Intro (1:47)
12-Menu Project - Part 1 (17:52)
13-Menu Project - Part 2 (18:35)
14-Menu Project - Part 3 (17:52)
15-Menu Project - Part 4 (23:49)
16-Movies DB Project - Intro (3:01)
17-Movies DB Project - Part 1 (20:23)
18-Movies DB Project - Part 2 (22:51)
19-Movies DB Project - Part 3 (22:30)
20-Movies DB Project - Part 4 (21:33)
21-Movies DB Project - Part 5 (25:17)

6-React Redux From Scratch

00-Intro (2:01)
01-Redux(What,Why,When) (10:46)
02-Redux vs Context (7:41)
03-How Redux Work (16:10)
04-Redux-Create Store Reducer (13:41)
05-Redux useSelector , useDispatch (22:31)
06-Redux Multi Reducer Redux DevTools (24:55)
07-Update Movies Project with Redux Part 1 (24:06)
08-Update Movies Project with Redux Part 2 (17:29)
09-Update Movies Project with Redux Part 3 (18:00)
10-Update Movies Project with Redux Part 4 (24:12)

7-Before We Start Big Project

00-Intro (0:50)
01-Before We Start Intro (13:52)
02-Planing Project (13:42)
03-Planning Project Sketch (16:34)

8-Start E-commerce WebSite (Design Only)

00-Intro (4:13)
01-Project Setup (8:14)
02-Project Folder Structure Design (14:36)
03-Before Start Design (Important) (6:13)
04-Home Page Design (Part1) (11:56)
05-Home Page Design (Part2) (13:21)
06-Home Page Design (Part3) (13:53)
07-Home Page Design (Part4) (7:53)
08-Project Routing (10:18)
09-Login and Register Pages (7:56)
10-All Category Page (14:10)
11-All Brand Page (6:51)
12-View Products Search Page Part1 (19:15)
13-View Products Search Page Part2 (8:49)
14-Product Detalis Page Part1 (22:32)
15-Product Detalis Page Part2 (20:48)
16-Product Detalis Page Part3 (6:34)
17-Cart Page (11:53)
18-Payment Methoud Page (6:02)
19-Admin-All Products Page Part1 (18:10)
20-Admin-All Products Page Part2 (10:40)
21-Admin-All Orders (16:23)
22-Admin-Add Brand , Add Category Pages (7:41)
23-Admin-Add SubCategoey Page (4:37)
24-Admin-Add Product Page (11:05)
25-User-All Orders (16:45)
26-User-Favorite Products Page (6:06)
27-User-Address ( View) Page (8:34)
28-User-Address (Add Edit) Page (6:13)
29-User-Profile Page (5:40)

9-E-commerce Structure (Redux Axios)

00-BackEnd Setup Before Start (29:04)
BackEnd Postman File Resourse-تحميل ملف الباك اند
01-Ecommerce Structure Planing (9:41)
02-Ecommerce Structure Redux Axios (Part1) (9:53)
03-Ecommerce Structure Redux Axios (Part2) (11:11)
04-Ecommerce Structure Redux Axios (Part3) (20:15)
05-Ecommerce Structure Redux Axios (Part4) (18:05)
06-Ecommerce Structure - Get All Category Api (25:11)

10-E-commerce(Category Section CRUD)

00-intro (1:22)
01-View Home Category (API) (17:39)
02-View Category Page (API) (8:03)
03-All CategoryPage (Pagination Part1) (17:11)
04-All CategoryPage (Pagination Part2) (16:13)
05-Add Category (Admin) Part 1 (17:59)
06-Add Category (Admin) Part 2 (18:10)
07-Add Category (Admin) Part 3 (23:44)
08-Validation Response Code (21:01)
09-Refactor Code (Custom Hook) Part1 (14:07)
10-Refactor Code (Custom Hook) Part2 (17:19)
11-Refactor Code (Custom Hook) Part3 (15:02)

11-E-commerce(Brand Section CRUD)

00-intro (1:17)
01-Setup Brand Section Redux Axios (13:06)
02-View Home Brand (API) (13:38)
03-View Brand Page (API) (12:07)
04-Admin Add Brand (API) (9:41)

12-E-commerce (SubCategory Section CRUD)

01-Add SubCatgory Page(API) Part 1 (16:33)
02-Add SubCategory Page(API) Part 2 (11:43)
03-Add SubCategory Page(API) Part 3 (17:05)
04-Add SubCategory Page(API) Part 4 (InterNet Conntecion) (13:21)

section 13

00-intro (1:24)
01-Add Products (API) Part1 (14:38)
02-Add Products (API) Part2 (26:28)
03-Add Products (API) Part3 (16:46)
04-Add Products (API) Part4 (20:28)
05-Add Products (API) Part5 (22:36)
06-Add Products (API) Part6 (24:42)
07-Add Products (API) Part7 (35:17)
08-View Home Products (API) Part1 (25:08)
09-View Home Products (API) Part2 (20:32)
10-View Product Details (API) Part1 (20:27)
11-View Product Details (API) Part2 (18:39)
12-View Product Details (API) Part3 (23:50)
13-Delete Products (API) Part1 (21:59)
14-Delete Products (API) Part2 (20:12)
15-Delete Products (API) Part3 (16:22)
16-Edit-Update Products (API) Part1 (12:00)
17-Edit-Update Products (API) Part2 (17:35)
18-Edit-Update Products (API) Part3 (11:27)
19-Edit-Update Products (API) Part4 (26:54)
20-Solve Image Update Problem (18:18)

14-E-commerce (Products Search Filtration)

00-intro section (2:18)
01-Intro to Products Filtration (18:34)
02-Products Search Box Part1 (17:11)
03-Products Search Box Part2 (16:57)
04-Link Pagination With Search Results (6:25)
05-Products Sorting With Pagination (23:22)
06-Products Search With Multi Category and Brand Part1 (16:32)
07-Products Search With Multi Category and Brand Part2 (16:06)
08-Products Search With Multi Category and Brand Part3 (16:24)
09-Products Search With Multi Category and Brand Part4 (16:53)
10-Products Search With Multi Category and Brand Part5 (15:30)
11-Solve Search Page Issue (6:31)

15-E-commerce (SginUp-Login-Forget-Reset-Verify- Logout )

00-Section Intro (1:34)
01-Authentication - Token(Intro) (21:05)
02-Sign Up Part 1 (19:03)
03-Sign Up Part 2 (25:05)
04-Sign Up Part 3 (16:44)
05-Login Part 1 (19:14)
06-Login Part 2 (12:00)
07-Navbar Logged In(User Data) Part1 (13:48)
08-Navbar Logged In(User Data) Part2 (18:50)
09-Forget Password Page Part 1 (13:57)
10-Forget Password Page Part 2 (12:41)
11-Verify Password Page (14:18)
12-Reset Passord Page (16:20)
13-Make Request As Admin (15:02)

16-E-commerce (Review CRUD - Wishlist Products)

00-Section Intro (2:14)
01-Review Intro (7:28)
02-Add Review Part1 (18:45)
03-Add Review Part2 (24:28)
04-View All Reviews On Product (25:32)
05-Delete Review Part 1 (13:52)
06-Delete Review Part 2 (12:23)
07-Delete Review Part 3 (19:31)
08-Edit Review Part1 (15:29)
09-Edit Review Part2 (13:29)
10-Add Product To WishList Part 1 (15:49)
11-Add Product To WishList Part 2 (16:14)
12-Remove Product To WishList (10:54)
13-View User All WishList Part 1 (28:06)
14-View User All WishList Part 2 (17:45)
15-Refactor Code (12:26)
16-User WishList Page (13:21)

17-E-commerce (Coupons - User Profile)

00-Section Intro (1:54)
01-Admin Add Coupon Part 1 (19:11)
02-Admin Add Coupon Part 2 (21:11)
03-Admin Add Coupon Part 3 (9:04)
04-View All Coupon Part 1 (11:41)
05-View All Coupon Part 2 (21:24)
06-Admin Delete Coupon (11:56)
07-Admin Edit Coupon Part 1 (10:22)
08-Admin Edit Coupon Part 2 (16:25)
09-Admin Edit Coupon Part 3 (12:51)
10-User Add Address Part 1 (13:36)
11-User Add Address Part 2 (16:48)
12-View All User Addresses (16:49)
13-Delete User Address (11:20)
14-Edit User Address Part 1 (19:51)
15-Edit User Address Part 2 (14:04)
16-Update User Data Part 1 (19:46)
17-Update User Data Part 2 (15:08)
18-Update User Password Part 1 (12:11)
19-Update User Password Part 2 (13:49)
20-Solve Update Email Error (5:03)

18-E-commerce (Shopping Cart)

00-Section Intro (1:53)
01-Shopping Cart Planning -Intro (12:37)
02-Add Product To Cart Part 1 (15:49)
03-Add Product To Cart Part 2 (8:48)
04-Add Product To Cart Part 3 (22:16)
05-Add To Cart (Color Validation) (8:13)
06-Show Number Of Products In Cart (15:45)
07-Show All User Cart Items (20:28)
08-Clear All Cart Items (16:53)
09-Delete Item From Cart (12:04)
10-Update Product Quantity in Cart (14:14)
10-Update Product Quantity in Cart (14:14)
11-Applay Coupon To Cart Part1 (17:35)
12-Applay Coupon To Cart Part2 (13:38)
13-Applay Coupon To Cart Final Test (10:02)

19-Protected Route (Permission - Inhancment )

01-Protected Route Part 1 (7:08)
02-Protected Route Part 2 (14:51)
03-Protected Route Part 3 (8:14)
04-Protected Route Part 4 (16:41)
05-View All Product By Category Part 1 (12:06)
06-View All Product By Category Part 2 (11:44)
07-View All Product By Category Part 3 (8:28)
08-View All Product By Brand (11:25)
09-Product Details Enhancement (16:32)

20-E-commerce (Complete Cash Order)

00-Section Intro (2:02)
01-Order Checkout Intro (20:15)
02-Create Order Cash Part1 (19:01)
03-Create Order Cash Part2 (19:15)
04-Create Order Cash Part3 (18:45)
05-View User All Orders Part1 (20:50)
06-View User All Orders Part2 (24:48)
07-View User All Orders (Pagination) Part3 (9:12)
08-View Admin All Orders (16:16)
09-View Admin Order Details Part1 (11:36)
10-View Admin Order Details Part2 (15:38)
11-Change Order To Paid Part1 (12:04)
12-Change Order To Paid Part2 (8:10)
13-Change Order To Deliver (10:17)

21-E-commerce (Complete Order Payment - Visa)

01-Payment Intro (24:45)
02-Save Payment Order Part1 (18:02)
03-Save Payment Order Part2 (26:37)
04-Summary Card Online Payment (16:09)

22-Redux Toolkit -with React

01-Redux Toolkit -intro (بالعربي) (7:30)
02-Redux Toolkit Overview - (بالعربي) (20:37)
03-Redux Toolkit - Store (بالعربي) (12:36)
04-Redux Toolkit - Slice Part 1 (بالعربي) (17:31)

Teach online with

13-useRef

Complete and Continue