Frontend (HTML, CSS, JavaScript, React)
- Introduction to Web Development: What is a website and how the web works
- Markup: HTML basics, semantic HTML, and JSX for React
- CSS Layouts: Flexbox, Grid, and building responsive designs
- UI Frameworks: Bootstrap components & layouts, Tailwind CLI basics
- Core JavaScript: ES6+, Object-Oriented JavaScript
- Asynchronous JavaScript: Promises, async/await
- DOM Manipulation & Event Handling
- Advanced Events: Event Bubbling & Delegation
- AJAX, Fetch API, and Axios for API integration
- React Fundamentals: Functional components, props & state management
- Dynamic Styling in React components
- Functions as Props and Component Communication
- React Hooks: useState, useEffect
- Material UI for component styling
- Custom Hooks and supplementary Redux & Redux Toolkit
- Version Control: Git & GitHub
Backend Development (Node.js, Express, SQL, MongoDB)
- Databases: SQL vs NoSQL fundamentals
- MongoDB: Collections, Documents, Relationships, Aggregation
- Deep dive into MongoDB queries and schema design
- Express.js & Node.js: Server setup, npm, routing
- RESTful APIs: Design and implementation
- Sessions, Cookies, and Middleware in Express
- MVC Architecture and EJS templating
- Client-side & Server-side Validations
- Error Handling and flash-connect notifications
- Authorization and Authentication (JWT, Passport.js)
- Cloud Integration: Cloudinary for media storage, MapBox for geocoding
Hands-on / Practice:
- Todo App with backend integration
- Airbnb Travel & Listing app simulation
- Zerodha Stock Prices & Investing Platform
Advanced Topics & DevOps
- Deployment: Render platform, AWS deployment
- Real-time communication: Socket.io, WebRTC
- Containerization & Orchestration: Docker & Kubernetes basics
- Continuous Integration & Continuous Deployment (CI/CD) practices
- Project-based advanced learning
Hands-on / Practice:
- ChatGPT integration using OpenAI API
- LinkedIn-style Social Media Platform
- GitHub clone (Version Control Platform)
- Zoom-like Video Conferencing App
Capstone & Full-Stack Projects
- End-to-end full-stack application combining frontend, backend, database, and deployment
- Focus on real-world functionalities: authentication, API integrations, responsive UI, real-time communication
- Guidance for building production-ready projects
Hands-on / Practice:
- Complete Airbnb / Travel App
- Stock Price Dashboard / Investment Platform
- Social Media Application
- Real-time Chat or Video Conferencing App
Key Highlights:
- Complete MERN Stack Coverage: MongoDB, Express.js, React.js, Node.js
- Focus on full-stack development with real-world projects
- Advanced topics included: Redux, Hooks, Cloud integration, DevOps, Real-time features
- Prepares for roles like MERN Stack Developer, Full-Stack Developer, Frontend/Backend Developer





