Thanks to visit codestin.com
Credit goes to www.scribd.com

Scribd
Upload
28 views2 pages

Weekly Training Plan MERN

The 12-week Full-Stack MERN Development internship training plan aims to equip students with skills to design, build, and deploy web applications using the MERN stack. The curriculum covers web fundamentals, advanced JavaScript, React.js, Node.js, Express.js, MongoDB, and culminates in a capstone project. Key deliverables include mini projects, a fullstack project, and a GitHub portfolio showcasing their skills.

Uploaded by

Asif Salim
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
28 views2 pages

Weekly Training Plan MERN

The 12-week Full-Stack MERN Development internship training plan aims to equip students with skills to design, build, and deploy web applications using the MERN stack. The curriculum covers web fundamentals, advanced JavaScript, React.js, Node.js, Express.js, MongoDB, and culminates in a capstone project. Key deliverables include mini projects, a fullstack project, and a GitHub portfolio showcasing their skills.

Uploaded by

Asif Salim
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 2

Full-Stack MERN Development – Internship Training Plan (12 Weeks)

�Objective

To equip students with the skills to design, build, and deploy full-stack web applications using the MERN stack, with
emphasis on end-to-end project development starting from design.

��12-Week Training Plan Outline

Week 1-2: Web & JavaScript Fundamentals

 HTML5 & CSS3


o Semantic structure, forms, layout (Flexbox, Grid)
o Responsive design using Bootstrap/Tailwind
 JavaScript (Core Concepts)
o Variables, data types, loops, functions, events
o DOM manipulation, basic form validation
 Design Task
o Create wireframes and mockups for a static site

Week 3-4: Advanced JavaScript + React.js (Frontend)

 Modern JavaScript (ES6+)


o Arrow functions, destructuring, spread/rest, promises, async/await
 React.js Fundamentals
o Components, Props, State, Event Handling, Lists
 React Routing & Hooks
o React Router, useState, useEffect
 Mini Project #1: Static React App
o Built from scratch based on UI mockups

Week 5-6: Node.js & Express.js (Backend)

 Node.js Basics
o Modules, NPM, file system, environment variables
 Express.js Essentials
o RESTful routes, middleware, routing
 CRUD Operations
o Create APIs with JSON input/output
 Mini Project #2: REST API for a Notes App
o Start with designing routes and data models

Week 7-8: MongoDB & Mongoose

 MongoDB Basics
o Collections, documents, schema design
 Using Mongoose with Node
o Models, schemas, CRUD with validation
 Authentication
o JWT-based login/signup
 Project Phase 1
o Backend API with MongoDB and authentication

Week 9: Fullstack Integration (React + Node)

 Connecting React to Backend


o Fetch/Axios for API calls
o Handling forms and JWT tokens in frontend
 State Management
o Lifting state, passing props, controlled inputs
 UI Enhancements
o Toast messages, loading spinners

Week 10: Testing, Git & Deployment

 Version Control with Git/GitHub


 Basic Testing
o Postman (for APIs), Jest (optional intro)
 Deployment
o Frontend: Vercel or Netlify
o Backend: Render or Railway
 Environment Management
o .env files, securing credentials

Week 11-12: Final Capstone Project

 Design & Development from Scratch


o Start with mockups, user stories, schema planning
o Build full MERN stack app with login, CRUD, UI polish
 Sample Capstone Ideas
o Task Manager, Blog System, Inventory App, Student Portal
 Final Review
o Project showcase, code walkthroughs, Q&A

��Tools & Technologies

 Frontend: HTML, CSS, JavaScript, React.js, Tailwind/Bootstrap


 Backend: Node.js, Express.js
 Database: MongoDB (with Mongoose)
 Other Tools: Git, GitHub, Postman, Vercel, Render, Figma, VS Code

�Deliverables

 2 Mini Projects (Frontend & Backend)


 1 Fullstack Capstone Project (Designed and Built from Scratch)
 Hosted live applications and GitHub portfolio
 Resume-ready fullstack skill set

You might also like