Become a MEAN Stack Developer: MongoDB; Express;Angular;Node
4.6 (112 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
2,561 students enrolled

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

Create a MEAN Stack Application step by step from scratch
4.6 (112 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
2,561 students enrolled
Last updated 6/2018
English
English [Auto-generated]
Current price: $79.99 Original price: $114.99 Discount: 30% off
5 hours left at this price!
30-Day Money-Back Guarantee
This course includes
  • 9 hours on-demand video
  • 1 article
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
Training 5 or more people?

Get your team access to 4,000+ top Udemy courses anytime, anywhere.

Try Udemy for Business
What you'll 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
Course content
Expand all 83 lectures 08:50:47
+ Installing Node
8 lectures 37:48
What is Node
03:01
Installing Node
03:22
What is Npm
05:00
Updating npm
04:34
Basic npm commands
03:24
Global Objects
02:43
Synchronous vs Asynchronous
10:50
Installing visual studio code
04:54
+ Installing MongoDB
8 lectures 26:06
What is MongoDB
01:48
Download and Install MongoDB on Windows
04:39
Modifying environment variables
06:16
Creating a storage directory for MongoDB
03:14
Installing MongoDB on Macs
01:17
Starting and stopping MongoDB server
02:21
MongoDB Data types
03:20
MongoDB vs RDBMS
03:11
+ Basic MongoDB CRUD Operations
6 lectures 35:32
Creating a database
05:42
Dropping a database
03:01
Inserting Documents into MongoDB
06:12
Querying a document in MongoDB
05:40
Updating a document
08:24
Deleting a document
06:33
+ Introduction to Git
8 lectures 32:53
What is Git
04:32
What is Github
02:20
Basic Git Architecture
04:01
Git workflow
03:09
Retrieving specific configuration settings
02:32
Installing Git
06:01
Basic Git Configuration
06:12
Using Git help
04:06
+ Some Important Keywords
7 lectures 39:32
What is HTTP
06:20
What is a URL
04:16
What is an API
05:57
Angular Buzz words
04:00
What is MVC
03:14
What is a callback
07:36
What is an Arrow Function
08:09
+ Creating a MEAN Stack Application- Part 1 :Building Server Side API
18 lectures 02:06:55
What we will create
02:09
Creating project directories
03:02
Initialising the project
08:09
Installing dependencies
07:29
Creating the main file
05:01
Connecting to MongoDB
13:06
Installing node monitor
04:35
Testing a route
04:04
Creating a directory for route and model
03:02
Introduction to Middlewares
05:16
Adding Middlewares
07:50
Adding Routes
13:02
Creating a MongoDB schema
07:58
Route and Schema interaction -Part 1
07:57
Route and Schema interaction -Part 2
08:47
Introduction to Postman
05:09
Route and Schema interaction -Part 3
06:30
Route and Schema interaction -Part 4
13:49
+ Creating a MEAN Stack Application- Part 2 :Building Frontend with Angular 6
23 lectures 03:30:24
Setting up Development Environment
05:05
Creating a new Angular 6 Project
12:56
Serving your application
02:55
Editing your angular component
04:05
Creating a new Component
07:24
Introduction to Observables
05:06
Introduction to RXJS
02:16
Configuring the component
11:42
Configuring a Data Service
11:33
Injecting service into component
07:47
Nesting an Testing Component
08:24
Displaying Items
05:51
Installing Bootstrap
06:55
Configuring Component -Part 1
11:43
Configuring Component -Part 2
05:55
Configuring Component -Part 3
14:29
Configuring Component -Part 4
11:40
Implementing Adding a new item
09:29
Implementing deleting an item
16:45
Adding Edit form -Part 1
15:50
Adding Edit form -Part 2
17:21
Enforcing required fields input
04:29
Adding a checkbox function
10:44
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
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


Who this course is for:
  • Beginners to MEAN Stack development
  • Novice Programmers
  • Novice developers