22/02/2021 Angular with NodeJS - The MEAN Stack Training Guide | Udemy

New student deal | Sign up now to get courses for as low as ₹525 each. New users only. Ends in
5h 32m 50s.

Development Web Development MEAN Stack

Preview this course

Angular & NodeJS - The MEAN Stack Guide [2021 Edition]
Learn how to connect your Angular Frontend to a NodeJS & Express & MongoDB Backend by
building a real Application
Bestseller
4.7 (19,094 ratings) 93,566 students
Created by Maximilian Schwarzmüller
Last updated 2/2021
English
English, French [Auto], 7 more
₹525 ₹8,640 94% off
5 hours left at this price!
Add to cart
30-Day Money-Back Guarantee
Add to Wishlist
₹525Overview Curriculum Buy now Instructor Reviews
₹8,640
https://www.udemy.com/course/angular-2-and-nodejs-the-practical-guide/ 1/15
22/02/2021 Angular with NodeJS - The MEAN Stack Training Guide | Udemy

Share
Gift this course
Apply Coupon

What you'll learn

Build real Angular + NodeJS applications
Understand how Angular works and how it interacts with Backends
Connect any Angular Frontend with a NodeJS Backend
Use MongoDB with Mongoose to interact with Data on the Backend
Use ExpressJS as a NodeJS Framework
Provide a great user experience by using Optimistic Updating on the Frontend
Improve any Angular (+ NodeJS) application by adding Error Handling

Curated for the Udemy for Business collection

Course content
13 sections • 151 lectures • 12h 45m total length
Expand all sections
Getting Started
Introduction
What is MEAN?
Join our Online Learning Community
What is a Single Page Application (SPA)?
How Does the MEAN Stack Work?
MUST READ: Angular CLI - Latest Version
₹525Overview Curriculum Buy now Instructor Reviews
₹8,640 Installing Node & the Angular CLI
https://www.udemy.com/course/angular-2-and-nodejs-the-practical-guide/ 2/15
22/02/2021 Angular with NodeJS - The MEAN Stack Training Guide | Udemy

Installing our IDE

Exploring the Project Structure
Course Outline
How To Get The Most Out Of This Course
Section Resources

The Angular Frontend - Understanding the Basics

Module Introduction
Understanding the Folder Structure
Understanding Angular Components
Adding our First Component
Listening to Events
Outputting Content
Getting User Input
Installing Angular Material
Adding a Toolbar
Outputting Posts
Diving Into Structural Directives
Creating Posts with Property & Event Binding
Creating a Post Model
Adding Forms
Getting Posts from Post-Create to Post-List
Calling GET Post
More About Observables
Working on our Form
Section Resources

Adding NodeJS to our Project

₹525Overview Curriculum Buy now Instructor Reviews
₹8,640 Module Introduction
https://www.udemy.com/course/angular-2-and-nodejs-the-practical-guide/ 3/15
22/02/2021 Angular with NodeJS - The MEAN Stack Training Guide | Udemy

Connecting Node & Angular - Theory

What is a RESTful API?
Adding the Node Backend
Adding the Express Framework
Improving the server.js Code
Fetching Initial Posts
Using the Angular HTTP Client
Understanding CORS
Adding the POST Backend Point
Adding Angular
Section Resources

Working with MongoDB

Module Introduction
What is MongoDB?
Comparing SQL & NoSQL
Connecting Angular to a Database
Setting Up MongoDB
Using MongoDB Atlas & IP Whitelist
Adding Mongoose
Understanding Mongoose Schemas & Models
Creating a POST Instance
Connecting our Node Express App to MongoDB
Storing Data in a Database
Fetching Data From a Database
Transforming Response Data
Deleting Documents
₹525Overview
Updating the Frontend after Deleting Posts
Buy now Instructor
₹8,640 Adding Posts with an ID Curriculum Reviews
https://www.udemy.com/course/angular-2-and-nodejs-the-practical-guide/ 4/15
22/02/2021 Angular with NodeJS - The MEAN Stack Training Guide | Udemy

Section Resources

Enhancing the App

Module Introduction
Adding Routing
Styling Links
Client Side vs Server Side Routing
Possible Error
Creating the "edit" Form
Finishing the Edit Feature
Updating Posts on the Server
Re-Organizing Backend Routes
Adding Loading Spinners
Section Resources

Adding Image Uploads to our App

Module Introduction
Adding the File Input Button
Converting the Form from a Template Driven to a Reactive
Approach
Adding Image Controls to Store the Image
Adding an Image Preview
Starting with the Mime-Type Validator
Finishing the Image Validator
Adding Server Side Upload
Uploading Files
Working with the File URL
Beware of the Spread (...) Operator
₹525Overview Curriculum
₹8,640 Fetching Images on the Frontend Buy now Instructor Reviews
https://www.udemy.com/course/angular-2-and-nodejs-the-practical-guide/ 5/15
22/02/2021 Angular with NodeJS - The MEAN Stack Training Guide | Udemy

Updating Posts with Images

Wrap Up
Section Resources

Adding Pagination
Module Introduction
Adding the Pagination Component
Working on the Pagination Backend
Connecting the Angular Paginator to the Backend
Fetching Posts Correctly
Finishing Touches
Section Resources

Adding User Authentication

Module Introduction
Adding the Login Input Fields
Handling User Input
Adding the Signup Screen
Creating the User Model
Creating a New User Upon Request
Connecting Angular to the Backend
Understanding SPA Authentication
Implementing SPA Authentication
Sending the Token to the Frontend
Adding Middleware to Protect Routes
Adding the Token to Authenticate Requests
Improving the UI Header to Reflect the Authentication Status
₹525Overview
Improving the UI MessagesCurriculum
to Reflect the Authentication
Buy now Instructor Reviews
₹8,640 Status
https://www.udemy.com/course/angular-2-and-nodejs-the-practical-guide/ 6/15
22/02/2021 Angular with NodeJS - The MEAN Stack Training Guide | Udemy

Connecting the Logout Button to the Authentication Status

Redirecting Users
Adding Route Guards
Reflecting the Token Expiration in the UI
Saving the Token in the Local Storage
Section Resources

Authorization
Module Introduction
Adding a Reference to the Model
Adding the User ID to Posts
Protecting Resources with Authorization
Passing the User ID to the Frontend
Using the User ID on the Frontend
Section Resources

Handling Errors
Module Introduction
Testing Different Places to Handle Errors
The Error Interceptor
Displaying the Basic Error Dialog
Adding an Error Dialog
Returning Error Messages on the Server
Finishing Touches
Section Resources

Optimizations
₹525Overview
Module Introduction Curriculum Buy now Instructor Reviews
₹8,640
https://www.udemy.com/course/angular-2-and-nodejs-the-practical-guide/ 7/15
22/02/2021 Angular with NodeJS - The MEAN Stack Training Guide | Udemy

Using Controllers
Separating the Middleware
Creating an Angular Material Module
Splitting the App Into Feature Modules
Fixing an Update Bug
Creating the Auth Module
Adding Lazy Loading
Fixing the AuthGuard
Using a Global Angular Config
Using Node Environment Variables
Section Resources

Deploying our App

Module Introduction
Deployment Options
Deploying the REST API
Deploying the REST Api
Deploying Angular
Angular Deployment - Finishing the Two App Setup
Using the Integrated Approach
Section Resources

Course Roundup
Course Roundup
Possible Addition: Add Web Sockets for Realtime Refresh
Bonus: More Content!

Requirements
₹525Overview
₹8,640 Curriculum Buy now Instructor Reviews
https://www.udemy.com/course/angular-2-and-nodejs-the-practical-guide/ 8/15
22/02/2021 Angular with NodeJS - The MEAN Stack Training Guide | Udemy

Concepts behind NodeJS, Express and MongoDB (with Mongoose) will be refreshed in this course
but as this course is focused on the connection of these technologies with Angular, basic
knowledge about them is strongly recommended
It is recommended to have beginner-level Angular knowledge, though this course will provided a
detailed refresher and will explain the core concepts used in detail
HTML, CSS and basic JavaScript knowledge is assumed throughout this course
NO advanced or expert knowledge about any of these topics is assumed or required

Top companies trust Udemy

Get your team access to Udemy's top 5,000+ courses

Try Udemy for Business

Description
Create modern, scalable and high-speed Web Applications with Angular (formerly named Angular
2, now just "Angular") and Node.js + Express + MongoDB.
Angular 1 and NodeJS, together with ExpressJS (a NodeJS Framework) and MongoDB formed the very
popular MEAN stack. Now is the time to dive into MEAN 2.0 and replace Angular 1 with Angular 2+.
Benefit from the many improvements and advantages Angular offers you: Speed, ease of development,
highly reactive, awesome support for asynchronous operations, great scalability and more!
And combine these advantages with the power of a NodeJS + Express + MongoDB backend!
Learn or refresh the Angular Basics!
This course is no Angular course, but it includes detailed explanations of the core concepts used as well
as about Angular in general. However, keep in mind that, as this course is no Angular course, having
Show more

Featured review
Constantine Fedoruk
39 courses
22 reviews
a year ago
I have courses from Maximilian Angular, Mongodb, Nodejs, TypeScript and this course. This
course does not examine each of the topics so deeply, but it goes through each of them
₹525sufficiently
Overview to understand howCurriculum
it all works together.
Buy After
now thisInstructor
course, you can already make your
Reviews
₹8,640
https://www.udemy.com/course/angular-2-and-nodejs-the-practical-guide/ 9/15
22/02/2021 Angular with NodeJS - The MEAN Stack Training Guide | Udemy

ll j b if k l kf i h b C lh
Was this review helpful?
Report

Students also bought

2021 Python for Machine Learning & 4.7 17,508 ₹525
Data Science Masterclass ₹8,640
35 total hours ● Updated 2/2021
Build Web Apps with Vue JS 3 & 4.8 16,406 ₹525
Firebase ₹6,400
Highest rated 30 total hours ● Updated 12/2020

Go: The Complete Developer's Guide 4.6 61,871 ₹525

(Golang) ₹5,440
Bestseller 9 total hours ● Updated 2/2021

Understanding TypeScript - 2021 4.7 92,294 ₹525

Edition ₹8,640
Bestseller 15 total hours ● Updated 11/2020

CSS - The Complete Guide 2021 (incl. 4.7 49,835 ₹525

Flexbox, Grid & Sass) ₹8,640
Bestseller 23 total hours ● Updated 1/2021

NodeJS - The Complete Guide (MVC, 4.7 112,427 ₹525

REST APIs, GraphQL, Deno) ₹8,640
Bestseller 40.5 total hours ● Updated 11/2020

Show more

₹525Overview Curriculum Buy now Instructor Reviews

₹8,640
https://www.udemy.com/course/angular-2-and-nodejs-the-practical-guide/ 10/15
22/02/2021 Angular with NodeJS - The MEAN Stack Training Guide | Udemy

Instructor
Maximilian Schwarzmüller
Professional Web Developer and Instructor
4.6 Instructor Rating
567,161 Reviews
1,342,827 Students
35 Courses
Experience as (Web) Developer
Starting out at the age of 13 I never stopped learning new programming skills and languages. Early I
started creating websites for friends and just for fun as well. Besides web development I also explored
Python and other non-web-only languages. This passion has since lasted and lead to my decision of
working as a freelance web developer and consultant. The success and fun I have in this job is immense
and really keeps that passion burningly alive.
Show more

4.7
Student feedback
₹525Overview Buy now Instructor
₹8,640 Course RatingCurriculum Reviews
https://www.udemy.com/course/angular-2-and-nodejs-the-practical-guide/ 11/15
22/02/2021 Angular with NodeJS - The MEAN Stack Training Guide | Udemy

63%
29%
6%
1%
1%

Reviews
Search reviews
All ratings
Salah Al-Sagheer
2 months ago
I love this course and all the other courses of Max for a simple reason: he start from 0 and end with 100.
His pragmatic way of thinking/teaching is just awesome. He does not just give an example, he builds a
use case the right way.
Was this review helpful?
Report

Joel Miller
2 months ago
Great course! would highly recommend it to my peers! I would, however, warn anyone who is thinking of
taking this course, that it is very important you have previous experience with angular, node.js, and
working with databases, as the instructor focuses more on how to integrate these resources with one
another as opposed to teaching you how to use these resourses.
Was this review helpful?
Report

Mariana Mourão
3 months ago
Oh yes... The course is good. The teacher has a BIG knowledge! it is amazing how he goes through the
issues you may encounter.
Was this review helpful?
Report

Muzammil Waqar
₹525 Overview 6 months ago
₹8,640 Curriculum Buy now Instructor Reviews
https://www.udemy.com/course/angular-2-and-nodejs-the-practical-guide/ 12/15
22/02/2021 Angular with NodeJS - The MEAN Stack Training Guide | Udemy

A real-life Experience for the basic to intermediate learning, a throughout great experience learning from
him, took care of little details and explained each and every step, happy to purchase this course worth
time and money hope to see you in more courses and also some of blockchain someday
Was this review helpful?
Report

Sukanya Joshi
a month ago
This course was having too much updation in angular and the support to the questions asked were not
enough to proceed further
I think I have added 1.5 stars because of the custom cases taken into consideration
Was this review helpful?
Report

Klemen Randl
a month ago
Very well done, a great overview of the whole stack, using good developer practices and clear
explanation of the whole process. I was so immersed with this topic that I purchased 2 more courses
(NodeJS and Angular), can't wait to dive deeper. Thanks, Max!
Was this review helpful?
Report

Marcus Dutton
2 months ago
I've learned a lot of concepts and am glad I choose to learn the MEAN stack. Max is very thorough.
Was this review helpful?
Report

Noor Totah
a month ago
I bought about 6. courses created by max, he gives intensive information in his courses, and he dives
with you in the code from easy to more complex. He doesn't throw the code into your face, he creates
the code step by step on demand and how you how the code gets better by learning more concepts.
Was this review helpful?
Report

₹525
Francisco de León
Overview Curriculum Buy now Instructor Reviews
₹8,640
https://www.udemy.com/course/angular-2-and-nodejs-the-practical-guide/ 13/15
22/02/2021 Angular with NodeJS - The MEAN Stack Training Guide | Udemy

2 months ago
It's a great basic course for the Angular, and NodeJS with Express and MongoDB, and it clearly shows
how to connect everything, which is the part I was more concerned about
Was this review helpful?
Report

Aravind Goud D L
3 months ago
Excellent introduction to the MEAN stack. I love the way the the code is gradually built up. This gives
good insights into "when you need to do this", "do this" OR "when you run into this issue", "fix it this
way". And Max... I have been following his videos on YouTube and a great fan on his in-depth and
hands-on experience on Angular and other technologies. Absolute 5 star.
Was this review helpful?
Report

Raghav Watts
3 months ago
It did cover most of the things that I needed and I was almost ready to apply this knowledge to build
stuff. So I think it is what one needs.
Was this review helpful?
Report

Doug Cash
2 months ago
Great introduction to a bunch of topics. Found several difficulties during the deployment, but the first
98% of the course was wonderfully elaborated on.
Was this review helpful?
Report

See more reviews

₹525Overview Curriculum Buy now Instructor Reviews

₹8,640
https://www.udemy.com/course/angular-2-and-nodejs-the-practical-guide/ 14/15
22/02/2021 Angular with NodeJS - The MEAN Stack Training Guide | Udemy

Report abuse

Top companies choose Udemy for Business to build in-demand career

skills.

English
Udemy for Business
Teach on Udemy
Get the app
About us
Contact us
Careers
Blog
Help and Support
Affiliate
Terms
Privacy policy
Sitemap
Featured courses

© 2021 Udemy, Inc.

₹525 Buy now

₹8,640
https://www.udemy.com/course/angular-2-and-nodejs-the-practical-guide/ 15/15