This course was created with the
course builder. Create your online course today.
Start now
Create your course
with
Autoplay
Autocomplete
Previous Lesson
Complete and Continue
React Full Course with projects 2023
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)
#6 Add data to Firestore
Lesson content locked
If you're already enrolled,
you'll need to login
.
Enroll in Course to Unlock