Scribd
Upload
2 views

MERN Mastery Full Stack Web Development Min

The document outlines a 6-month MERN (MongoDB, Express.js, React, Node.js) web development course consisting of 50 classes with a total of over 150 hours of instruction. It covers foundational technologies, advanced frontend and backend development, and includes hands-on projects to reinforce learning. The course fee is 5,000 BDT per month and includes various modules focusing on different aspects of web development.

Uploaded by

Nasif Fuad
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
2 views

MERN Mastery Full Stack Web Development Min

The document outlines a 6-month MERN (MongoDB, Express.js, React, Node.js) web development course consisting of 50 classes with a total of over 150 hours of instruction. It covers foundational technologies, advanced frontend and backend development, and includes hands-on projects to reinforce learning. The course fee is 5,000 BDT per month and includes various modules focusing on different aspects of web development.

Uploaded by

Nasif Fuad
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 1

MERN

Care
er

Liv e Cla ss
F u l l
Mastery
S t a c k W e b D e v e l o p m e n t

Course Plan

Projects Course Fee Duration


25+ hands-on industry based Only 5,000 BDT per month. 6 months

Class Class Hours


3 Hours / class, 50 Classes 3 Hours per class

Technologies Covered

CSS EX
HTML CSS JavaScript Tailwind CSS MongoDB Express.js

React JS Node JS Next.js Framer Motion Git Redux

Table of Content
Module 1 Module 4
Foundations (HTML, CSS, Bootstrap, Tailwind CSS) Backend Development with Express.js and MongoDB

Module 2 Module 5
Git, JavaScript Essentials, and DOM Manipulation Advanced Frontend and State Management

Module 3 Module 6
React Development Advanced Topics and Capstone Project

Module 1
Foundations (HTML, CSS, Bootstrap, Tailwind CSS)

Duration: 8 Classes, 24 Hour


Class 1: Introduction to Web Development and the MERN Stac
Class 2: HTML Basics: Structure, Tags, and Semantic Element
Class 3: CSS Basics: Selectors, Box Model, and Positionin
Class 4: Advanced CSS: Flexbox and Grid Layout
Class 5: Introduction to Bootstrap: Creating Responsive Layout
Class 6: Introduction to Tailwind CSS: Configuration and Utility Classe
Class 7: Bootstrap vs. Tailwind: Project Setup and Best Practice
Class 8: Mini Project 1: Designing a Responsive Multi-Page Website

Module 2
Git, JavaScript Essentials, and DOM Manipulation

Duration: 10 Classes, 30 hour


Class 9: Introduction to Git and GitHub: Version Control Basic
Class 10: Working with Git: Branching, Merging, and Collaboratio
Class 11: JavaScript Fundamentals: Variables, Data Types, and Operator
Class 12: Control Flow and Functions in JavaScrip
Class 13: Working with Arrays and Objects in JavaScrip
Class 14: ES6+ Features: Arrow Functions, Destructuring, and Spread Operato
Class 15: Understanding the DOM: Selecting and Manipulating Element
Class 16: Event Handling in JavaScript: Listeners and Handler
Class 17: Working with APIs: Fetching and Displaying Dat
Class 18: Mini Project 2: Building a Simple JavaScript-Based To-Do App

Module 3
React Development

Duration: 12 Classes, 36 hour


Class 19: Introduction to React: Components, JSX, and Prop
Class 20: State and Lifecycle in Reac
Class 21: Event Handling and Conditional Rendering in Reac
Class 22: Lists and Keys in React: Rendering Dynamic Dat
Class 23: Managing Forms and User Inputs in Reac
Class 24: Working with Context API for State Managemen
Class 25: React Hooks: useState, useEffect, and Custom Hook
Class 26: Introduction to React Router: Building Single Page Application
Class 27: Optimizing React Applications: Performance and Best Practice
Class 28: Connecting React to APIs with Axios or Fetc
Class 29: Building Reusable Components in Reac
Class 30: Mini Project 3: Building a React-based E-Commerce App

Module 4
Backend Development with Express.js and MongoDB

Duration: 9 Classes, 27 hour


Class 31: Introduction to Node.js: Understanding JavaScript on the Serve
Class 32: Introduction to Express.js: Setting Up a Web Serve
Class 33: Routing in Express.js: GET, POST, PUT, and DELETE Method
Class 34: Middleware in Express.js: Fundamentals and Application
Class 35: Introduction to MongoDB: Basics and Setting Up the Databas
Class 36: CRUD Operations with MongoDB and Mongoos
Class 37: Connecting Express.js to MongoD
Class 38: Building RESTful APIs with Express.j
Class 39: Mini Project 4: Building a Full-Stack Blog Application

Module 5
Advanced Frontend and State Management

Duration: 7 Classes, 21 Hour


Class 40: Introduction to Redux: Core Concepts and Store Setu
Class 41: Redux Toolkit: Writing Efficient State Management Cod
Class 42: Integrating Redux with Reac
Class 43: Introduction to TypeScript: Benefits and Core Feature
Class 44: Using TypeScript with React and Redu
Class 45: Introduction to Next.js: Server-Side Rendering and Static Site Generatio
Class 46: Mini Project 5: Building a Social Media Dashboard with React, Redux, and
TypeScript

Module 6
Advanced Topics and Capstone Project

Duration: 6 Classes, 18 Hours


Class 47: Advanced Next.js Features: Middleware and API Route
Class 48: Animations with Framer Motion: Adding Interactivity to React App
Class 49: Best Practices for Deployment: Hosting Applications on Vercel/Netlify
Class 50: Capstone Project: End-to-End MERN Application Development

Thank You
Visit mediusware academy

You might also like