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

Which of these is _not_ a feature of MongoDB Atlas?


Which of these is not a feature of MongoDB Atlas?

Which of these is a major factor to consider when selecting a cloud provider and region in MongoDB Atlas?


Which of these is a major factor to consider when selecting a cloud provider and region in MongoDB Atlas?

```
db.users.updateOne(
   { _id: 1 },
   [
      { { firstname: "Mike" } }
   ]
)
```

```
db.users.updateOne(
   { _id: 1 },
   [
      { $set: { firstname: "Mike" } }
   ]
)
```

```
db.users.updateAll(
   { _id: 1 },
   [
      { $set: { firstname: "Mike" } }
   ]
)
```

```
db.users.update(
   { _id: 1 },
   [
      { { firstname: "Mike" } }
   ]
)
```

You’re given a MongoDB collection called `users` that contains a document with the field `_id:1`. How would you go about updating the `email` field?

You’re given a MongoDB collection called <code>users</code> that contains a document with the field <code>_id:1</code>. How would you go about updating the <code>email</code> field?

The Mongoose library supports which database model?


The Mongoose library supports which database model?

It helps to provide an easy abstraction of data.


Which of the following is _not_ a merit of using Mongoose?


Which of the following is not a merit of using Mongoose?

Which format does MongoDB Atlas support?


Which format does MongoDB Atlas support?

```
db.languageDetails.find( {
   $text: { $search: "backend" },(correct)
   views: { $gt: 100 }
})
```

```
db.languageDetails.find( {
    { $search: "backend" },
    { $gt: 100 }
})
```

```
db.languageDetails.find( {
   $findAll: { $search: "backend" },
   views: { $gt: 100 }
})
```

```
db.languageDetails.find( {
   $findOne: { $search: "backend" },
   views: { $gt: 100 }
})
```

How would you query all languages with a backend type with more than 100 views given the following MongoDB insert?


```
db.languageDetails.insertMany([
     { _id: 1, language: "JavaScript", type: "frontend", views: 300 },
     { _id: 2, language: "Java", type: "backend", views: 76 },
     { _id: 3, language: "Python", type: "backend", views: 250 },
     { _id: 4, language: "php", type: "backend", views: 125},
     { _id: 5, language: "Swift", type: "backend", views: 45}
])
```

How would you query all languages with a backend type with more than 100 views given the following MongoDB insert?
<pre><code>db.languageDetails.insertMany([
 { _id: 1, language: &quot;JavaScript&quot;, type: &quot;frontend&quot;, views: 300 },
 { _id: 2, language: &quot;Java&quot;, type: &quot;backend&quot;, views: 76 },
 { _id: 3, language: &quot;Python&quot;, type: &quot;backend&quot;, views: 250 },
 { _id: 4, language: &quot;php&quot;, type: &quot;backend&quot;, views: 125},
 { _id: 5, language: &quot;Swift&quot;, type: &quot;backend&quot;, views: 45}
])
</code></pre>

How many schema types does a Mongoose schema support?

How many schema types does a Mongoose schema support?

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: Setting up Mongo DB