Module 01 · 3.5 hrs
Start hereIntroduction & Setup
Overview of full stack development. Setup Node.js, NPM and Git.
MongoDB · Express · Angular · Node
Build enterprise-grade applications with the MEAN stack — Angular frontends, Express APIs, MongoDB persistence, JWT auth, RxJS/NgRx state management and deployment.
Every module pairs a focused topic with a guided practical exercise — learn it, build it, then practice it on the Atom Code portal in the same session.
Introduction & Setup
Overview of full stack development. Setup Node.js, NPM and Git.
HTML & CSS Basics
Refresher on HTML5, CSS3 and responsive design.
JavaScript (ES6+) Fundamentals
Advanced JavaScript concepts like arrow functions, promises, spread operators, async/await.
Angular Setup
Introduction to Angular. Setting up an Angular project using Angular CLI.
Angular Components & Directives
Understanding Angular component architecture, directives and data binding.
Angular Services & Dependency Injection
Creating services, dependency injection and sharing data between components.
Tailwind CSS
Implementing beautiful Angular components with Tailwind CSS.
Angular Routing
Implementing routing in Angular using Angular Router.
Node.js & Express.js Setup
Setting up a basic Node.js and Express server. Introduction to REST APIs.
MongoDB & Mongoose Integration
Introduction to NoSQL databases and MongoDB. Connecting Node.js to MongoDB.
Building a RESTful API
Creating RESTful API endpoints in Express.js.
Connecting Frontend to Backend
Fetching data from the backend API using Angular HTTP Client.
User Authentication (JWT)
Implementing authentication with JSON Web Tokens (JWT).
Error Handling & Validation
Handling errors in Express and input validation with middleware.
Angular Forms & State Management
Creating and handling forms in Angular. Using RxJS for state management.
Frontend State Management
Introduction to NgRx (Redux for Angular) or Angular Services for state management.
Testing REST APIs
Introduction to API testing using Postman / Insomnia / Thunder Client.
Project Integration & Final Testing
Final integration of frontend and backend, and testing all functionalities.
Project Deployment
Frontend deployment with Vercel / Netlify and backend deployment with Render Cloud.
Project Presentation & Wrap-up
Review of key concepts. Participants present their projects.