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)
