ReactJs-Build Full E-Commerce From Scratch With Redux
تعلم JavaScript الحديثة وReact.js من الأساسيات حتى الاحتراف مع React Hooks وRedux وتطبيقات عملية متدرجة،
ثم بناء مشروع E-Commerce كامل بالرياكت مع إدارة الحالة والتخطيط والتنفيذ بشكل احترافي.
آخر تحديث للدورة :
2023
عدد ساعات الكورس :
67 ساعة
باقة الفرونت اند
كورس مكتمل
لمن هذا الكورس ؟
-
اي شخص يريد ان يكون مطور فرنت اند محترف
-
لاي شخص تعلم اساسيات تصميم الموقع ويتطلع للخطوه التاليه
-
اي شخص يريد بناء وبرمجه موقع تجاره الكتروني كامل
-
تطبيق مشروع عملي ضخم بطرييقه الشركات
294 درس
مستوى مبتديء ومتوسط
متطلبات الالتحاق بالكورس
-
اساسيات لغه Html+Css
-
اساسيات فقط لغه Javascript
-
اساسيات Bootstrap
-
لا تحتاج لخبره مسبقه في React
ReactJs-Build Full E-Commerce From Scratch With Redux
تعلم JavaScript الحديثة وReact.js من الأساسيات حتى الاحتراف مع React Hooks وRedux وتطبيقات عملية متدرجة،
ثم بناء مشروع E-Commerce كامل بالرياكت مع إدارة الحالة والتخطيط والتنفيذ بشكل احترافي.
آخر تحديث للدورة :
2023
عدد ساعات الكورس :
67 ساعه
ماذ سوف تتعلم في هذا الكورس
-
Learn Modern JavaScript (Es6+) -تعلم مفاهيم متقدمه في الجافا سكربت الحديثه اصدار
-
Learn all the basics of React JS - تعلم اساسيات رياكت كامله من البدايه للنهايه
-
تعلم React Hooks من البدايه للاحتراف
-
Learn ReactJS from scratch - تعلم رياكت من الصفر حتي الاحتراف
-
Learn Redux Completely From Scratch with Practical Exercises - تعلم ريدكس بشكل كامل من الصفر مع تدريبات عمليه
-
Learn to plan to build a big e-commerce website - تعلم التحطيط بناء موقع كامل للتجاره الالكتروني
-
Learn to design an Full website with ReactBootstrap Library (JSX)
-
Learn to program website with design pattern
-
Create a Admin panel Side for the website manager
-
Making Online Payment Through The website - عمل دفع الكتروني من خلال فواتير الموقع
-
Learn Protected Routes (security) - تعلم حمايه ال Routes
محتويات الكورس
تفاصيل محتوي الكورس
1-Course Overview
Available in
days
days
after you enroll
2-Modern JavaScript
Available in
days
days
after you enroll
- 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
Available in
days
days
after you enroll
4-React Fundamentals
Available in
days
days
after you enroll
- 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
Available in
days
days
after you enroll
- 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
Available in
days
days
after you enroll
- 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
Available in
days
days
after you enroll
8-Start E-commerce WebSite (Design Only)
Available in
days
days
after you enroll
- 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)
Available in
days
days
after you enroll
- 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)
Available in
days
days
after you enroll
- 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)
Available in
days
days
after you enroll
12-E-commerce (SubCategory Section CRUD)
Available in
days
days
after you enroll
section 13
Available in
days
days
after you enroll
- 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)
Available in
days
days
after you enroll
- 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 )
Available in
days
days
after you enroll
- 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)
Available in
days
days
after you enroll
- 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)
Available in
days
days
after you enroll
- 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)
Available in
days
days
after you enroll
- 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 )
Available in
days
days
after you enroll
- 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)
Available in
days
days
after you enroll
- 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)
Available in
days
days
after you enroll
22-Redux Toolkit -with React
Available in
days
days
after you enroll