Name: Develop and Deploy MEAN Stack Project on Azure Cloud
Rating: 4.2 (31 reviews)

Udemy Business

Teach on Udemy

Turn what you know into an opportunity and reach millions around the world.

Learn More

Your cart is empty.

Keep shopping

Created byRakesh Pandey

Last updated 8/2022

English

What you'll 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

Course content

7 sections • 67 lectures • 12h 31m total length

Course Introduction1:17
Introduction to nodejs, npm, expressjs, mongodb42:01

Mongoose-Model-Schema-Get-Tasklists50:04
Learn to build a mean stack task management API by defining Mongoose schemas for task lists and tasks, enabling JSON with Express, configuring CORS, and creating RESTful endpoints.
Create-TaskList34:09
Tasklist-Get-Update25:48
Learn to build mean stack task lists: fetch all and fetch one by id, create lists, and compare put versus patch for updates with dynamic routes.
Tasklist-Delete-By-Id6:30
Create-GetAll-GetOne-Task-PostmanCollection42:19
Update-Delete-One-Task-Pullrequest23:41
Delete-All-Tasks-If-TaskList-Is-Deleted15:51

Building-frontend-with-bootstrap24:07
Enriching-frontend10:39
Implementing-services-for-API-call10:07
Creating-model-classes5:17
Create two TypeScript model classes for the mean stack app—TaskList and Task—capturing id, title, and completed fields, with export for use across the front end and backend data.
Get-and-CreateTaskList-Get-and-CreateTask11:07
deleteTaskList-deleteTask-updatedStatus9:25
Develop delete endpoints for task lists and individual tasks within a task list, and implement a patch-based update to toggle a task's completed status using the api config service.
showing-all-tasklists-on-page14:28
Inject the task service into an Angular component and load all task lists on initialization using an observable and subscribe to fetch data from a Node.js express API.
get-all-tasks-for-a-taskList-onload21:16
Learn to load all tasks for a specific task list on page load in a mean stack app, using Angular routing, activated route, and a task service to fetch data.
mark-task-as-complete17:28
get-tasks-for-a-tasklist9:16
delete-a-task10:12
delete-a-tasklist6:52
new-component-for-adding-task-and-tasklist8:15
dynamic-routing-for-add-new-task4:27
implementing-add-new-tasklist20:02
implementing-add-new-task10:23
making-ui-mobile-responsive3:41
Source code frontend0:03
Source code backend0:03
What-Why-Cloud-OnPremise-Infrastructure8:19
Public-Cloud-And-Cloud-Providers13:24
Learn how cloud computing delivers on-demand storage and computing power via globally distributed data centers, with a pay-as-you-go model that shifts capex to opex while sharing resources.
Cloud-Models-IaaS-PaaS-SaaS11:55
Azure-Cloud-Services-Overview11:08
Explore Azure cloud services overview, covering compute, databases, storage, analytics, AI, IoT, networking, and security, with emphasis on serverless functions, virtual networks, Express connectivity, and content delivery.
Azure-DevOps-Overview3:53
Azure-Free-Account-Registration4:16
Azure-Portal-Walkthrough10:49
Azure-DevOps-Walkthrough3:13
Process-to-enable-Azure-Pipeline-Agents in free account2:59
Overview1:15
Create-CosmosDB4:14
Connecting-DB-From-Local-Code5:17
Setup-Azure-Repos-Git-For-NodeExpress-API3:53
Set up Azure repos and git for a Node.js express API, push the mean stack code, create a develop branch, and prepare a deployment pipeline in Azure.
CI-Pipeline-For-NodeExpress-API7:51
Create-Azure-AppService2:20
Create-CD-Pipeline-For-NodeExpress-API11:14
Create a continuous deployment pipeline to deploy a Node/Express API to Azure App Service, linking CI build artifacts to a release pipeline and validating the deployment.
Connect-AppService-API-From-Local-AngularApp4:11
Logging-Monitoring-with-AppInsights3:40
Pushing-Angular-Code-to-Azure-Repos-Git3:40
Create an Azure Repos Task Manager frontend, push the angular code, and establish a develop branch with a ci pipeline and a seed production pipeline tied to master.
Creating-CI-Pipeline-For-AngularApp-Part-19:58
Creating-CI-Pipeline-For-AngularApp-Part-21:33
Create-StorageAccount-Container4:36
Deploy-AngularApp-with-CD-pipeline-Part-13:25
Deploy-AngularApp-with-CD-pipeline-Part-22:46
Deploy-AngularApp-with-CD-pipeline-Part-31:42
Deploy-AngularApp-with-CD-pipeline-Part-44:27
Testing-End2End-on-Azure4:15
Perform end-to-end testing of a MEAN stack on Azure by updating index.html to use dot slash paths, triggering the CI/CD pipeline, and deploying to blob storage and App Service.
Pull-Request-DTAP-process9:00
Cleanup-Delete-All-Services1:35
Source code0:04

Requirements

Basic knowledge of HTML, CSS, JavaScript
Basics of MEAN stack application development

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

Who this course is for:

Anyone who wants to become fullstack developer using MEAN stack
Anyone who wants to learn the industry way of building and deploying software to production in a controlled automated way.
Anyone who wants to learn the CICD, DevOps way of working using the most popular cloud service i.e Azure

What you'll learn

Explore related topics

Course content

Introduction2 lectures • 43min

Introduction to nodejs, npm, expressjs, mongodb2 lectures • 6min

All about MongoDB and NoSQL1 lecture • 17min

Github repo and other setup for API development2 lectures • 59min

Developing RESTful API's7 lectures • 3hr 18min

Setting up Angular Application4 lectures • 1hr 11min

Implementing functionality and Integrating with API's49 lectures • 5hr 58min

Requirements

Description

Who this course is for: