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

Create a MEAN Stack Application step by step from scratch

Ratings: 3.53 / 5.00




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


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

Who Should Attend!

  • Beginners to MEAN Stack development
  • Novice Programmers
  • Novice developers