Autoplay
Autocomplete
Previous Lesson
Complete and Continue
Next js and React Build Complete News Portal Application
Introduction
Welcome To My Course (1:15)
Course Introduction (3:45)
Course Overview What You Going to Build (13:56)
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)