Introduction
React Fundamentals React Structure, JSX component & Rendering
-
1 React Introduction (6:46)
-
2 Create New React App Using Vite (7:21)
-
3 Project Run And Build Command (6:33)
-
4 Dive Inside React Project Structure (14:43)
-
5 Organizing File Folders (5:09)
-
6 Best VS Code Extensions And Settings For React Development (6:19)
-
7 Primary Understanding On Component Part 1 (8:59)
-
8 Primary Understanding On Component Part 2 (7:22)
-
9 JSX And Conventions (9:41)
-
10 JSX Short Hand If else (4:01)
-
11 JSX Immediately invoked function (6:42)
-
12 JSX Loop Inside (5:52)
-
13 JSX Conditional Rendering Using If Else (8:55)
-
14 JSX Conditional Rendering Using Switch Statement (4:07)
-
15 JSX Conditional Rendering Using Ternary Operator (2:42)
-
16 JSX Conditional Rendering Using Logical And And (3:32)
-
17 JSX Conditional Rendering Using Immidiatly Invoked Function (3:40)
-
18 Passing properties to child component (5:13)
-
19 Passing simple string to child component (5:06)
-
20 Passing object to child component (5:35)
-
21 Passing function to child component (2:52)
-
22 Managing Click Event (5:40)
-
23 Managing Form Submit (5:07)
-
24 Applying React Router Dom (15:15)
-
31 -Hook- useRef Working With Input Element (7:38)
-
25 Link And NavLink For Router (13:37)
-
32 -Hook- useRef Working With CSS Class (6:13)
-
26 Browser Router VS HashRouter (5:09)
-
33 -Hook- useRef Caching Expensive Computation (15:27)
-
34 -Hook- useState Understading Inside (8:35)
-
27 Passing Parameter Via Naviagation (5:45)
-
35 -Hook- useState Working With Immutable Object (8:21)
-
28 -Hook- Meet With Hook (1:45)
-
36 -Hook- useState Working With Immutable Array Part 1 (14:15)
-
29 -Hook- useRef InnerText InnerHTML (9:58)
-
30 -Hook- useRef Working With Attribute (5:44)
-
37 -Hook- useState Working With Immutable Array Part 2 (6:48)
-
38 -Hook- useState Managing Form Like Pro Part 1 (12:32)
-
40 -Hook- useState Managing Form Like Pro Part 2 (11:34)
-
41 -Hook- useEffect understanding arguments and uses (6:40)
-
42 -Hook- useEffect calling api using promises (7:00)
-
43 -Hook- useEffect calling api usig async await (7:09)
Next JS Fundamental
-
b1 Environment Tools Setup (5:25)
-
b2 What and Why Next JS (3:10)
-
b3 What is the Different between React and Next js. (4:38)
-
b4 Create New App And Explore Build Opitmization Process (8:49)
-
b5 Playing With Project Structure (14:15)
-
b6 Primary Page Concept And Functional Component (6:40)
-
b7 Working With Static Asset Inside Public (5:57)
-
b8 Working With Global And Module CSS (7:18)
-
b9 Exploring Client Side Rendering (14:06)
-
b10 Exploring Server Side Redering (5:52)
-
b11 Where use SSR Where CSR (5:21)
-
b12 Why we are writing use client (5:27)
-
b13 Exploring Directory Routing Concept (5:56)
-
b14 Neasted Directory Routing Concept (4:20)
-
b15 Basic Link Component (8:50)
-
b16 Progress Bar In Routing (8:31)
-
b17 Managing Active Link (7:14)
-
b18 Link Component Query (6:09)
-
b19 Link Component Query With useSearchParams (4:14)
-
b20 Link Component Prefetch and Replace Properties (7:21)
-
b21 Programatically Routing Details (12:13)
-
b22 Thinking In Next JS What About Server Component (5:57)
-
b23 Thinking In Next JS What About Client Component (2:54)
-
b24 -Config- Understanding Base Path And Environment Variable (11:03)
-
b25 -Config- Understanding Header Config (5:46)
-
b26 -Config- Header Security Config Part 1 (7:17)
-
b27 -Config- Header Security Config Part 2 (7:47)
-
b28 -Config- Header Security Config Part 3 (8:22)
-
b29 -Config- Connection And Compression (5:40)
-
b30 -Optimization- Image Optimization Part 1 (8:36)
-
b31 -Optimization- Font Optimization Part 1 (7:11)
-
b32 -Optimization- Font Optimization Part 2 (5:46)
-
b33 -Optimization- Script And Static Assets (3:56)
-
b34 Middleware Setup Part 1 (10:13)
-
b35 Middleware Setup Part 2 (11:13)
-
b36 Not Found Page (8:59)
MongoDB Fundamental
-
m1 Introduction to MongoDB (1:42)
-
m2 Installing MongoDB and Compass (6:23)
-
m3 Connecting to MongoDB (8:07)
-
m4 Schema and Models (7:24)
-
m5 Create and Save a document (8:05)
-
m6 Find documents in multiple ways (10:21)
-
m7 Query API Select, Sort, Limit, Count Documents (8:51)
-
m8 Complex Query Comparison Operators (7:58)
-
m9 Complex Query And, Or Operations (5:34)
-
m10 Exercise Advanced Query (6:13)
-
m11 Update a document (Way 1) (3:43)
-
m12 Update a document (Way 2) (5:38)
-
m13 Delete documents in 3 ways (3:53)
Section 1 : Build Next.js 15 Complete Learning Management System
Section 2 - Project Setup Installation, ShadcnUi Folder Structure
Section 3 Model Creation and Query Testing
-
At this point Section Source Code
-
s9 Model Creation and Query Testing Part 1 (12:31)
-
s10 Model Creation and Query Testing Part 2 (9:35)
-
s11 Model Creation and Query Testing Part 3 (23:33)
-
s12 Model Creation and Query Testing Part 4 (17:30)
-
s13 Model Creation and Query Testing Part 5 (12:56)
-
s14 Model Creation and Query Testing Part 6 (10:08)
Section 4 Design Home Page
-
At this point Section Source Code
-
s15 Design Home Page Part 1 (20:27)
-
s16 Design Home Page Part 2 (12:39)
-
s17 Design Home Page Part 3 (5:16)
-
s18 Design Home Page Part 4 (16:43)
-
s19 Design Home Page Part 5 (11:35)
-
s20 Design Home Page Part 6 (11:51)
-
s21 Design Home Page Part 7 (11:06)
-
s22 Design Home Page Part 8 (17:46)
-
s23 Design Home Page Part 9 (9:54)
-
s24 Design Home Page Part 10 (13:51)
Section 5 Get Home Page Data from Database
Section 6 Design and Get Course List Page Data
Section 7 Course Details Page
Section 8 Get Data From Database in Course Details Page
-
At this point Section Source Code
-
s36 Get Data From Database in Course Details Page Part 1 (11:47)
-
s37 Get Data From Database in Course Details Page Part 2 (7:02)
-
s38 Get Data From Database in Course Details Page Part 3 (14:52)
-
s39 Get Data From Database in Course Details Page Part 4 (8:53)
-
s40 Get Data From Database in Course Details Page Part 5 (15:55)
-
s41 Get Data From Database in Course Details Page Part 6 (18:20)
-
s42 Get Data From Database in Course Details Page Part 7 (19:44)
-
s43 Get Data From Database in Course Details Page Part 8 (12:02)
-
s44 Get Data From Database in Course Details Page Part 9 (12:46)
-
s45 Get Data From Database in Course Details Page Part 10 (20:04)
-
s46 Get Data From Database in Course Details Page Part 11 (8:46)
Section 9 Register and Become an Instructor, Login
Section 10 Login Logout Instructor and Student with Next Auth
-
At this point Section Source Code
-
s51 Login Logout Instructor and Student with Next Auth Part 1 (14:34)
-
s52 Login Logout Instructor and Student with Next Auth Part 2 (13:45)
-
s53 Login Logout Instructor and Student with Next Auth Part 3 (10:58)
-
s54 Login Logout Instructor and Student with Next Auth Part 4 (16:56)
Section 11 Protected Route For Profile Page
-
At this point Section Source Code
-
s55 Protected Route For Profile Page Part 1 (9:45)
-
s56 Protected Route For Profile Page Part 2 (11:36)
-
s57 Protected Route For Profile Page Part 3 (13:17)
-
s58 Bugs Fixed User Database Update for Add ProfileImage (17:05)
-
s59 Bugs Fixed for Image and Courses Queries Method (15:20)
Section 12 - Stripe Integration
Section 13 Enroll and Enrolment Success, Send Email
-
At this point Section Source Code
-
s64 Enroll and Enrolment Success, Send Email Part 1 (9:47)
-
s65 Enroll and Enrolment Success, Send Email Part 2 (15:25)
-
s66 Enroll and Enrolment Success, Send Email Part 3 (22:40)
-
s67 Enroll and Enrolment Success, Send Email Part 4 (13:40)
-
s68 Enroll and Enrolment Success, Send Email Part 5 (23:05)
-
s69 Enroll and Enrolment Success, Send Email Part 6 (17:46)
-
s70 Enroll and Enrolment Success, Send Email Part 7 (16:08)
Section 14 Reset Password and Account Update
-
At this point Section Source Code
-
s71 Reset Password and Account Update Part 1 (13:50)
-
s72 Reset Password and Account Update Part 2 (10:09)
-
s73 Reset Password and Account Update Part 3 (15:30)
-
s74 Reset Password and Account Update Part 4 (18:30)
-
s75 Reset Password and Account Update Part 5 (10:15)
-
s76 Reset Password and Account Update Part 6 (13:11)
-
s77 Reset Password and Account Update Part 7 (15:19)
Section 15 Enrolled Course Details, Calculations
-
At this point Section Source Code
-
s78 Course Enrollment Database Design Restructure (10:52)
-
s79 Enrolled Course Details, Calculations Part 1 (11:25)
-
s80 Enrolled Course Details, Calculations Part 2 (16:09)
-
s81 Enrolled Course Details, Calculations Part 3 (7:33)
-
s82 Enrolled Course Details, Calculations Part 4 (9:08)
-
s83 Enrolled Course Details, Calculations Part 5 (18:49)
-
s84 Enrolled Course Details, Calculations Part 6 (16:19)
Section 16 Course Instructor Details Page
Section 17 Dashboard - Features, Analytics, Profile Pictures Logout
-
At this point Section Source Code
-
s89 Dashboard - Features, Analytics, Profile, Logout Part 1 (9:47)
-
s90 Dashboard - Features, Analytics, Profile, Logout Part 2 (4:17)
-
s91 Dashboard - Features, Analytics, Profile, Logout Part 3 (15:58)
-
s92 Dashboard - Features, Analytics, Profile, Logout Part 4 (14:34)
-
s93 Dashboard - Features, Analytics, Profile, Logout Part 5 (11:15)
-
s94 Dashboard - Features, Analytics, Profile, Logout Part 6 (13:40)
-
s95 Dashboard - Features, Analytics, Profile, Logout Part 7 (9:40)
Section 18 Dashboard - Course Data, Review, Enrolment
-
At this point Section Source Code
-
s96 Dashboard - Course data, Review, Enrolment Part 1 (13:33)
-
s97 Dashboard - Course data, Review, Enrolment Part 2 (20:26)
-
s98 Dashboard - Course data, Review, Enrolment Part 3 (11:05)
-
s99 Dashboard - Course data, Review, Enrolment Part 4 (19:25)
-
s100 Dashboard - Course data, Review, Enrolment Part 5 (16:25)
-
s101 Dashboard - Course data, Review, Enrolment Part 6 (18:31)
-
s102 Dashboard - Course data, Review, Enrolment Part 7 (15:23)
-
s103 Dashboard - Course data, Review, Enrolment Part 8 (25:30)
-
s104 Dashboard - Course data, Review, Enrolment Part 9 (10:47)
Section 19 Dashboard - Course Create, Meta Data updates, Image Upload
-
At this point Section Source Code
-
s105 Course Create, Meta Data Updates, Image Upload Part 1 (17:46)
-
s106 Course Create, Meta Data Updates, Image Upload Part 2 (13:01)
-
s107 Course Create, Meta Data Updates, Image Upload Part 3 (19:23)
-
s108 Course Create, Meta Data Updates, Image Upload Part 4 (13:38)
-
s109 Course Create, Meta Data Updates, Image Upload Part 5 (17:00)
-
s110 Course Create, Meta Data Updates, Image Upload Part 6 (13:25)
-
s111 Course Create, Meta Data Updates, Image Upload Part 7 (10:35)
-
s112 Course Create, Meta Data Updates, Image Upload Part 8 (23:27)
-
s113 Course Create, Meta Data Updates, Image Upload Part 9 (15:10)
-
s114 Course Create, Meta Data Updates, Image Upload Part 10 (10:10)
-
s115 Course Create, Meta Data Updates, Image Upload Part 11 (15:53)
Section 20 Dashboard - Module Creation, Reordering of Modules
-
At this point Section Source Code
-
s116 Module Creation, Reordering of Modules Part 1 (13:16)
-
s117 Module Creation, Reordering of Modules Part 2 (9:33)
-
s118 Module Creation, Reordering of Modules Part 3 (10:42)
-
s119 Module Creation, Reordering of Modules Part 4 (15:38)
-
s120 Module Creation, Reordering of Modules Part 5 (10:39)
Section 21 Dashboard - Module Title Update Lesson Added Back Link
-
At this point Section Source Code
-
s121 Module Title Update Lesson Added Back Link Part 1 (16:43)
-
s122 Module Title Update Lesson Added Back Link Part 2 (9:40)
-
s123 Module Title Update Lesson Added Back Link Part 3 (14:37)
-
s124 Module Title Update Lesson Added Back Link Part 4 (18:04)
-
s125 Module Title Update Lesson Added Back Link Part 5 (5:57)
Section 22 Dashboard - Lesson Data Update, Video, Title, Lesson Visibility
-
At this point Section Source Code
-
s126 Lesson Data Update, Video, Title, Lesson Visibility Part 1 (13:38)
-
s127 Lesson Data Update, Video, Title, Lesson Visibility Part 2 (14:40)
-
s128 Bug Fix In Lesson Modal Page (6:08)
-
s129 Lesson Data Update, Video, Title, Lesson Visibility Part 3 (14:42)
-
s130 Lesson Data Update, Video, Title, Lesson Visibility Part 4 (12:45)
-
s131 Lesson Data Update, Video, Title, Lesson Visibility Part 5 (13:44)
-
s132 Lesson Data Update, Video, Title, Lesson Visibility Part 6 (18:06)
Section 23 Lesson Publish Unpublish Delete
Section 24 Module Publish Unpublish Delete
Section 25 Course Publish Unpublish Delete
Section 26 Quizset - Create Course Quiz Option
-
At this point Section Source Code
-
s141 Create Course Quiz Option Part 1 (10:55)
-
s142 Create Course Quiz Option Part 2 (16:01)
-
s143 Create Course Quiz Option Part 3 (17:50)
-
s144 Create Course Quiz Option Part 4 (14:33)
-
s145 Create Course Quiz OptionPart 5 (13:08)
-
s146 Create Course Quiz Option Part 6 (14:16)
-
s147 Create Course Quiz Option Part 7 (15:00)
-
s148 Create Course Quiz Option Part 8 (18:07)
-
s149 Create Course Quiz Option Part 9 (15:06)
-
s150 Create Course Quiz Option Part 10 (15:19)
-
s151 Create Course Quiz Option Part 11 (15:51)
-
s152 Create Course Quiz Option Part 12 (4:46)
-
s153 Create Course Quiz Option Part 13 (25:58)
Section 27 Quizset - Add Quiz Form Option
Section 28 Quizset - Add Quiz set Into Course
Section 29 Update Course Duration in Course Details Page
Section 30 Add Course Progress Bar and Bugfix
Section 31 Lesson Page Structures, Links to Lesson
Section 32 Lesson Authorization Guard Setup
Section 33 Show Module and Lesson Actual Data in Sidebar
-
At this point Section Source Code
-
s167 Show Module and Lesson Actual Data in Sidebar Part 1 (14:06)
-
s168 Show Module and Lesson Actual Data in Sidebar Part 2 (13:42)
-
s169 Show Module and Lesson Actual Data in Sidebar Part 3 (10:54)
-
s170 Show Module and Lesson Actual Data in Sidebar Part 4 (21:14)
-
s171 Show Module and Lesson Actual Data in Sidebar Part 5 (9:56)
-
s172 Show Module and Lesson Actual Data in Sidebar Part 6 (15:29)
-
s173 Bug Fixed Show Module and Lesson Actual Data in Sidebar (5:56)
Section 34 Manage Video Player for Lesson
-
At this point Section Source Code
-
s174 Manage Video Player for Lesson Part 1 (5:47)
-
s175 Manage Video Player for Lesson Part 2 (18:25)
-
s176 Manage Video Player for Lesson Part 3 (8:53)
-
s177 Manage Video Player for Lesson Part 4 (14:51)
-
s178 Manage Video Player for Lesson Part 5 (12:46)
-
s179 Manage Video Player for Lesson Part 6 (20:23)
-
s180 Manage Video Player for Lesson Part 7 (14:53)
-
s181 Manage Video Player for Lesson Part 8 (22:03)
Section 35 Report Update on Lesson and Module Completion
Section 36 Show the Course Completion Progress in Realtime
Section 37 Course Certificate Download Option
Section 38 Manage Quiz Submission for Course
-
At this point Section Source Code
-
s190 Manage Quiz Submission for Course Part 1 (14:39)
-
s191 Manage Quiz Submission for Course Part 2 (20:06)
-
s192 Manage Quiz Submission for Course Part 3 (18:17)
-
s193 Manage Quiz Submission for Course Part 4 (13:29)
-
s194 Manage Quiz Submission for Course Part 5 (16:45)
-
s195 Manage Quiz Submission for Course Part 6 (10:05)
-
s196 Manage Quiz Submission for Course Part 7 (23:29)
-
s197 Manage Quiz Submission for Course Part 8 (17:15)
-
s198 Manage Quiz Submission for Course Part 8 (5:15)
Section 39 Add Course Review Setup
Section 40 Update Design for Money Back
Section 41 Get Category Wise Courses
Section 42 Get and Sow Related Course in Course Page
Project Complete Source Code - Downloadable Resource
