Course OverviewSyllabus
Course Overview
Read More
JavaScript Foundations
- Semantic HTML5 & Modern CSS3: Document structure, accessibility, Flexbox, Grid, responsive design
- JavaScript Deep Dive: ES6+ features, arrow functions, destructuring, spread/rest operators
- TypeScript Fundamentals: Types, interfaces, generics (preparation for Angular & Nest.js)
- DOM Manipulation: Events, form validation, local storage
- Asynchronous JavaScript: Promises, async/await, fetch API, error handling
- Git & GitHub: Version control, branching, collaboration workflows
- Development Tools: VS Code, Chrome DevTools, debugging techniques
Frontend Development - Fundamentals
- Components, JSX, props, state, lifecycle
- Hooks: useState, useEffect, useContext, useReducer, useMemo, useCallback
- Custom hooks and reusable logic
- React Router v6 - SPA navigation, protected routes
- State Management: Redux Toolkit & Context API
- Styling: CSS Modules, Styled Components, TailwindCSS
- Performance optimization: Code splitting, lazy loading, memoization
Next.js - React Framework for Production:
- Server-Side Rendering (SSR) vs Static Site Generation (SSG)
- File-based routing and dynamic routes
- API routes and serverless functions
- Image optimization and SEO best practices
- Incremental Static Regeneration (ISR)
Frontend Frameworks
Vue.js Essentials:
- Vue instance, templates, directives (v-if, v-for, v-model)
- Components, props, events, slots
- Composition API vs Options API
- Vue Router and Vuex/Pinia state management
- Building a complete Vue.js application
Angular Fundamentals:
- TypeScript-based architecture, modules, components
- Templates, data binding, directives
- Services and dependency injection
- Angular Router and forms (reactive & template-driven)
- RxJS observables for async operations
- Building an enterprise Angular dashboard
Backend Development
Node.js & Express.js:
- Node.js fundamentals: Event loop, modules, npm
- Express.js: Routing, middleware, request/response
- RESTful API design and best practices
- Authentication: JWT, bcrypt, session management
- File uploads with Multer, error handling
- API testing with Postman
Nest.js - Enterprise TypeScript Framework:
- Nest.js architecture: Controllers, services, modules
- Dependency injection and providers
- Decorators and metadata
- Building scalable REST APIs with Nest.js
- Guards, interceptors, pipes, and middleware
- GraphQL with Nest.js (introduction)
- Testing with Jest
- Microservices architecture basics
Database Design
- MongoDB Fundamentals: Collections, documents, CRUD operations
- Mongoose ODM: Schemas, models, validation, middleware
- Relationships: One-to-many, many-to-many, embedding vs referencing
- Advanced Queries: Aggregation pipeline, filtering, pagination, indexing
- MongoDB Atlas: Cloud setup, security, monitoring
- Integration: Connecting MongoDB with Express & Nest.js
Full Stack Integration
- Connecting Frontend to Backend: API integration, CORS, environment variables
- Real-Time with Socket.io: Chat applications, notifications, live updates
- Payment Integration: eSewa, Khalti, Stripe payment gateways
- Third-Party APIs: Google Maps, social login, email services
- Performance: Caching, CDN, image optimization
Full Stack Projects: React + Express, Angular + Nest.js, Vue + Express combinations
Deployment, DevOps & Production
- Platform as a Service: Render, Vercel, Netlify, Railway deployment
- Frontend Deployment: Building for production, environment config
- Backend Deployment: PM2 process manager, logging, monitoring
- Database Deployment: MongoDB Atlas production setup
- CI/CD: GitHub Actions for automated testing & deployment
- Docker Basics: Containerization for consistent environments
- Domain & SSL: Custom domains, HTTPS configuration
Professional Development
- Clean Code: Organization, naming, documentation
- GitHub Best Practices: Professional README, commit messages
- Portfolio Building: Showcase React, Vue, Angular projects
- LinkedIn Optimization: Highlight multi-framework expertise
- Interview Prep: Framework-specific questions, system design
- Freelancing: Client acquisition, pricing for different stacks
Capstone Projects
Build production-ready applications using different tech combinations:
- E-Commerce Platform: React + Express + MongoDB
- Real-Time Chat: Vue.js + Socket.io + Express + MongoDB
- Enterprise Dashboard: Angular + Nest.js + MongoDB
- SEO Blog/CMS: Next.js SSR + Express + MongoDB
- Social Media Clone: React + Nest.js + MongoDB
- Task Management: Vue.js + Express + MongoDB
Success Stories
