Building a MEAN Application

Introduction to the MEAN Stack

Building a web application requires a lot of different technologies and frameworks. Luckily JavaScript is extremely flexible. It can be run both in a browser and on a server enabling developers to build applications quickly and efficiently in a language they already know. In this stage you will review what makes up the MEAN stack and why it’s important. Afterwards, you will set up a basic Express application. 5 steps

• What MEAN Means 2:14
• Building a MEAN App Overview 2:35
• Review the MEAN Stack 6 questions
• Setting Up an Express Application 9:53
• Review Express App 5 questions

Going MEAN with Express

In this stage you will add some routes to your Express application. Express is designed to work well as a RESTful API service. The routes you create here will be used by your Angular application later in the course. 5 steps

• Setting Up an Express API 6:53
• Review Setting Up the Express API 5 questions
• Create an API Controller 2:55
• Mocking Data 3:41
• Review Mocking Data 5 questions

Going MEAN with Angular

Angular is one of the top client-side frameworks today. In this stage you will be using the same Angular application found in the Angular Basics course. You will be introduced to webpack, a client-side module loader. 4 steps

• Angular Refresher 6:15
• GET-ing TODOs 2:30
• Setting Up webpack 8:05
• Review Going MEAN with Angular 5 questions

Setting Up MongoDB

In this stage, you will use Mongoose to set up your MongoDB client. 7 steps

• Using MongoDB with Express and Mongoose 3:42
• Mongoose Schemas 4:06
• Review Mongoose Schemas 5 questions
• Debugging Express Application Refresher 6:18
• Using Models in Your Application 4:07
• Creating Seed Data 4:04
• Review Setting Up MongoDB 5 questions

Creating and Editing Data in a MEAN App

Now that we’ve got MongoDB set up we’ll want to create some routes (endpoints) in Express for our Angular application to use for creating and editing data. 5 steps

• Creating Data with POST Routes in Express 6:49
• Editing Data with PUT Routes in Express 6:06
• Review Editing Data with Express 5 questions
• Create and Update Data in Angular 7:05
• Review Data in Angular 5 questions

More TODO with the MEAN Stack

Angular is an extremely powerful tool to have in your toolbelt and we’ve barely scratched the surface of it’s capabilities. In this stage we’ll look at some advanced Angular topics and how you can further develop your MEAN stack skills. 3 steps

• Templating with ngInclude 3:14
• Using Angular-wrapped JavaScript APIs 6:16
• Review MEAN Stack 5 questions