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
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, 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
Who this course is for:
- Beginners to MEAN Stack development
- Novice Programmers
- Novice developers
Post a Comment