MeanStack Training

 

🔹 Module 1: Frontend Basics – HTML, CSS, JavaScript (2 Weeks)
✅ HTML5
• Structure & syntax
• Forms, tables, media
• Semantic elements
• Accessibility & SEO basics
✅ CSS3
• Styling, selectors
• Box model, positioning
• Flexbox & Grid
• Responsive design using media queries
✅ JavaScript (ES6+)
• Variables, data types, operators
• Functions, loops, conditions
• DOM manipulation
• Events, arrays, objects
• Arrow functions, template literals
• Async programming: Promises & async/await

---

🔹 Module 2: TypeScript (1 Week)
• What is TypeScript? Why use it?
• Installation & setup
• Types, interfaces, enums
• Functions & classes
• Modules and namespaces
• Type assertions
• Error handling

---

🔹 Module 3: Angular (4–5 Weeks)
✅ Angular Fundamentals
• Introduction to SPA (Single Page Applications)
• Installing Angular CLI
• Project structure & setup
• Components, Modules, Services
• Data binding: interpolation, property, event, two-way
• Directives: ngIf, ngFor, ngClass, ngStyle
• Pipes (built-in & custom)
✅ Forms
• Template-driven forms
• Reactive forms
• Validation (sync & async)
✅ Routing & Navigation
• Angular Router basics
• Route parameters & guards
• Lazy loading modules
✅ HTTP & API Integration
• HttpClient module
• GET, POST, PUT, DELETE requests
• Error handling with observables
• Environment configuration
✅ Advanced Angular
• Lifecycle hooks
• Dependency Injection
• Component communication (@Input, @Output)
• Services and observables
• Custom services
• Angular animations (optional)

---

🔹 Module 4: Node.js (2 Weeks)
✅ Node Basics
• Installing Node.js and npm
• Modules: built-in, third-party, custom
• File system, buffers, streams
• Creating HTTP server
• Using environment variables
✅ npm & Scripts
• package.json & versioning
• Installing packages globally & locally
• Creating custom npm scripts

---

🔹 Module 5: Express.js (2 Weeks)
✅ Express Fundamentals
• Installing and setting up Express
• Routing (GET, POST, PUT, DELETE)
• Middleware functions (custom & built-in)
• Serving static files
• Error handling
• Request and response objects
• REST API creation

---

🔹 Module 6: MongoDB & Mongoose (2 Weeks)
✅ MongoDB Basics
• What is NoSQL?
• Database, collections, documents
• CRUD operations using Mongo shell & Compass
• MongoDB Atlas setup
✅ Mongoose (ODM for MongoDB)
• Schema definition and models
• CRUD operations using Mongoose
• Data validation
• Querying & relationships (referencing & population)

---

🔹 Module 7: Full MEAN Stack Integration (2 Weeks)
✅ Connecting Angular with Express API
• Consuming backend APIs in Angular
• Services and HTTP in Angular
• Managing state with RxJS (optional)
✅ Authentication & Authorization
• User login/registration flow
• Password hashing using bcrypt
• JWT (JSON Web Token) implementation
• Protected routes (Angular guards + Express middleware)
• Role-based access (e.g., admin/user)

---

🔹 Module 8: Testing, Debugging, and Deployment (1–2 Weeks)
✅ Debugging & Testing
• Debugging Angular with DevTools
• Testing Angular components (basic intro)
• Postman for API testing
• Error handling and logging in Node
✅ Deployment
• Frontend: Deploy Angular app using Vercel or Netlify
• Backend: Deploy Express + Node.js using Render or Railway
• MongoDB: Cloud deployment using MongoDB Atlas
• Using Git and GitHub for version control
• Environment variable management

---