Learn to build a complete mean stack project using MongoDB, Angular, Express, NodeJS & Bootstrap5 & Deploy using Azure
What you will learn
You will learn about every component of MEAN stack
You will learn everything in practical hands-on approach including debugging skills
You will learn to create RESTful API using NodeJS with Express and MongoDB
You will build Angular & Bootstrap based application and integrate it with RESTful API’s
You will learn everything about public cloud services
You will create and use most popular Azure cloud services
You will learn the industry standard way of building and deploying software using CICD pipelines on Azure DevOps
You will learn the end to end cycle of software development to deployment to shipping it for production in a controlled automated process
Description
This is a practical hands-on based fullsatck course. It covers all the concepts that one needs to start building end to end application using MEAN stack technology. The course is structured in such a way that you will learn everything by implementing the concepts through project based approach.
Following are the topics that is covered in this course:
- What is mongoDB, how to install mongoDB
- Different concepts of NoSQL
- Hands-on implementation of various query on mongoDB client
- Setting up git bash
- Creating github repositories and setting them up in local
- Installing and setting up the code editor
- Installing nodejs
- Learning everything about nodejs and npm package manager
- Installing various npm packages
- What is ExpressJS
- How to start writting RESTful API’s using Express JS
- How to connect your Express API’s to MongoDB
- How to create MongoDB schemas with mongoose
- Creating a CRUD operation through handson project
- What is Angular framework
- How to create Angular project
- How to create components in Angular project
- How to create services in Angular project
- Installing and using Bootstrap in Angular application
- Consuming RESTful API’s from Angular application
- Dynamic Routing in Angular application
- Submitting form in Angular application
- Form validation in Angular application
- Parsing JSON data in Angular application
- You will learn to use POSTMAN for testing your RESTful API’s
- Committing and pushing code to github repository both for frontend and backend project
- You will learn many more concepts and techniques that will help you in building any MEAN stack application but also it will help you in your MEAN stack interview.
- You will get complete source code for frontend and backend project
English
language
Content
Introduction
Course Introduction
Introduction to nodejs, npm, expressjs, mongodb
Introduction to nodejs, npm, expressjs, mongodb
Installing tools vsc nodejs mongodb
Verify-installation-node-npm-mongodb
All about MongoDB and NoSQL
Playing around with MongoDB and NoSQL queries
Github repo and other setup for API development
Github-Repo-Branch-Create-Checkout
Setting up-Express-Mongoose-DB-Pull-Request-Process
Developing RESTful API’s
Mongoose-Model-Schema-Get-Tasklists
Create-TaskList
Tasklist-Get-Update
Tasklist-Delete-By-Id
Create-GetAll-GetOne-Task-PostmanCollection
Update-Delete-One-Task-Pullrequest
Delete-All-Tasks-If-TaskList-Is-Deleted
Setting up Angular Application
Angular-overview
Angular-setup-ng-serve
Angular-app-style-create-1st-component
Angular-routing
Implementing functionality and Integrating with API’s
Building-frontend-with-bootstrap
Enriching-frontend
Implementing-services-for-API-call
Creating-model-classes
Get-and-CreateTaskList-Get-and-CreateTask
deleteTaskList-deleteTask-updatedStatus
showing-all-tasklists-on-page
get-all-tasks-for-a-taskList-onload
mark-task-as-complete
get-tasks-for-a-tasklist
delete-a-task
delete-a-tasklist
new-component-for-adding-task-and-tasklist
dynamic-routing-for-add-new-task
implementing-add-new-tasklist
implementing-add-new-task
making-ui-mobile-responsive
Source code frontend
Source code backend
What-Why-Cloud-OnPremise-Infrastructure
Public-Cloud-And-Cloud-Providers
Cloud-Models-IaaS-PaaS-SaaS
Azure-Cloud-Services-Overview
Azure-DevOps-Overview
Azure-Free-Account-Registration
Azure-Portal-Walkthrough
Azure-DevOps-Walkthrough
Process-to-enable-Azure-Pipeline-Agents in free account
Overview
Create-CosmosDB
Connecting-DB-From-Local-Code
Setup-Azure-Repos-Git-For-NodeExpress-API
CI-Pipeline-For-NodeExpress-API
Create-Azure-AppService
Create-CD-Pipeline-For-NodeExpress-API
Connect-AppService-API-From-Local-AngularApp
Logging-Monitoring-with-AppInsights
Pushing-Angular-Code-to-Azure-Repos-Git
Creating-CI-Pipeline-For-AngularApp-Part-1
Creating-CI-Pipeline-For-AngularApp-Part-2
Create-StorageAccount-Container
Deploy-AngularApp-with-CD-pipeline-Part-1
Deploy-AngularApp-with-CD-pipeline-Part-2
Deploy-AngularApp-with-CD-pipeline-Part-3
Deploy-AngularApp-with-CD-pipeline-Part-4
Testing-End2End-on-Azure
Pull-Request-DTAP-process
Cleanup-Delete-All-Services
Source code