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

Create a MEAN Stack Application step by step from scratch

4.10 (225 reviews)
Udemy
platform
English
language
Web Development
category
24,648
students
9 hours
content
Jun 2021
last update
$54.99
regular price

What you will learn

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

Description

MEAN, a free, open-source, full-stack solution for MEAN applications. MEAN combines MongoDB, Express.js, AngularJS, and Node.js into a single, full­stack 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 MEAN­based 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


Content

Mean Stack Introduction

Introduction
What is Mean Stack
What is JSON
JSON Syntax
Creating a JSON document

Installing Node

What is Node
Installing Node
What is Npm
Updating npm
Basic npm commands
Global Objects
Synchronous vs Asynchronous
Installing visual studio code

Installing MongoDB

What is MongoDB
Download and Install MongoDB on Windows
Modifying environment variables
Creating a storage directory for MongoDB
Installing MongoDB on Macs
Starting and stopping MongoDB server
MongoDB Data types
MongoDB vs RDBMS

Basic MongoDB CRUD Operations

Creating a database
Dropping a database
Inserting Documents into MongoDB
Querying a document in MongoDB
Updating a document
Deleting a document

Introduction to Git

What is Git
What is Github
Basic Git Architecture
Git workflow
Retrieving specific configuration settings
Installing Git
Basic Git Configuration
Using Git help

Some Important Keywords

What is HTTP
What is a URL
What is an API
Angular Buzz words
What is MVC
What is a callback
What is an Arrow Function

Creating a MEAN Stack Application- Part 1 :Building Server Side API

What we will create
Creating project directories
Initialising the project
Installing dependencies
Creating the main file
Connecting to MongoDB
Installing node monitor
Testing a route
Creating a directory for route and model
Introduction to Middlewares
Adding Middlewares
Adding Routes
Creating a MongoDB schema
Route and Schema interaction -Part 1
Route and Schema interaction -Part 2
Introduction to Postman
Route and Schema interaction -Part 3
Route and Schema interaction -Part 4

Creating a MEAN Stack Application- Part 2 :Building Frontend with Angular 6

Setting up Development Environment
Creating a new Angular 6 Project
Serving your application
Editing your angular component
Creating a new Component
Introduction to Observables
Introduction to RXJS
Configuring the component
Configuring a Data Service
Injecting service into component
Nesting an Testing Component
Displaying Items
Installing Bootstrap
Configuring Component -Part 1
Configuring Component -Part 2
Configuring Component -Part 3
Configuring Component -Part 4
Implementing Adding a new item
Implementing deleting an item
Adding Edit form -Part 1
Adding Edit form -Part 2
Enforcing required fields input
Adding a checkbox function

Screenshots

Become a MEAN Stack Developer: MongoDB; Express;Angular;Node - Screenshot_01Become a MEAN Stack Developer: MongoDB; Express;Angular;Node - Screenshot_02Become a MEAN Stack Developer: MongoDB; Express;Angular;Node - Screenshot_03Become a MEAN Stack Developer: MongoDB; Express;Angular;Node - Screenshot_04

Reviews

Alexandro
June 9, 2021
The teacher has excellent teaching skills, but at the begining of the course the sound was a little bad. People should be warned that the use of Node Modules (nodemon) may work only locally using the command npx nodemon
Amir
May 1, 2021
the explanations seem to come from the internet and the instructor is just reading them without any proper explanation.
Roshan
April 8, 2021
He is teaching that how to make project and what is necessary to make it. But he is not talking about why are we using it ?
Wilko
April 6, 2021
Until now the course lacks structure and consistency. Some lessons give exactly the same content as other lessons. For example, in 'What is NPM' the instructor explains what NPM is, and how to update it. In lesson 'Updating NPM' the instructor starts again explaining what NPM is and how to update it. The instructor quite frequently repeats total irrelevant information. I hope the course will get better in later lessons, until now, I'm not really impressed. After following the course a few more lessons, I decided it's a complete waste of time. The instructor doesn't make the impression he really is knowing what he's doing, he keeps on repeating the same things over and over again and wastes lots of time. For example in the mongodb part, it starts everytime again with how to start the DB, then how to select, then how to create a collection to learn the next command. This course does not present as a well thought of structured course, but as a set of haphazard Youtube videos assuming that each video is the first one the viewer watches. Spent 2.5 hours hours watching those videos and didn't learn a lot. Even 'one star' is one too much!
Alexandr
January 21, 2020
The good is they are demonstrating step-by-step complete process of creating basic CRUD application. The weakness is almost no explanation many of modifications are implemented.
Mayasa
June 5, 2019
The tutor walked through the basic concepts of MEAN stack to build an application without diving too much into the technical detailes, leaving room for self research and development.
Abhinav
September 30, 2018
Love this course...Its best for beginners.It would be better if you know little bit about node.js and angular before taking this course...
Umesh
July 28, 2018
Another great, comprehensive course from BLS in which our instructor, in a very patient and engaging manner, explains each and every action that he does (in easily understandable spoken English), thereby enabling us to code along and build a fully functional MEAN app. Grateful Thanks and Best Wishes, BLS.
Prashant
June 18, 2018
Course is really good for beginners .But for me it was a bit slow (best at speed 1.25) Course could be improved by adding some basic details about map,subscribe function ,etc. Overall It was Awesome.
I
June 12, 2018
I posted question very long time ago, but till now I never get his answer. He explained well, but the problem is that as what I mentioned-above.

Coupons

DateDiscountStatus
8/27/202091% OFF
expired
4/2/2021100% OFF
expired

Charts

Price

Become a MEAN Stack Developer: MongoDB; Express;Angular;Node - Price chart

Rating

Become a MEAN Stack Developer: MongoDB; Express;Angular;Node - Ratings chart

Enrollment distribution

Become a MEAN Stack Developer: MongoDB; Express;Angular;Node - Distribution chart
1720450
udemy ID
5/29/2018
course created date
7/9/2019
course indexed date
Bot
course submited by