Azure DevOps Zero to Hero Full course for beginners - Build and Deploy a YouTube Clone Using Azure DevOps Pipelines | Full CI/CD Project Tutorial

Welcome to Day 4 of the Azure DevOps Zero to Hero series. In this video, we will build and deploy a YouTube Clone web application using Azure DevOps Pipelines. This is a complete hands-on guide to creating CI/CD pipelines from scratch, using both the Classic UI and YAML. If you're looking to learn how real-world deployment works on Azure, this video is for you. We’ll walk through provisioning an Azure App Service, creating build and release pipelines, understanding YAML pipeline structure, and deploying a React frontend. You’ll also learn how to manage variables, triggers, agents, and build artifacts along the way. By the end of this video, you'll know how to provision an Azure App Service to host a React application and create build pipelines using both the Classic editor and YAML. You'll understand the structure of YAML pipelines, including concepts like stages, jobs, steps, and tasks. We'll also cover how to build multi-stage CI/CD pipelines, use variables and triggers, configure agents and build properties, and finally, publish and download build artifacts for deployment. Make sure to watch the video till the end and subscribe for more! 📚 Key Resources 📚 GitHub Repo (Course Outline and Assets): https://github.com/piyushsachdeva/AzureDevOps-Zero-to-Hero Day 4 Notes and Diagrams: https://github.com/piyushsachdeva/AzureDevOps-Zero-to-Hero/tree/main/Day4 ⏱ Timestamps ⏱ 00:00 – Introduction and Agenda 01:40 – Project Overview: YouTube Clone Setup 03:15 – Hosting on Azure App Service 05:10 – Provisioning Web App on Azure 09:05 – App Service Plans, Pricing, and Deployment Slots 12:20 – Git Initialization and Code Push to Azure Repos 15:50 – Creating a Build Pipeline with Classic Editor 20:00 – Understanding Build Agents and Pipeline Structure 24:10 – Adding npm Install and Build Steps 28:05 – Publishing Build Artifacts 30:20 – Deploying to Azure App Service from Build Pipeline 34:00 – Fixing Build and Deployment Errors 37:40 – Caching Issues and App Configuration Fixes 41:10 – Re-running CI Pipeline with Fixes 43:30 – Creating YAML Pipeline from Scratch 48:00 – YAML Pipeline Structure: Triggers, Stages, Jobs, Tasks 51:25 – Adding npm Steps, Artifact Publish, and Deploy Tasks in YAML 54:45 – Final CI/CD Demo with Build and Deploy 57:30 – What’s Coming Next (Release Pipelines Preview) 📺 Other Full Courses and Playlists 📺 10 Weeks of CloudOps Projects https://www.youtube.com/playlist?list=PLl4APkPHzsUUc8HOEIwfB3Z2uxRv2SKOG AZ-900 Azure Fundamentals https://www.youtube.com/playlist?list=PLl4APkPHzsUUOCWcjaXcH-WBVxCccZ4uO Google Cloud ACE | GCP Tutorial https://www.youtube.com/playlist?list=PLl4APkPHzsUXvkDFARdrH2LMESVqeuH8W Azure Data Fundamentals DP-900 https://www.youtube.com/playlist?list=PLl4APkPHzsUUd4rzzHEpHMsyD5PbVWz1I DevOps Tutorial for Beginners https://www.youtube.com/playlist?list=PLl4APkPHzsUX2loJZOo3XtITGtc9UQabd AWS for Beginners https://www.youtube.com/playlist?list=PLl4APkPHzsUUYlYFk5bgOU0Xhq_9c-9pQ Jenkins Full Course https://www.youtube.com/playlist?list=PLl4APkPHzsUV3pz6zRpFJe3A4wTM2Pjvv Cloud and DevOps Podcasts https://www.youtube.com/playlist?list=PLl4APkPHzsUWr7SI4Kym5dr80DovuSbL2 🤝 Connect with Me 🤝 YouTube: https://www.youtube.com/TechTutorialswithPiyush LinkedIn: https://www.linkedin.com/in/piyush-sachdeva/ Instagram: https://www.instagram.com/techtutorialswithpiyush/ Twitter: https://twitter.com/techie_piyush GitHub: https://github.com/piyushsachdeva Medium: https://medium.com/@piyush.sachdeva055 Dev.to: https://dev.to/piyushsachdeva Discord: https://discord.gg/TNCs4BRzq8 🏷️ Tags 🏷️ azure devops pipelines, azure build pipeline, azure devops tutorial, azure pipelines yaml, deploy youtube clone, azure devops ci cd, azure devops zero to hero, azure devops for beginners, build and release pipeline, devops project, azure ci cd pipeline, deploy react app on azure, azure devops tutorial for beginners, youtube clone react, azure app service deployment #️ Hashtags #️ #devops #cloudcomputing #azure