Web & App Development

Web Development with MERN Stack

Web Development with MERN Stack
Course Details

  Total Sessions:

 Total Hours: 80 Hours

  Duration: 4 Month

  Venue: IPIT Institute Office, Gulap Kutir, Gov't Women's College Road, Cumilla

Course Fee: ৳10000/-

Discounted Fee: ৳8000/-
Course Outline Enroll Now

Course Outline

Web Development with MERN Stack

Module 1: Introduction & Setup

  1. Welcome & Orientation (Course overview, tools setup)

  2. HTML Basics (Structure, elements, semantic HTML)

  3. CSS Basics (Selectors, box model, layout principles)

Module 2: Advanced HTML & CSS

  1. Forms & Multimedia in HTML (Forms, inputs, images, videos)

  2. CSS Positioning & Flexbox (Display, positioning, Flexbox)

  3. CSS Grid & Responsive Design (Grid, media queries)

Module 3: Version Control & Hosting

  1. Git & GitHub Basics (Version control, Git workflow)

  2. Deploying Websites (GitHub Pages, Netlify, Vercel)

Module 4: Project-Based Learning with HTML & CSS

  1. Build a Portfolio Website (Personal portfolio, mobile-friendly)

  2. Build a Business Website (Example: Flower Shop)

Module 5: JavaScript Basics

  1. Introduction to JavaScript (Variables, data types, operators)

  2. Control Flow & Functions (Loops, conditions, functions)

  3. Objects & Arrays (Data structures, practical examples)

  4. DOM Manipulation (Selecting, modifying, creating elements)

  5. Event Handling (addEventListener, event bubbling, forms handling)

Module 6: Applied JavaScript & APIs

  1. Build a Simple Interactive App (Basic banking app: deposits, withdrawals)

  2. API Basics & Fetching Data (JSON, REST APIs, fetch, async/await)

  3. Advanced JavaScript Concepts (ES6 features, local storage)

Module 7: React Basics

  1. Introduction to React (Components, JSX, props, state)

  2. Handling Events & Lists in React (useState, mapping data)

  3. React Router & Single Page Applications (Routing, dynamic pages)

  4. Fetching Data in React (API integration with Axios)

  5. Authentication in React (Basic login, private routes)

Module 8: Full-Stack Basics with Node.js

  1. Introduction to Node.js & Express (Basic API, routing)

  2. MongoDB & Database Integration (CRUD operations)

  3. JWT Authentication (Login, authentication middleware)

  4. Pagination & Filtering (Efficient data retrieval)

Module 9: Final Project & Deployment

  1. Final Project Planning (Project selection, architecture)

  2. Building the Backend (Setting up Express, database connection)

  3. Building the Frontend (React UI, API integration)

  4. Authentication & Security (JWT, protected routes)

  5. Optimizing & Deploying the Project (Performance, hosting on Vercel)

  6. Final Touches & Presentation (Bug fixes, documentation)

  7. Interview Preparation & Career Guidance (Portfolio review, job hunting tips)

  8. Mock Interview & Resume Building

  9. Final Class & Certification