Master the MEAN stack and its components to create dynamic web applications.

Become a MEAN Stack Developer

In this module, we'll learn how to build a full-stack application using the MEAN stack. We'll begin with the frontend by learning how to create and set up an Angular application from scratch. Next, we'll learn to implement routing, router guards, token-based authentication, authorization, error handling, and dependency injection in an Angular application. Next, we’ll shift our focus to the backend. We'll use Node.js, Express, and MongoDB to create REST APIs. Additionally, we'll learn to create middleware for handling errors, token verification, setting up models and schemas, creating a database using MongoDB, and the concept of separation of concern.


By the end of this module, we’ll understand how to connect both the backend and the frontend to create a full-stack application, as well as how to deploy a fully functional application.

Building a Full-Stack Application Using the MEAN Stack

What is the correct directive to use in the template view?
```
this.userForm= new FormGroup({
      name: new FormControl(),
      email: new FormControl()
});
```

What is the correct directive to use in the template view?
<pre><code>this.userForm= new FormGroup({
 name: new FormControl(),
 email: new FormControl()
});
</code></pre>

Which type of form in Angular uses the `formControlName` directive?


Which type of form in Angular uses the <code>formControlName</code> directive?

Which form event is used to submit a form in Angular?

Which form event is used to submit a form in Angular?

Which is _not_ a way of securing a single-page application?


Which is not a way of securing a single-page application?

Which is _not_ an advantage of a single-page application?

Which is not an advantage of a single-page application?

It is a function that processes `FormControl` or a collection of controls and returns an error.


It is a function that helps intercept input property changes.


It is a function that is called whenever new objects are called in the `FormControl` class.


It is an object instantiated when there’s a change in the input state.


What is the main functionality of Validators in Angular?

What is the main functionality of Validators in Angular?

What are the three default observers used by the `subscribe()` method in Angular?

What are the three default observers used by the <code>subscribe()</code> method in Angular?

 `this.router.navigate(['/list-course'])`

Which is the proper way to instantiate the `Router` object in Angular?


Which is the proper way to instantiate the <code>Router</code> object in Angular?

Test your knowledge of what you’ve learned about user authentication.

Let's Start MEAN Stack Development

The Angular Frontend - Designing the App

MEAN Stack Assessment 1 (The Frontend)

The Backend: Adding NodeJS to our Project

Setting up Mongo DB

Working with RESTful API

MEAN Stack Assessment 2 (The Backend)

Angular Services, The HttpClient Module, Providers and Dependency

Implementing User Authentication

Implementing CRUD Functionality in the Frontend

Toast Notifications, Preloaders and Deployment

Appendix

Conclusion

Quiz: Implementing User Authentication