Teach on Udemy

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

Learn More

Your cart is empty.

Keep shopping

E2E Azure Devops Realtime Reactjs Projects with Infra

Name: E2E Azure Devops Realtime Reactjs Projects with Infra
Rating: 4.4 (28 reviews)

FrontDoor, HA, DR, Scaling, Build&Release Pipelines, AppServices, DB, Agents, Log&Monitoring, Azure Devops

Created byTnT-Techies-Guide Training and Consulting

Last updated 2/2024

English

English [Auto],

What you'll learn

E2E hands-on for the ReactJs Realtime Project with architecture & implementation with the help of Azure Devops CI/CD
Deep Understanding on the FrontDoor Models - standard , Premium with Practical approach
Build complete E2E Project skills to start DevOps Journey with Realtime Projects
Gain Knowledge in DevOps projects setup, from scratch CI/CD setup to Logging &Monitoring
Learn how to build complete DevOps Lifecycle for a project by considering CI/CD Mindset
Complete knowledge as part of High Availability & Disaster Recovery
E2E Project Architecture with Logging , Monitoring , DR, HA
Gain knowledge on App service and App Service Plan along with app deployments
Deep Knowledge on the Env and Branching strategies

Course content

4 sections • 22 lectures • 8h 12m total length

Architecture & Course Intro for ReactJs Project3:51
Explore end-to-end React.js architecture with azure devops and ci cd. See pipelines deploy artifacts to app services in primary and secondary regions with log analytics, load balancing, alerting, disaster recovery.
Onprime vs Cloud32:35
Explore the differences between on-premises and cloud infrastructure, covering latency, high availability, disaster recovery, auto scaling, and pay-as-you-go resources.
Deployment Models18:13
Explore deployment models: public, private, hybrid, and multi-cloud, and how vendors like Azure, AWS, and GCP enable scalable, secure, highly available environments with pay-as-you-go cost optimization.
Service Models & RGs & Zones44:44
Explore cloud service models (IaaS, PaaS, SaaS), virtualization concepts, and how resource groups and tags help manage subscriptions, costs, and regional zones for resilient Azure deployments.
Spot Discount Discussion along with VM Provisioning33:48
Learn how to provision an Ubuntu VM in the Azure portal, register it as a DevOps agent in an agent pool, and evaluate Spot discount versus on-demand for cost savings.
Agent Setup & NIC Card Discussion39:53
Learn to connect to a VM via SSH or VSCode, register a Linux self-hosted agent in Azure DevOps, and run it as a service or in containers for robust pipelines.
Database High Availability14:58
learn how to architect database high availability with zonal redundancy and a standby replica, ensuring automatic failover and seamless connection strings for cloud deployments.
Database Disaster Recovery15:08
Explore database disaster recovery strategies with geo-replicated backups in Azure, including failover to secondary regions, manual failover, restore from backups, and updating connection strings to minimize RPO and RTO.
Azure Managed Database Provisioning22:48
Provision and connect to an Azure Postgres flexi server, configure authentication and networking, enable high availability and backups, and tune compute, storage, and region for development workloads.
Connection to DB as a stakeholder13:21
Connect to the database as a stakeholder using server name, port 5432, username, and password. Whitelist the stakeholder IP in firewall rules and test the connection with a PostgreSQL client.

Project Architecture Planning22:14
Plan and implement end-to-end architecture in azure devops, covering branching strategies, build and release pipelines, and deployment to primary and secondary app services via friend door, with disaster recovery.
Steps for Implementing the E2E Architecture13:09
Outline the end-to-end Azure DevOps architecture: provisioning three components—virtual machine, app service, and sender—and implementing repo, pipelines, agents, artifacts, and security with logging.
Provisioning - Appservice Provisioning for ReactJs App26:22
Provision a React app by creating an Azure App Service and App Service Plan in Singapore (primary) with a secondary in Hong Kong for regional failover.
Provisioning - Front Door Standard Integration with Appservice42:08
Learn how to provision Azure Front Door standard as a global load balancer, configure endpoints and origin groups, and route traffic to an App Service.
Provisioning - VM & Front Door whitelist at the Appservice13:36
Provision a vm, app service, and front door, then apply access restrictions and whitelist the backend to secure deployment and prevent unauthorized hits.
Front Door Premium Integration with Appservice19:46
Learn how front door premium creates a private link to an app service via a private endpoint in a virtual network, disabling public access and enabling secure connectivity.

React Js Env , Azure Repo & Build Pipeline Implementation in ADO23:10
Create a fresh React.js repository in Azure DevOps, clone it, and test with npm start. Set up a build pipeline in Azure DevOps to install dependencies and publish build artifacts.
Release Pipeline Implementation in ADO14:49
Implement a release pipeline in Azure DevOps by taking build artifacts as input, configuring stages, and deploying to an Azure App Service using a service connection.
Deployment to Secondary Site7:31
Orchestrate parallel deployment of the same artifact to primary and secondary app services via release pipelines, ensuring high availability across East Asia and Singapore regions.
Logging , Monitoring & Alerting24:05
Master logging, monitoring, and alerting for Azure App Service by configuring resource health alerts, diagnostic settings, and log analytics to capture logs, metrics, and alerts in real time.

Realtime Env Deep Discussion12:48
Explore dev, asset, and site environments, plus pre-prod and production, for end-to-end testing. Developers deploy to dev, testers validate, and pre-prod mirrors prod for non-functional testing and incident reproduction.
Realtime Branching Strategy Deep Discussion33:43
Developers create feature branches from master and submit PRs to the release candidate, enabling builds and deployments from dev through sit, pre-prod, to production, with hotfixes from rc for incidents.

Requirements

There are no prerequisites for this prerequisites course
Once you enroll in the course, you will understand important topics, tips, and tricks to learn all about e2e Project DevOps. This is an excellent place to start your Devops program instantly.

Description

This course will give you more insights on the E2E ReactJs Project Setup from Architecture to Logging & Monitoring

5 Things YOU need to know about this DevOps Course

#1: LEARN E2E Architecture & Devops Model

#2: HA, DR & Scaling Discussion on Azure Components

#3: IMPLEMENT DEVOPS with a HANDS-ON approach Using Azure Cloud Infra concepts

#4: IMPLEMENT CONTINUOUS INTEGRATION (CI) and CONTINUOUS DEPLOYMENT (CD) ALONG WITH LOGGING & MONITORING

Do you have ZERO experience with DevOps Azure DevOps ? No Problem.

Do you have ZERO experience with Cloud Infra with Azure Cloud ? No Problem.

Do you have ZERO experience with Continuous Integration or Continuous Delivery in DevOps with Azure DevOps ? No Problem.

Do you have ZERO experience with the Logging & Monitoring? No Problem.

Buckle up and Get ready for this wonderful ride on cloud infra devops with realtime projects & concepts

Look No Further!

Are you looking to advance your career in the IT field further? The DevOps course provides an excellent starting point for anyone who wants working knowledge in this rapidly-growing area. Not only will it teach you about the core culture and practices, but it will also give insight into some of its most prominent techniques.

You'll learn powerful concepts such as DR, HA and Scaling while gaining expertise in Azure Cloud Infra and very detailed understanding on the logging. Monitoring, Alerting , HA & DR Deployments, Load Balancers, Hosting Components & CI/CD

Start your journey today toward becoming a Cloud Infra Devops Engineer, you can understand all the below in a detailed way in this series

Cloud Introduction

Onprime vs Cloud Computing

Cloud Deployment Models

Service Models

Azure Regions & Zones

ReactJs Project #01

Spot Discount Discussion along with VM Provisioning

Agent Setup & NIC Card Discussion

SSH Connection to a VM

DB High Availability

DB Disaster Recovery

Stakeholder connection to postgresDB

Project Arc Planning & Provisioning

Steps for Implementing the E2E Architecture

Provisioning - Appservice Provisioning for ReactJs App]

Provisioning - Front Door Standard Integration with Appservice

Provisioning - VM & Front Door whitelist at the Appservice

Front Door Premium Integration with Appservice

Build & Release Pipelines

Azure Build Pipelines

Azure Release Pipelines

Deployment to Secondary Site=

Logging , Monitoring & Alerting

Env & Branching Strategy

Realtime Env Deep Discussion

Realtime Branching Strategy Deep Discussion

Who this course is for:

Developers
NonIT
Testers
Cloud Administrators
System Administrators

E2E Azure Devops Realtime Reactjs Projects with Infra

What you'll learn

Explore related topics

Course content

Introduction10 lectures • 3hr 59min

Architecture Planning & Provisining6 lectures • 2hr 17min

Build & Release Pipelines4 lectures • 1hr 10min

Env & Branching Strategy2 lectures • 47min

Requirements

Description

Who this course is for: