React Full Course Level 1
-
React full course with projects 2023 🔥🔥 (3:17)
-
React Full course with projects #2.1 | Best settings for VS-Code & React (16:48)
-
React Full course with projects #2.2 | Create React App (13:13)
-
React Full course with projects #2.3 | How React works? (18:28)
-
React Full course with projects #3 | How to share react projects? (12:16)
-
React Full course with projects #3.1 | How to update React project? (9:34)
-
React Full course with projects #4 | React Project (18:07)
-
React Full course with projects #5 | React Router v6.4 (21:11)
-
React Full course with projects #5.1 | تعديل ملفات الكورس (6:30)
-
React Full course with projects #6 | React Components (20:48)
-
React Full course with projects #7 | React Router v6 (Link & NavLink) (13:58)
-
React Full course with projects #8 | Components and Props (13:19)
-
React Full course with projects #9 | styling react applications (20:29)
-
React Full course with projects #9.1 | Component Stylesheets (10:16)
-
React Full course with projects #9.2 | ترتيب الأكواد مهم جداً (6:24)
-
React Full course with projects #10 | Deploy React App on Firebase Hosting (12:47)
-
React Full course with projects #10.1 | رفع الموقع بعد التعديل عليه (8:25)
-
React Full course with projects #10.2 | Firebase Hosting & Custom domain (8:52)
-
React Full course with projects #11 | كيف يعمل ريأكت؟ (13:47)
-
React Full course with projects #11.1 | عيوب ريأكت (11:39)
-
React Full course with projects #12 | React helmet for SEO (21:35)
-
React Full course with projects #13 | Convert React App into a PWA (38:18)
-
React Full course with projects #14 | what is Gatsby & Next.js ? (11:06)
-
React Full course with projects #15 | pug-gulp VS React (6:03)
Level2 | React & Firebase
-
#1 المقدمة (4:45)
-
#2 Create React App using Vite (10:52)
-
#2.1 what is the proplem? (14:02)
-
#2.2 React useState Hook شرح (24:44)
-
#2.3 Dark mode using useState (28:17)
-
#2.4 Toggle dark-light theme (28:42)
-
#2.5 React useReducer Hook شرح (22:13)
-
#2.6 Task solution (10:08)
-
#3 what is the proplem? (9:21)
-
#3.1 How to manage state globally (25:23)
-
#3.2 Task solution (21:38)
-
#4 CSS مراجعة (10:00)
-
#4.1 Task Solution (24:38)
-
#5 JavaScript LocalStorage شرح (19:08)
-
#5.1 React dark mode with LocalStorage (14:04)
-
#5.2 مشكلة (14:32)
-
#6 Sign-in & Sign-up Pages (22:45)
-
#7 JavaScript form (9:21)
-
#8 Firebase setup (7:22)
-
#9 Firebase Authentication (21:10)
-
#10 User State & Sign-out (15:00)
-
#11 Sign in existing users (14:30)
-
#12 useNavigate Hook (14:19)
-
#13 Show error message (14:04)
-
#14 Task (9:02)
-
#14.1 useEffect Hook (10:02)
-
#14.2 Task solution (16:39)
-
#15 Profile Page (14:48)
-
#15.1 Task solution (15:51)
-
#15.2 Task solution (14:02)
-
#15.3 Task solution (9:28)
-
#16 Send verification email (23:31)
-
#16.1 Task solution (11:06)
-
#17 CSS مراجعة (14:07)
-
#17.1 Task solution (15:33)
-
#17.2 Task solution (8:01)
-
#17.3 Task solution (Delete account) (4:51)
-
#18 Loading animations for React projects (18:23)
-
#19 ترويق العمل أهم من العمل ♥ (10:17)
-
#20 CSS media query مراجعة (10:32)
-
#20.1 Deploy a React App With Firebase Hosting (5:33)
-
#21 Create 404 Page (15:09)
React Level3 | Full-Stack Project
-
#1 المقدمة (6:33)
-
#2 تنظيم ملفات المشروع (15:54)
-
#2.1 Design Home page (37:43)
-
#2.2 Design edit-task page (41:17)
-
#2.3 Task (2:21)
-
#3 Redesign modal (17:06)
-
#3.1 Task solution (12:17)
-
#4 What is {children} elements? (9:36)
-
#4.1 فيديو مهم جداً (4:16)
-
#4.2 Modal animation (6:03)
-
#5 Rendering an array of data (18:32)
-
#5.1 Task solution (22:12)
-
#6 Add data to Firestore (13:17)
-
#6.1 Task solution (19:57)
-
#7 ترويق المشروع (24:54)
-
#8 تقسيم المشروع الى أجزاء (16:26)
-
#9 Add only new item into array (15:07)
-
#10 Get data From Firestore (19:04)
-
#10.1 Task Solution (13:21)
-
#10.2 Task Solution (3:55)
-
#11 تنظيم ملفات المشروع (24:17)
-
#11.1 Get the userId param from the URL (8:23)
-
#12 Get only one document from firestore (15:23)
-
#12.1 Checkbox (8:31)
-
#13 Update data in Firestore (10:15)
-
#13.1 Task Solution (7:48)
-
#14 Update an existing array (Add & Remove) (22:25)
-
#14.1 CSS Animation (5:04)
-
#15 Delete a document from Firestore (12:00)
-
#15.1 navigate("/", { replace: true }) (3:13)
-
#15.2 Delete specific fields from a document (5:01)
-
#16 React useRef Hook (8:58)
-
#17 Task Solution (11:11)
-
#17.1 Task Solution (4:30)
-
#17.2 Task Solution (4:01)
-
#17.3 Task Solution (5:10)
-
#18 Order and limit data (8:42)
-
#18.1 Task Solution (9:57)
-
#18.2 Task Solution (3:59)
-
#19 Get specific documents (8:43)
-
#19.1 Task solution (14:08)
-
#19.2 Task solution (6:10)
-
#20 Design dropdown menu for languages (25:37)
-
#20.1 Add Multiple Languages in React Apps (25:39)
-
#20.2 Task solution (7:53)
-
#21 مكتبة أكواد خاصة بك (8:57)
-
#22 قبل رفع الموقع (11:58)
-
#22.1 Deploy React App on Firebase Hosting (3:36)
-
#23 نصائح 🧡 (2:40)
React Level4 - learn Material UI + 2Projects
-
#1 Material UI المقدمة (8:29)
-
#2 تنظيم ملفات المشروع (15:01)
-
#3 Install Material UI (9:17)
-
#4 MUI Typography Component (10:50)
-
#5 How to style MUI Component? (8:58)
-
#6 MUI Button & IconButton Components (16:11)
-
#7 MUI AppBar & Link Components (13:58)
-
#8 MUI Avatar Component & :hover (11:12)
-
#9 MUI Drawer & Divider Components (17:27)
-
#10 MUI List & ListItem Components (6:25)
-
#11 MUI Link href & Link to & useNavigate() (7:58)
-
#12 MUI Box & Container Components (7:56)
-
#13 MUI Paper & Card Components (10:36)
-
#14 MUI TextField Component (17:52)
-
#15 MUI Dark mode😎 (9:41)
-
#16 MUI Adding new colors (4:16)
-
#17 MUI Toggle light and dark modes (18:19)
-
#18 MUI Dark mode with LocalStorage (9:11)
-
#19 MUI Dark mode with custom colors (13:51)
-
#20 React RouteruseLocation() Hook (9:37)
-
#21 MUI Breakpoints (CSS Media Queries) (11:17)
-
#22 MUI show & hide Drawer (15:23)
-
#23 Task solution (13:55)
-
#24 تنظيم ملفات المشروع (9:28)
-
#25 Task solution (15:07)
-
#26 المقدمة json-server (8:18)
-
#27 Send data (13:50)
-
#28 Get Data (10:44)
-
#29 Delete data (8:03)
-
#30 Auto Calculate Total Price (14:02)
-
#30.5 مشكلة وحلها (10:25)
-
#31 نهاية المشروع الأول (9:18)
-
#32 project setup Project 2 (13:36)
-
#33 MUI Menu &AppBar Components (20:19)
-
#34 Task solution (21:39)
-
#35 MUI Stack & Grid Components (20:12)
-
#36 Render an array of items (18:17)
-
#37 Toggle between dark mode & light mode 😎 (20:50)
-
#38 MUI Card Component (15:34)
-
#39 Task solution (24:37)
-
#40 MUI ImageList Component (23:31)
-
#41 Show & hide sidebar (16:05)
-
#42 MUI Fab & Tooltip & Modal & ButtonGroup (27:13)
-
#43 اللمسات النهائية للمشروع 🧡 (27:43)
-
#44 form validation with React (Project #1) (16:15)
-
#45 React Hook Form شرح (13:12)
-
#46 MUI & React Hook Form (19:31)
React Level5
-
المقدمة (3:29)
-
#2 Update all dependencies in package.json to the latest version (15:20)
-
#3 Home Page (14:38)
-
#4 Cart Page (23:35)
-
#5 Task Solution (13:13)
-
#6 What is API & MERN stack (4:25)
-
#7 Creating a Node.js API (11:45)
-
#8 Upload images to Cloudinary (6:15)
-
#9 Fetching data using Redux Toolkit (RTK Query) (22:27)
-
#10 Task Solution (8:17)
-
#11 Redux VS Redux Toolkit VS RTK Query المقدمة (6:19)
-
⭐ #12 Learn Redux Toolkit (Crash Course) (22:25)
-
#13 Using Redux Toolkit in our project (15:31)
-
#14 هنعمل ايه ؟؟ (16:49)
-
#15 (Spread Operator) مراجعة جافاسكريبت (8:56)
-
#16 addToCartFUCNCTION (13:06)
-
#17 ؟ Array كيفية الحصول على عنصر معين من الـ (10:14)
-
#18 Task Solution (7:48)
-
⭐ #19 ؟ Array كيفية حذف عنصر معين من الـ (18:08)
-
#20 هنعمل ايه ؟؟ (13:44)
-
#21 Task Solution (13:08)
-
#22 Task Solution ( Array حذف عنصر معين من الـ ) (10:19)
-
#23 Task Solution (get product quantity) (10:31)
-
#24 localStorage (JSON.stringify & JSON.parse) شرح (11:52)
-
#25 Task Solution (send data to localStorage) (11:04)
-
#26 Task Solution (update quantity in localStorage) (10:44)
-
#27 Calculate the total price (6:45)
-
#28 react-router-dom (dynamic links) (14:55)
-
#29 Task Solution (node.js & Express.js) (5:09)
-
#30 Using RTK Query to get one product (12:41)
-
#31 How to get the params from the URL (6:08)
-
#32 Upload images to Cloudinary (6:07)
-
#33 Task Solution (16:06)
-
#34 Task Solution(Add product to cart) (9:16)
-
#35 Deploy the project for free (13:20)
-
#36 رفع الموقع بعد التعديل عليه (8:42)
-
#37 Add Custom Domain (c4a.store) (3:15)
