Requirements

• Basic understanding of HTML, CSS, and JavaScript
• Familiarity with programming concepts and logic

Course Content

Course Introduction (FREE SESSION)

• How does the Internet work?
• Clients-Server Architecture
• Full-stack development concept
• Explanation of MEAN & it's benefits
• Angular Demo Project

Week 1: Introduction to Web Development and MEAN Stack

• Web development basics, front-end vs back-end, MEAN stack overview
• HTML fundamentals, elements, and attributes
• CSS basics, selectors, and styling

Week 2: Responsive Design and JavaScript Fundamentals

• Responsive design, media queries, and Bootstrap
• JavaScript basics, variables, data types, and operators
• Control structures, loops, and functions

Week 3: JavaScript Advanced Concepts

• Objects, arrays, and JSON
• DOM manipulation and events
• Introduction to asynchronous JavaScript and AJAX

Week 4: Angular Fundamentals

• Introduction to Angular, components, and templates
• Angular Modules, dependency injection, and services
• Angular Routing, navigation, and guards

Week 5: Intermediate Angular Techniques

• Reactive forms, form controls, and validation
• HttpClient, API calls, and error handling
• Angular directives, pipes, and custom decorators

Week 6: Node.js and Express.js Fundamentals

• Introduction to Node.js, asynchronous programming, and callback functions
• Express.js basics, routes, and middleware
• RESTful API design and development

Week 7: MongoDB and Mongoose

• Introduction to MongoDB, NoSQL databases
• CRUD operations with MongoDB
• Mongoose, schema design, and data validation

Week 8: Connecting Frontend and Backend

• Class 22: API integration using Angular HttpClient
• User authentication, JWT, and protected routes
• Error handling, debugging, and logging

Week 9: Advanced Topics

• Angular CLI, build optimizations, and best practices
• State management with NgRx
• Server-side rendering with Angular Universal

Week 10: Testing and Deployment

• Unit testing with Jasmine and Karma
• Integration testing, E2E testing with Protractor
• Deployment: Heroku, Vercel, or Firebase Hosting

Week 11: Project Week

• Project planning, wireframing, and setup
• Building the project: frontend and backend integration
• Testing, debugging, and polishing

Week 12: Final Presentations and Wrap-up

• Final project presentations
• Course review and next steps
• Q&A, feedback, and closing remarks