Explore

Become a MEAN Stack Developer: MongoDB; Express;Angular;Node

9 hours on-demand video

$ 12.99

Save Course

Go to Course

Brief Introduction

Create a MEAN Stack Application step by step from scratch

Description

MEAN, a free, open-source, full-stack solution for MEAN applications. MEAN combines MongoDB, Express.js, AngularJS, and Node.js into a single, fullstack solution for JavaScript development.

This course introduces development techniques that capitalise on the strengths of every layer in the MEAN stack, using a simple shopping list application project that has a Backend server side Api built with Node , Express and MongoDB and a Frontend client built with angular 6 that will exchange with the backend Api . Data will be exchanged between a browser based client and an API backend service . You will learn the essential concepts of the MEAN stack .

Learn how to create a component and a form for users to add new items and also to edit items. The front end Angular Client will display data stored from the backend service. These techniques can be reused and recombined in your own MEANbased web applications.

What we will cover includes:

Installing and setting up your MEAN development environment
Configuring Angular Component with a form to add new items and also to edit existing items
Creating http methods
Displaying stored items from databasse
Learn how to connect your Angular Frontend to a NodeJS & Express & MongoDB Backend
Installing and working with MongoDB and Node.js
Implementing a MongoDB schema
Defining routes
Using Postman to interact with backend API
Using nodemon to run server
Implementing middleware
Subscribing to Observables
Creating a data service
Injecting service into component
Editing component
Nesting Component

Requirements

Requirements
Basic knowledge of HTML and CSS will be useful
Basic knowledge of JavaScript
Basic knowledge of MongoDB
Basic knowledge of Angularjs
Basic knowledge of Nodejs
Basic knowledge of Expressjs
Basic knowledge of routing and http methods

Knowledge

Build a MEAN Stack application
Setup a Mean Stack Development Environment
Create a new Angular 6 Project
Create a new Angular 6 Component
Edit a Component
Create a MongoDBb database
Create a MongoDB Schema
Start and Stop MongoDB server
Use nodemon to manager node server
Create a node and express backend API server
Create a package json file
Define Routes
Test Routes
Use Postman to interact with backend server
Implement Middlewares in your project
Create interaction between route and mongodb schema
Understand Observable
Subscribe to an observable
Understand RXJS
Add forms to components
Use various Angular ng directives
Install and use Bootstrap
Creating various http methods

Recommended for you

Real-World Projects with MEAN Stack

Get proficient with MEAN Stack development through the process of building 3 real-world projects Delve deeper into MEAN Stack by building 3 real-world projects....

Save Course

Learn MEAN Stack

MEAN - MongoDB, Express. js, AngluarJS and Node. js Being a one-trick programming pony doesn’t cut it anymore in today’s tech job market....

Save Course