4.8
Intermediate
24h
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.
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.
In this course, you’ll learn how to build a full-stack application using the MEAN stack. You’ll begin with the frontend by learn...Show More
WHAT YOU'LL LEARN
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
Working knowledge of creating user interfaces using Angular
Show more
TAKEAWAY SKILLS
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
Course Author:
Developed by MAANG Engineers
Meet the Instructor
Deji Adesoga
Software Engineer at Educative
Every Educative resource is designed by our team of ex-MAANG software engineers and PhD computer science educators — subject matter experts who've shipped production code at scale and taught the theory behind it. No videos, no fluff.
Learn more about DejiTrusted by 2.9 million developers working at companies
"These are high-quality courses. Trust me the price is worth it for the content quality. Educative came at the right time in my career. I'm understanding topics better than with any book or online video tutorial I've done. Truly made for developers. Thanks"
Anthony Walker
@_webarchitect_
"Just finished my first full #ML course: Machine learning for Software Engineers from Educative, Inc. ... Highly recommend!"
Evan Dunbar
ML Engineer
"You guys are the gold standard of crash-courses... Narrow enough that it doesn't need years of study or a full blown book to get the gist, but broad enough that an afternoon of Googling doesn't cut it."
Software Developer
Carlos Matias La Borde
"I spend my days and nights on Educative. It is indispensable. It is such a unique and reader-friendly site"
Souvik Kundu
Front-end Developer
"Your courses are simply awesome, the depth they go into and the breadth of coverage is so good that I don't have to refer to 10 different websites looking for interview topics and content."
Vinay Krishnaiah
Software Developer
Hands-on Learning Powered by AI
See how Educative uses AI to make your learning more immersive than ever before.
AI Prompt
Code Feedback
Explain with AI
AI Code Mentor
Free Resources
