Course Information
Registration period
Year-round Recruitment
Course Level
Study Mode
Duration
8 Hour(s) 50 Minute(s)
Language
English
Taught by
Bluelime Learning Solutions
Rating
3 views
Course Overview
Create a MEAN Stack Application step by step from scratch
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
Course Content
- 8 section(s)
- 84 lecture(s)
- Section 1 Mean Stack Introduction
- Section 2 Installing Node
- Section 3 Installing MongoDB
- Section 4 Basic MongoDB CRUD Operations
- Section 5 Introduction to Git
- Section 6 Some Important Keywords
- Section 7 Creating a MEAN Stack Application- Part 1 :Building Server Side API
- Section 8 Creating a MEAN Stack Application- Part 2 :Building Frontend with Angular 6
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
Skills covered in this course
Reviews
-
AAditya Kumar
intresting
-
NNayan Singh
nice course, easy to understand
-
AAlexandro Hugo Lopes
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
-
RRoshan Makadia
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 ?
