CLEAR. CONCISE. COMPREHENSIVE.
Course Introduction
What You Will Build
Course Instructor
Are you ready to embark on an extraordinary learning journey that will transform your knowledge and skills? Look no further! I am thrilled to introduce myself as your best-selling online instructor.
With a track record of empowering 70+ thousands of students worldwide, I have cultivated a reputation as a leading expert in Laravel,React,Vuejs,MERN Stack.
Kazi Ariyan
Founder Easylearning Academy
5,750 Students are learning on Easy Learning today
MAIN FOCUS AREA
What we covered
✔️ BEGINNER TO PRO
✔️ LIFETIME ACCESS
✔️ 50 HOURS OF VIDEO
✔️ 314 LECTURES
✔️ ACCESS ON MOBILE/TV
✔️ COMPLETE SOURCE CODE
HIGHLY PRACTICAL
What You'll Learn
✔️ Build Full Stack News Portal Application
✔️ React js Fundamental
✔️ Express js Fundamental
✔️ Functional Component, Redux
✔️ Next js Fundamental
✔️ News API Create
✔️ MongoDB Fundamental
✔️ Design Total Application with Tailwind CSS
✔️ Use Middleware for Protected Routes
✔️ Two Different Dashboard as Admin and Writer with Role
✔️ User Logout Option
✔️ Nested Route Manage
✔️ Admin and Writer Profile Setup
✔️ News Filter Option Setup
✔️ Setup Image Upload Function to Cloudinary
✔️ Change Password Setup
TARGET STUDENT
Who is this for?
✔️ Frontend Developers looking to level up their skills by learning backend development with Next js and MongoDB.
✔️ Full-Stack Developers who want to build high-performance, full-stack applications using modern technologies.
✔️ Freelancers looking to expand their service offerings
✔️ Career switchers interested in web development or ecommerce
✔️ Tech enthusiasts eager to explore modern web development trends
✔️ Anyone Interested in Web Development
A PERFECT STRUCTURED COURSE
Course contents
Introduction
Available in
days
days
after you enroll
React Fundamentals
Available in
days
days
after you enroll
- 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
Available in
days
days
after you enroll
- 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
Available in
days
days
after you enroll
- 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
Available in
days
days
after you enroll
- 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
Available in
days
days
after you enroll
- 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
Available in
days
days
after you enroll
Section 2: News Portal Project Setup
Available in
days
days
after you enroll
Section 3: Admin Panel Design
Available in
days
days
after you enroll
Section 4: Nested Route Manage
Available in
days
days
after you enroll
Section 5: News Page Design
Available in
days
days
after you enroll
Section 6: Admin Dashboard Design
Available in
days
days
after you enroll
Section 7: Admin Add Writer Design
Available in
days
days
after you enroll
Section 8: Admin Writer Page Design
Available in
days
days
after you enroll
Section 9: User Profile Page Design
Available in
days
days
after you enroll
Section 10: Writer Add News Page Setup
Available in
days
days
after you enroll
Section 11: Login Page Design and DB Connect
Available in
days
days
after you enroll
Section 12: User Login Backend
Available in
days
days
after you enroll
Section 13: Dashboard Logout Function
Available in
days
days
after you enroll
Section 14: Writer Add Setup
Available in
days
days
after you enroll
Section 15: Writer Edit Update And Delete
Available in
days
days
after you enroll
Section 16: News Add Function
Available in
days
days
after you enroll
Section 17: Modal News Image Function
Available in
days
days
after you enroll
Section 18: Get News Data From Database
Available in
days
days
after you enroll
Section 19: Edit and Update News Option
Available in
days
days
after you enroll
Section 20: News Delete with Image Option
Available in
days
days
after you enroll
Section 21: Add Demo Data
Available in
days
days
after you enroll
Section 22: Search and News Pagination
Available in
days
days
after you enroll
Section 23: Show News Filter Option
Available in
days
days
after you enroll
Section 24: News Status Update Function
Available in
days
days
after you enroll
Section 25: Create Next Js Project for Frontend
Available in
days
days
after you enroll
Section 26: App Create and Design Header
Available in
days
days
after you enroll
Section 27: Frontend Headline Design
Available in
days
days
after you enroll
Section 28: Latest News Design
Available in
days
days
after you enroll
Section 29: Popular News Design
Available in
days
days
after you enroll
Section 30: News and Footer Design
Available in
days
days
after you enroll
Section 31: Category News Page Design
Available in
days
days
after you enroll
Section 32: News Details Page Design
Available in
days
days
after you enroll
Section 33: News API Create
Available in
days
days
after you enroll
Section 34: News Data Show Option
Available in
days
days
after you enroll
Section 35: News Headlines Category
Available in
days
days
after you enroll
Section 36: News Details Page Show
Available in
days
days
after you enroll
Section 37: News Category List Show
Available in
days
days
after you enroll
Section 38: Latest and Popular News
Available in
days
days
after you enroll
Section 39: Recent News Show
Available in
days
days
after you enroll
Section 40: Image Gallery Option
Available in
days
days
after you enroll
Section 41: Show Search Option Api
Available in
days
days
after you enroll
Section 42: User Profile Update Option
Available in
days
days
after you enroll
Section 43: User Change Password Functions.
Available in
days
days
after you enroll
Section 44 : Update Dashboard
Available in
days
days
after you enroll
Section 45 : Project Source Code
Available in
days
days
after you enroll
WHAT YOU SHOULD KNOW
Prerequisites
✔️ Basic Understanding of JavaScript
✔️ Good Grasp of Tailwind CSS
✔️ HTML and CSS Knowledge
TRY IT FOR RISK FREE
30-Day Money-Back Guarantee
You can ask for a refund any time during the first 30 days
if you decide the course isn’t for you.
Courses You May Like
Frequently Asked Questions
Where should I contact?
For any issues just contact : [email protected]
When does the course start and finish?
The course starts now and never ends! It is a completely self-paced online course - you decide when you start and when you finish.
How long do I have access to the course?
How does lifetime access sound? After enrolling, you have unlimited access to this course for as long as you like - across any and all devices you own.