Example Curriculum
React Full Course Level 1
Available in
days
days
after you enroll
- 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
Available in
days
days
after you enroll
- #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
Available in
days
days
after you enroll
- #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
Available in
days
days
after you enroll
- #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
Available in
days
days
after you enroll
- ุงูู ูุฏู ุฉ (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)