AZURE

WORKSHOP
From basic cloud computing to deploying web app
What to Expect:
Basics of Cloud Computing
Overview of Microsoft Azure
Hands-On Lab: Deploying Web App
Get Azure for Students Voucher Code

Shristi Chapagain
Microsoft Learn Student Ambassador

Friday Time Venue

Scan & Register 23 August 2024 8:00-9:00 PM Microsoft Teams
 TABLE OF CONTENTS

Introduction to Cloud Computing

Microsoft Azure
Why Microsoft Azure?
Cloud Service Model
Azure Services
Deploying Static Website
Azure certifications
 1
CLOUD COMPUTING

Cloud is a term for a group of remote servers that store and handle data
online, rather than on your own computer. This means you can access
your files and apps over the internet from anywhere.

Computing is using computers to do tasks, solve problems, and process

information. It encompasses the hardware, software, and processes
involved in carrying out operations using computers.

Cloud computing provides access to computing resources (like servers,

storage, and applications) over the internet, allowing users to scale up
or down as needed without owning physical hardware.
 2
WHY CLOUD COMPUTING?

Traditional system Cloud Computing

On-Premises Infrastructure Remote, On-Demand Resources
Limited Scalability On-Demand Scaling
High Maintenance Costs Lower Maintenance Costs
Initial capital expenditure Pay-As-You-Go Model
In house management Managed Services
 3
CLOUD SERVICE PLATFORMS

Google Cloud
 4
MICROSOFT AZURE
Azure provides a wide range of cloud services, including computing, storage, networking, databases,
analytics, artificial intelligence, and more, to help organizations build, deploy, and manage applications
through Microsoft-managed data centers.

2nd Largest Cloud Service Provider by 24% marget share

Develop by microsoft
Started from 2010
160 active Azure data centers
Offers over 200 products and services
Office 365, OneDrive are stored in microsofts datacenter.
 5
HOW AZURE WORKS?

Resource Provisioning: Users can provision resources like VMs, databases,

and networking components through the Azure portal, CLI, or ARM
templates.
Scalability: Azure automatically scales resources based on demand.
Billing: Azure operates on a pay-as-you-go model, where users only pay
for the resources they consume.
Deployment: Developers can deploy applications directly to Azure from
their development environments using integration tools like Vs Code,
Github.
 6
CLOUD SERVICE MODEL

1 IaaS – Infrastructure as a Service

2 PaaS – Platform as a Service

3 SaaS – Software as a Service Cloud Service Model

7
 8
1. Networking
Cloud Networking: Refers to the management of network resources in a cloud environment. It involves connecting
cloud services and resources across the internet or private networks. Example: Azure Virtual Network (VNet)

2. Storage
Cloud Storage: Provides scalable and on-demand storage resources over the internet, managed by cloud providers. It
allows users to store and access data from anywhere. Example: Azure Blob Storage, Azure Disk Storage

3. Servers
Unlike traditional servers, cloud servers are virtualized, meaning multiple servers can run on a single physical machine.
This allows for scalability—adding more servers when demand increases and reducing them when demand drops.
Example: Azure Virtual Machines (VMs)

4. Virtualization
Explanation: Virtualization is what makes cloud computing so flexible and efficient. It’s the technology that allows
multiple virtual servers (called virtual machines or VMs) to run on a single physical server. This maximizes the use of
physical hardware and allows cloud providers to offer on-demand computing resources to users. Example: Azure
Hyper-V
 9
5. Operating System (OS)
Explanation: The operating system in the cloud acts as the control center for virtual servers. It manages hardware
resources like CPU, memory, and storage and provides an environment where applications can run. In a cloud
environment, you can choose the OS that best fits your application’s needs, whether it’s Windows, Linux, or
something else. Example: Azure Linux Virtual Machines

6. Middleware
Middleware in cloud computing, such as Azure API Management, is a service or software layer that enables
communication between different applications or services. It facilitates things like message passing, authentication,
logging, and data management across different parts of an application or between different applications.

7. Runtime
Explanation: Runtime in cloud computing refers to the environment where your code or applications are executed.
This environment includes the OS, necessary libraries, and other dependencies your application needs to run.
 10

8. Applications (Apps)
Explanation: Applications in the cloud are software programs that run on cloud infrastructure and are delivered to
users over the internet. They can range from simple web apps to complex enterprise software. Cloud applications are
often designed to be scalable and resilient, leveraging the cloud’s ability to quickly allocate resources and handle high
availability.

9. Data
Explanation: Data is the core asset in cloud computing. It’s the information generated, stored, processed, and analyzed
by cloud applications. In cloud computing, data can be stored in various formats and locations, from structured
databases to unstructured object storage.
 11
HANDS-ON LAB
Activate Azure for Students
Visit the Azure for Students Page
Sign In with Your Microsoft Account
Verify Your Academic Status
Enter Your Verification Code
Complete the Registration Process
Confirm Activation
Start Using Azure Services
 12
Steps on deploying Static Web Apps
1.Create a GitHub Account
Visit GitHub: Go to GitHub.com and click on "Sign up."
Fill in Your Details: Enter your email, create a password, and choose a username.
Verify Email: Check your email inbox for a verification link and confirm your email address.
Create a New Repository: Once signed in, click the "+" icon on the top-right corner and select
"New repository."
Repository Name: Give your repository a name (e.g., my-static-web-app).
Set as Public/Private: Choose whether you want it to be public or private.
Initialize Repository: Optionally, add a README file, .gitignore, and license.
Create Repository: Click "Create repository."

Azure Static Web Apps

 13

2. Create an Azure Account

Visit Azure Portal: Go to Azure Portal.
Sign Up: Click on "Start free" to create an account.
Fill in Your Details: Provide your email, phone number, and payment information (credit card
required for verification, no charges for free tier).
Verify Identity: Complete the verification process.
Access Azure Portal: Once signed up, you will be redirected to the Azure portal.
 14

4. Prepare Your Static Web App

Create Your Web App: Prepare your static website using HTML, CSS, and JavaScript.
Push to GitHub:
Clone Repository: Clone the GitHub repository to your local machine.
Add Files: Add your static web files to the repository.
Commit & Push: Commit your changes and push them to GitHub using Git commands or
GitHub Desktop.
 15

5. Create Static Web App in Azure

Go to Azure Portal
Search for Static Web Apps
Create New Static Web App: Click on "Create" to start a new deployment.
Choose or Create Subscription, Resource Group, Name, Region.
Deployment Details: Select "GitHub" as the deployment source.
Authorize GitHub: If not already authorized, you will need to log in to GitHub and
authorize Azure to access your repositories.
Repository: Select the repository where your static website is hosted.
Branch: Choose the branch you want to deploy (usually main or master).
 16

6. Configure Build Settings

Build Presets: Select the build preset that matches your framework (e.g., HTML, React, Angular).
For plain HTML/CSS, you can choose the "Custom" option.
App Location: Specify the folder containing your application code (e.g., / if files are in the root).
API Location: Leave empty if you don't have an API.
Output Location: Specify the folder where the build outputs (e.g., /dist if using a build tool, else
leave empty for simple HTML).
 17

7. Review and Create

Review Settings: Review the configuration you've made.
Create Static Web App: Click "Create" to deploy the static web app.
Deployment in Progress
8. Access Your Deployed App
Visit URL: Once deployment is complete, Azure will provide a URL for your web app.
9. Continuous Deployment
Automatic Deployments: Any future commits to the selected branch on GitHub will
automatically trigger a new deployment.
 18
AZURE SERVICES

1 Compute Services

2 Storage Services

3 Databases Services

4 Networking Services
Azure Services
 19
AZURE CERTIFICATIONS

Azure Fundamentals (AZ-900) Azure Administrator Associate (AZ-104) Azure Solutions Architect Expert (AZ-305) Azure IoT Developer Specialty (AZ-220)
Azure Data Fundamentals (DP-900) Azure Developer Associate (AZ-204) Azure DevOps Engineer Expert (AZ-400) Azure Virtual Desktop Specialty (AZ-140)
Azure AI Fundamentals (AI-900) Azure Security Engineer Associate (AZ- Azure Data Scientist Specialty (DP-100)
Azure Developer Fundamentals (AZ-110) 500)
Azure Database Administrator Associate
(DP-300)

Azure Trainings & Certifications

 20
RESOURCES
Azure Portal

Azure Fundamentals

Azure Trainings & Certifications

Azure Static Web Apps

Microsoft Learn Student Ambassadors

Azure Services
THANK YOU
SaaS 7
App, Data Software
PaaS Runtime: IIS, Docker

Middleware: Software Platform

OS: Windows, Linux
IaaS
Virtualization: VM

Servers: Memory, CPU

Infrastructure
Networking: Switch, Internet

Storage: SSD, HDD