Full StackIntermediate

MEAN Stack

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.

20 modules90-hr track80% hands-on2 projects
Curriculum

20 modules, 90 hrs of hands-on learning

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.

Module 01 · 3.5 hrs

Start here

Introduction & Setup

Overview of full stack development. Setup Node.js, NPM and Git.

Module 02 · 5 hrs

Hands-on session

HTML & CSS Basics

Refresher on HTML5, CSS3 and responsive design.

Module 03 · 4.5 hrs

Hands-on session

JavaScript (ES6+) Fundamentals

Advanced JavaScript concepts like arrow functions, promises, spread operators, async/await.

Module 04 · 2.5 hrs

Hands-on session

Angular Setup

Introduction to Angular. Setting up an Angular project using Angular CLI.

Module 05 · 5 hrs

Hands-on session

Angular Components & Directives

Understanding Angular component architecture, directives and data binding.

Module 06 · 5.5 hrs

Hands-on session

Angular Services & Dependency Injection

Creating services, dependency injection and sharing data between components.

Module 07 · 3 hrs

Hands-on session

Tailwind CSS

Implementing beautiful Angular components with Tailwind CSS.

Module 08 · 3 hrs

Hands-on session

Angular Routing

Implementing routing in Angular using Angular Router.

Module 09 · 3.5 hrs

Hands-on session

Node.js & Express.js Setup

Setting up a basic Node.js and Express server. Introduction to REST APIs.

Module 10 · 6.5 hrs

Hands-on session

MongoDB & Mongoose Integration

Introduction to NoSQL databases and MongoDB. Connecting Node.js to MongoDB.

Module 11 · 5 hrs

Hands-on session

Building a RESTful API

Creating RESTful API endpoints in Express.js.

Module 12 · 4 hrs

Hands-on session

Connecting Frontend to Backend

Fetching data from the backend API using Angular HTTP Client.

Module 13 · 5.5 hrs

Hands-on session

User Authentication (JWT)

Implementing authentication with JSON Web Tokens (JWT).

Module 14 · 5 hrs

Hands-on session

Error Handling & Validation

Handling errors in Express and input validation with middleware.

Module 15 · 5.5 hrs

Hands-on session

Angular Forms & State Management

Creating and handling forms in Angular. Using RxJS for state management.

Module 16 · 3.5 hrs

Hands-on session

Frontend State Management

Introduction to NgRx (Redux for Angular) or Angular Services for state management.

Module 17 · 3.5 hrs

Hands-on session

Testing REST APIs

Introduction to API testing using Postman / Insomnia / Thunder Client.

Module 18 · 7 hrs

Hands-on session

Project Integration & Final Testing

Final integration of frontend and backend, and testing all functionalities.

Module 19 · 4 hrs

Hands-on session

Project Deployment

Frontend deployment with Vercel / Netlify and backend deployment with Render Cloud.

Module 20 · 5 hrs

Hands-on session

Project Presentation & Wrap-up

Review of key concepts. Participants present their projects.

More in Full Stack

View all