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
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 anda 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
