Introduction
React Fundamentals
-
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)
-
25 Link And NavLink For Router (13:37)
-
26 Browser Router VS HashRouter (5:09)
-
27 Passing Parameter Via Naviagation (5:45)
-
28 -Hook- Meet With Hook (1:45)
-
29 -Hook- useRef InnerText InnerHTML (9:58)
-
30 -Hook- useRef Working With Attribute (5:44)
-
31 -Hook- useRef Working With Input Element (7:38)
-
32 -Hook- useRef Working With CSS Class (6:13)
-
33 -Hook- useRef Caching Expensive Computation (15:27)
-
34 -Hook- useState Understading Inside (8:35)
-
35 -Hook- useState Working With Immutable Object (8:21)
-
36 -Hook- useState Working With Immutable Array Part 1 (14:15)
-
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)
Express JS Fundamental
-
e1 Introduction (4:01)
-
e2 Your First Express Application (10:23)
-
e3 Express js routing (6:45)
-
e4 Four Topic We Need To Focus (1:21)
-
e5 Understanding Response (4:17)
-
e6 Simple String Response (5:07)
-
e7 Response Status Code (4:12)
-
e8 JSON Response (4:14)
-
e9 Response Download (4:12)
-
e10 Response Redirect (4:27)
-
e11 Response Header (5:43)
-
e12 Response Set Cookies (4:59)
-
e13 Response Clear Cookies (4:46)
-
e14 Working With Request (1:32)
-
e15 Get Request With URL Query (6:26)
-
e16 Working With Get Request Header (4:15)
-
e17 Simple Post Request (2:48)
-
e18 Post Request With URL Query (3:52)
-
e19 Post Request With Header Properties (5:14)
-
e20 Post application-json (7:42)
-
e21 Working With Multipart Form Data (8:46)
-
e22 File Upload (9:46)
-
e23 Middleware (2:18)
-
e24 Application Middleware (8:05)
-
e25 Route Middleware (3:49)
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)
Next JS Foundation
-
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)
Next.js Basic Portfolio Website With Admin Panel
-
w00 Next.js Basic Portfolio Website With Admin Panel (7:30)
-
Portfolio Website Excise Files
-
w01 Create Nextjs Project and Packages (7:24)
-
w02 Mongodb Database Setup (9:05)
-
w03 Create Admin Navigation Menu Components Part 1 (14:10)
-
w04 Create Admin Navigation Menu Components Part 2 (9:58)
-
w05 Create Admin Navigation Menu Components Part 3 (8:02)
-
w06 Create Home Form for Store Data Part 1 (11:46)
-
w07 Create Home Form for Store Data Part 2 (17:16)
-
w08 Create About Page Form (10:17)
-
w09 Create Experience Page Form (8:38)
-
w10 Create Education Page Form (5:57)
-
w11 Create Project Page Form (7:57)
-
w12 Work For Cerate Model (13:48)
-
w13 Create Api for All Components Part 1 (11:16)
-
w14 Create Api for All Components Part 2 (9:30)
-
w15 Create Common API Services (11:57)
-
w16 Add Data to Database Part 1 (21:30)
-
w17 Add Data to Database Part 2 (Experience Issue Solve) (8:49)
-
w18 Add Reset From Data (8:45)
-
w19 Get List of Data and Show (14:34)
-
w20 Update Home And About Data Part 1 (10:50)
-
w21 Update Home And About Data Part 2 (13:25)
-
w22 Render Experience Data in Page (12:29)
-
w23 Render Education and Project Data in Page (9:46)
-
w24 Login Authentication Part 1 (12:01)
-
w25 Login Authentication Part 2 (5:10)
-
w26 Login Authentication Part 3 (11:03)
-
w27 Login Authentication Part 4 (11:31)
-
w28 User Logout (5:23)
-
w29 Work for Frontend Fetch Data (7:46)
-
w30 Work for Frontend Fetch Data Part 2 (15:40)
-
w31 Design Frontend NavBar Part 1 (12:34)
-
w32 Design Frontend NavBar Part 2 (16:49)
-
w33 Design Frontend NavBar Part 3 (14:35)
-
w34 Design Frontend NavBar Part 4 (2:21)
-
w35 Design Frontend Home Page Part 1 (12:30)
-
w36 Design Frontend Home Page Part 2 (14:40)
-
w37 Design Frontend Home Page Part 3 (12:13)
-
w38 Design Frontend Home Page Part 4 (11:36)
-
w39 Design Frontend About Page Part 1 (18:51)
-
w40 Design Frontend About Page Part 2 (11:17)
-
w41 Design Frontend About Page Part 3 (15:17)
-
w42 Design Frontend Experience and Education Page Part 1 (16:00)
-
w43 Design Frontend Experience and Education Page Part 2 (11:31)
-
w44 Design Frontend Experience and Education Page Part 3 (6:09)
-
w45 Design Frontend Project Page Part 1 (14:54)
-
w46 Design Frontend Project Page Part 2 (14:58)
-
w47 Design Frontend Project Page Part 3 (8:46)
-
w48 Design Frontend Contact Us Page Part 1 (6:01)
-
w49 Design Frontend Contact Us Page Part 2 (20:36)
-
w50 Design Frontend Contact Us Page Part 3 (9:45)
-
w51 Contact Us Form Submit Part 1 (11:20)
-
w52 Contact Us Form Submit Part 2 (7:40)
-
w53 Delete Education Data Part 1 (15:13)
-
w54 Delete Education Data Part 2 (12:12)
-
w55 Deploy Next.js Basic Portfolio to Web Server (18:22)
Section 1: Build Next JS Complete Advance News Portal Site
Section 2: News Portal Project Setup
Section 3: Admin Panel Design
Section 4: Nested Route Manage
Section 5: News Page Design
Section 6: Admin Dashboard Design
Section 7: Admin Add Writer Design
Section 8: Admin Writer Page Design
Section 9: User Profile Page Design
Section 10: Writer Add News Page Setup
Section 11: Login Page Design and DB Connect
Section 12: User Login Backend
Section 13: Dashboard Logout Function
Section 14: Writer Add Setup
Section 15: Writer Edit Update And Delete
Section 16: News Add Function
Section 17: Modal News Image Function
Section 18: Get News Data From Database
Section 19: Edit and Update News Option
Section 20: News Delete with Image Option
Section 21: Add Demo Data
Section 22: Search and News Pagination
Section 23: Show News Filter Option
Section 24: News Status Update Function
Section 25: Create Next Js Project for Frontend
Section 26: App Create and Design Header
Section 27: Frontend Headline Design
Section 28: Latest News Design
Section 29: Popular News Design
Section 30: News and Footer Design
Section 31: Category News Page Design
Section 32: News Details Page Design
Section 33: News API Create
Section 34: News Data Show Option
Section 35: News Headlines Category
Section 36: News Details Page Show
Section 37: News Category List Show
Section 38: Latest and Popular News
Section 39: Recent News Show
Section 40: Image Gallery Option
Section 41: Show Search Option Api
Section 42: User Profile Update Option
Section 43: User Change Password Functions.
Section 44 : Update Dashboard
Section 45 : Project Source Code
