Develop and Deploy MEAN Stack Project on Azure Cloud


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

Follow Our Pages for Instant New Free Course Notifications!
LinkedIn YouTube Facebook Instagram Twitter Telegram

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:


Subscribe to latest coupons on our Telegram channel.

  • 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

Enroll for Free

Share This Course on:
Ads Blocker Image Powered by Code Help Pro

Ads Blocker Detected!!!

We have detected that you are using extensions to block ads. Please support us by disabling these ads blocker.

Powered By
Best Wordpress Adblock Detecting Plugin | CHP Adblock