AI-powered learning
Save this course
Building a Full-stack Application Using the MEAN Stack
Gain insights into building full-stack applications using the MEAN stack. Explore Angular for frontend, Node.js, Express, and MongoDB for backend, and learn integration and deployment.
4.8
79 Lessons
24h
Join 2.9 million developers at
Join 2.9 million developers at
LEARNING OBJECTIVES
- Working knowledge of creating user interfaces using Angular
- An understanding of how to create and consume REST API using Node and Angular
- A working knowledge of how to set up a NoSQL database using MongoDB
- In-depth knowledge of how to structure a MEAN stack application
- Preparing a MEAN stack application for deployment
Learning Roadmap
2.
Introduction to the MEAN Stack
Introduction to the MEAN Stack
Look at the MEAN stack's components, benefits, versioning, and their application in a course management app.
3.
The Angular Frontend - Designing the App
The Angular Frontend - Designing the App
16 Lessons
16 Lessons
Go hands-on with designing the Angular frontend for a course management app.
4.
The Backend: Adding NodeJS to our Project
The Backend: Adding NodeJS to our Project
10 Lessons
10 Lessons
Grasp the fundamentals of adding NodeJS, project structure, middleware, and creating a web server.
5.
Setting up Mongo DB
Setting up Mongo DB
5 Lessons
5 Lessons
Establish and securely connect MongoDB Atlas, set up schemas, and organize user and course data.
6.
Working with RESTful API
Working with RESTful API
7 Lessons
7 Lessons
Follow the process of designing, implementing, testing, and deploying RESTful APIs in MEAN stack.
7.
Angular Services, The HttpClient Module, Providers and Dependency
Angular Services, The HttpClient Module, Providers and Dependency
8 Lessons
8 Lessons
Build on creating Angular services, using HttpClient, implementing DI, and displaying REST API data.
8.
Implementing User Authentication
Implementing User Authentication
10 Lessons
10 Lessons
Learn how to use Angular for user authentication, handling forms, and securing routes.
9.
Implementing CRUD Functionality in the Frontend
Implementing CRUD Functionality in the Frontend
5 Lessons
5 Lessons
Get started with implementing CRUD operations using Angular forms and REST APIs.
10.
Toast Notifications, Preloaders and Deployment
Toast Notifications, Preloaders and Deployment
4 Lessons
4 Lessons
Work your way through toast notifications, preloaders, and deploying Angular projects with Netlify.
12.
Appendix
Appendix
7 Lessons
7 Lessons
Solve problems in setting up and installing MEAN stack technologies and essential packages.
Certificate of Completion
Showcase your accomplishment by sharing your certificate of completion.
Complete more lessons to unlock your certificate
Developed by MAANG Engineers
ABOUT THIS COURSE
In this course, you’ll learn how to build a full-stack application using the MEAN stack. You’ll begin with the frontend by learning how to create and set up an Angular application from scratch. Furthermore, you’ll learn to implement routing, router guards, token-based authentication, authorization, error handling, and dependency Injection in an Angular application.
Next, the focus shifts to the backend. You’ll learn by using Node.js, Express, and MongoDB to create REST APIs. Additionally, you’ll learn to create middleware for handling errors, token verification, setting up models and schemas, creating a database using MongoDB, as well as the concept of separation of concern.
By the end of this course, you will have an understanding of how to connect both the backend and the frontend together to create a full-stack application, as well as how to deploy a fully functional application.
ABOUT THE AUTHOR
Deji Adesoga
Software Developer at Enterfive and Content Creator on the https://thecodeangle.com/ and https://www.youtube.com/c/TheCodeAngle
Trusted by 2.9 million developers working at companies
A
Anthony Walker
@_webarchitect_
E
Evan Dunbar
ML Engineer
S
Software Developer
Carlos Matias La Borde
S
Souvik Kundu
Front-end Developer
V
Vinay Krishnaiah
Software Developer
Built for 10x Developers
No Passive Learning
Learn by building with project-based lessons and in-browser code editor
Personalized Roadmaps
The platform adapts to your strengths & skills gaps as you go
Future-proof Your Career
Get hands-on with in-demand skills
AI Code Mentor
Write better code with AI feedback, smart debugging, and "Ask AI"
MAANG+ Interview Prep
AI Mock Interviews simulate every technical loop at top companies
Free Resources
