Detailed Syllabus & Weekly Breakdown

Module 1: Frontend Basics (HTML, CSS, JS) (Weeks 1–3)

• Week 1: HTML5 & CSS3: Semantic markup, flexbox, grid, and building responsive layouts.
• Week 2: JavaScript Foundations: Variables, loops, functions, DOM manipulation, and event handling.
• Week 3: Advanced JS (ES6+): Promises, async/await, arrow functions, and array methods.

Module 2: Modern Frontend with React (Weeks 4–6)

• Week 4: React Basics: Components, JSX, props, and state management.
• Week 5: Hooks & Routing: useState, useEffect, and setting up multi-page apps with React Router.
• Week 6: State Management & APIs: Context API, Redux toolkit, and fetching data using Axios.

Module 3: Backend with Node.js & Express (Weeks 7–9)

• Week 7: Node.js Basics: Creating servers, understanding the event loop, and using NPM.
• Week 8: Express.js Framework: Building RESTful APIs, middleware, and routing.
• Week 9: Authentication: JWT (JSON Web Tokens), bcrypt password hashing, and secure endpoints.

Module 4: Databases & Deployment (Weeks 10–12)

• Week 10: MongoDB & Mongoose: NoSQL databases, schemas, CRUD operations, and relations.
• Week 11: Git, GitHub & DevOps: Version control, CI/CD basics, and branch management.
• Week 12: Deployment: Hosting frontend on Vercel/Netlify and backend on Render/Heroku.

Learning Outcomes

• Full-Stack Proficiency: Ability to build applications from the user interface down to the database.
• API Creation & Consumption: Expertise in designing secure REST APIs and consuming them in React.
• Modern Deployment: Knowing how to manage code in Git and launch live URLs for your projects.

Assessment Weightage

Assessment Type	Weightage
Frontend UI Project	15%
React Single Page Application	30%
Backend API Construction	30%
Full-Stack MERN Capstone	25%