DEV Community: Chiribett

As a beginner learn how to design and develop your portfolio website

Chiribett — Wed, 23 Aug 2023 09:53:02 +0000

As a beginner, learn how to design and develop your portfolio website.

Hello there, developers! First and foremost, thank you for taking the time to read my story. Today I’ll show you how to design and build a portfolio website. I, too, am a beginner-level developer, but I believe I should share my experience and what I have learned so far about Web development. It will benefit new developers like me.

Portfolios will be important in this digital age. We can demonstrate our abilities to the rest of the world.

If you want to design and develop any website or web app from the beginning, there is a process that can be followed for a good working website as well as a user experience perspective. The key step will be given below.

• Design and Planning

• Development

• Testing

• Deployment

Design and planning

This is our first step while developing our portfolio website. Through this step, we can decide on the design for a website. How our website looks like. We need to decide on the color, text formatting, fonts that we want to be used, and content for our website. In my opinion as a beginner-level developer, our resume content will be sufficient for website content.

Deployment

This is our second step after completing the design process. In this step, we can write programs or code for our website as per our design. As a beginner isn’t necessary at all to follow strict design patterns. We can also write code at our convenience and with our knowledge. Different IDE tools can be used for development purposes such as Visual Studio Code (VS Code), Eclipse IDE, and much more. As per my experience, I suggested VS code by Microsoft this is good for the beginner level developer. We can also use Boostrap open-source CSS framework for fast development in our project

Testing

This is the most important phase after completing development. We don’t go deep inside the testing topics we need to perform very basic tasks regarding our website on a local host. We need to inspect our site in a browser. How it looks at different breakpoints. We check whether our media queries work properly or not on a different device. We need to assure about we did not face any errors or issues in our code and work smoothly. It also helps us use SEO on our website we can also check our website performance and other properties using.

Deployment

Deployment is the process where the website gets working live on the internet we combine all our files in the folder and this is the last process. For hosting purposes, we need to upload our code to the root folder of the domain. We can use GitHub open-source collaboration tools for our both purposes through the public repository.

Project on deploying a website to Azure using #GitHub Repository

Chiribett — Sun, 21 May 2023 04:17:53 +0000

What is Azure App Service?

Azure App Service is a service that allows you to host web applications, REST APIs, and mobile backends. It is based on HTTP and supports various programming languages such as .NET, .NET Core, Java, Ruby, Node.js, PHP, and Python. It provides additional features like security, load balancing, autoscaling, automated management, and DevOps capabilities for continuous deployment from Azure DevOps, GitHub, Docker Hub, and more.

Why Use App Service?

Multiple language and framework support
Managed production environment
Containerization and Docker integration
DevOps optimization with Azure DevOps, GitHub, Bitbucket, Docker Hub, or Azure Container registry
Visual Studio and Visual Code integration
API and mobile features
Serverless capabilities with Azure Functions

Now, let's go through the steps to create an app service:

Step 1: Set up an Azure account
If you don't have an Azure account, sign up at https://azure.microsoft.com/. Provide the necessary information and credit card details (although a free tier with limited resources is available).

Step 2: Access the Azure portal
Go to portal.azure.com and log in with your credentials.

Step 3: Create an App Service
In the Azure portal, navigate to Azure App Service and create a new instance. This will serve as the hosting environment for your website.

Step 4: Create a resource group
To create a resource group, click on the "Create a resource" button (+) and search for "Resource group." Select "Resource group" from the results and provide a name for your resource group. Choose the appropriate subscription and region. Review the configuration and create the resource group.

Select "Resource group" from the search results and click on the "Create" button.

Provide a name for your resource group, such as "MyResourceGroup", and choose the appropriate subscription and region for the resource group.

Click on the "Review + create" button, and then click "Create" to create the resource group.

Step 5: Create a Web App
Within the resource group, click on the "Create a resource" button (+) again and search for "Web App." Select "Web App" from the results and configure the necessary details such as app name, subscription, resource group, and operating system. Adjust other settings like the runtime stack, region, and pricing tier. Review the configuration and create the Web App.
Once the resource group is created, you can proceed to create a Web App within that resource group. Click on the "Create a resource" button (+) again and search for "Web App" in the search box.
Select "Web App" from the search results and click on the "Create" button.

Fill in the necessary details for your Web App, such as the app name, subscription, resource group, and operating system.

Configure other settings as required, such as the runtime stack, region, and pricing tier.

Review the summary of your Web App configuration, and if everything looks correct, click on the "Review + create" button.

Finally, click on the "Create" button to create the Web App within your specified resource group. It takes a while to deploy the Web App

Step 6: Access the Web App
Once the Web App is created, navigate to it by clicking on "Go to Resource" within the Azure portal.

Step 7: Configure App Service Logs
To enable application logging and web server logging, access the "App Service Logs" section of your Web App. Turn on the desired logging options for diagnostic information.
Turn on Application logging (Filesystem) so as to:
Enable application logging to collect diagnostic traces from your web app code. You'll need to turn this on to enable the streaming log feature. This setting turns itself off after 12 hours.
Turn on Web server Log to:
Gather diagnostic information for your web server.

Log Stream, you can see it is showing it is going to connect and when you are connected to log stream the default timeout is 2hrs
and change the time with the app.

Step 8: Connect to a GitHub repository
Set up a GitHub repository for your website's source code. In the Azure portal, go to your App Service instance and navigate to the Deployment Center. Authorize Azure to access your GitHub account and select the repository and branch that contains your code. Configure build settings if necessary. Connecting our web service to GitHub repository:
Set up a GitHub repository: Create a new repository on GitHub or use an existing one to store your website's source code.

Connect GitHub repository to Azure: In the Azure portal, go to your App Service instance and navigate to the Deployment Center.

Authorize Azure to access your GitHub account: Follow the prompts to authorize Azure to access your GitHub repositories. You may need to provide your GitHub credentials and grant the necessary permissions.

Select your repository and branch: In the Deployment Center, choose the repository and branch that contains your website's source code. This allows Azure to automatically fetch the latest code whenever changes are pushed to the selected branch.

Configure build settings: Depending on your website's technology stack, you may need to configure build settings in the Deployment Center. For example, if you're using a specific framework or language, specify the appropriate build commands or settings.

On Settings, select External Git as the source, the drop a link to your GitHub repository give the brain which the project is pushed to and have the repository type as public. After that, you click on save.

Step 9: Review and save the configuration
Double-check the configuration in the Deployment Center and save it. Azure will start syncing your repository and building your website based on the selected branch. Azure will start syncing your repository and building your website.
Database configuration:

Click on save button:

API Management Service:
To create and manage APIs Follow the steps below and add on organization name and email then click on create.

After creating you can see on overview that APIs have been enabled but not yet configured.

For further configuration on APIS you click on Link API

Fill in the details to create an HTTP API and click on create button.

You can also Create from Container App
Click on Browse to link up with a container app that you have created, if you don't have one you can create a new one.
Then add all the necessary information needed as below:

Then click create button. It was created successfully:

We need to save the json file so as to deploy this API on GET,POST,DELETE etc.
You can choose the format of the JSON file from the following:

Review file and click on the button save.

Step 10: Test and verify
Once the deployment is complete, access the provided URL for your App Service instance and test your website. Make sure all functionality works as expected.
On Overview Click on Browse, or the domain URL.

After clicking on browse we see that our web app service was successfully deployed, on this link:

It is successful.

That's it! Following these steps, you'll be able to deploy your website to Azure using a GitHub repository. Remember to update your repository with any code changes and push them to the selected branch to trigger automatic deployments to Azure.
If you encounter any difficulties, feel free to reach out for assistance.

Virtual Machine Instance

Chiribett — Mon, 08 May 2023 08:20:06 +0000

Cover image for Create a Virtual Machine Instance(EC2) in AWS & Connect Via SSH(Cloudshell)
sipsdaoracle
sipsdaoracle
Posted on May 7

Create a Virtual Machine Instance(EC2) in AWS & Connect Via SSH(Cloudshell)

scacloudschool

cloudpractitioner

awscloushell

ec2
What is an EC2?
An EC2 (Elastic Compute Cloud) is a virtual computing environment provided by Amazon Web Services (AWS). It allows you to create and manage virtual machines (instances) in the cloud.

How can you use an EC2?
You can use an EC2 to run your applications, services, or workloads in the cloud. You can choose the hardware specifications (CPU, memory, storage) and the operating system of your instances, and you only pay for the resources you use.

By the end of this tutorial you should be able to accomplish the following:

Create EC2 instance
SSH into EC2 Virtual Instance Machine using Cloudshell
What you'll need to get started:

An AWS account
SSH Client(Cloudshell)
Now let's get started and create an EC2 instance:

Step 1:
Sign into the AWS Management Console

Image description

Step 2:
Navigate to the EC2 Dashboard ( search for EC2 )

Image description

Step 3:
Click on Instance

Image description

Step 4:
Click on the "Launch Instance" button.

Image description

Step 5:
Name your EC2 Instance:

Image description

Step 6:
Choose an Amazon Machine Image (AMI)
An AMI is a pre-configured image that contains the software and operating system you want to use on your instance.

We'll use AWS Linux in this tutorial

Image description

Step 7:
Select an Instance Type
An Instance Type determines the hardware specifications of your virtual machine, such as CPU, memory, and storage.

Image description

Step 8:
Create a key pair
A key pair is a set of public and private keys that allows you to securely connect to your instance over SSH.

Image description

Step 9:
Configure the Network Instance Details, such as the VPC settings, the subnet.

Image description

Configure Security Group settings to allow inbound traffic to your instance.

You can add rules to your security group to allow access over specific ports or protocols, such as SSH or HTTP.

Image description

Step 10:
Add Storage to your instance
You can choose the storage type (such as SSD or HDD), size, and number of volumes. You can add up 30GB on the free tier account

Image description

Review Summary
A summary of your configurations will be displaced you can also select the number of instances you'd like, if you're happy with everything you can click on launch

Image description

Step 11:
Launch your instance and connect

After a few minutes, your virtual machine will be launched and ready to use.

Image description

You've successfully created a virtual machine (EC2) in AWS.

You can now connect to your instance by following the steps below:

Click on the check box ** **2. Click on connect

Image description

Connect using SSH client
Image description

Open an SSH client
In the AWS Management Console, at the top of the screen, choose the AWS CloudShell icon

Image description

Locate your private key file.
The key used to launch this instance is sips.pem

Image description

Run this command
To ensure your key is not publicly viewable.
chmod 400 sips.pem

Connect to your instance
using its Public DNS:
ec2-3-90-208-38.compute-1.amazonaws.com

Run command:

ssh -i "sips.pem" ec2-user@ec2-3-90-208-38.compute-1.amazonaws.com

Image description

Voila! You've successfully created a virtual machine (EC2) in AWS and used AWS cloudshell to SSH into it.

Deploy and configure servers, instances, and database for Azure SQL

Chiribett — Sun, 07 May 2023 13:09:21 +0000

Azure SQL is a fully managed cloud-based relational database service provided by Microsoft. It allows you to deploy and configure servers, instances, and databases quickly and easily. In this article, I will guide you through the process of deploying and configuring servers, instances, and databases for Azure SQL, including launching the three different types of SQL database options in Azure.

Step 1: Create an Azure account and sign in
To get started, create an Azure account if you haven't already and sign in to the Azure portal.

Step 2: Create a SQL server
To deploy a SQL server, click on "Create a resource" in the Azure portal, then search for "SQL Server". Select "SQL Server" from the list of results, then click on the "Create" button.

In the "Basics" tab, enter a name for your server, select the subscription, resource group, and location. Choose the pricing tier that meets your requirements and enter a username and password for the SQL administrator account. Click on the "Review + Create" button, then click on "Create" to create your SQL server.

Step 3: Create a SQL instance
Once your SQL server is created, you can create a SQL instance. Click on "Create a resource" in the Azure portal, then search for "SQL Database". Select "SQL Database" from the list of results, then click on the "Create" button.

In the "Basics" tab, select your subscription, resource group, and location. Enter a name for your database, then select the SQL server you created in the previous step. Choose the pricing tier that meets your requirements, then click on the "Review + Create" button. Finally, click on "Create" to create your SQL instance.

Step 4: Create a SQL managed instance
To create a SQL managed instance, click on "Create a resource" in the Azure portal, then search for "SQL Managed Instance". Select "SQL Managed Instance" from the list of results, then click on the "Create" button.

In the "Basics" tab, enter a name for your managed instance, select your subscription, resource group, and location. Choose the pricing tier that meets your requirements, then click on the "Review + Create" button. Finally, click on "Create" to create your SQL managed instance.

You will get a confirmation that your deployment is complete.

Step 5: Connect to your SQL instance or managed instance
To connect to your SQL instance or managed instance, click on the instance in the Azure portal, then click on the "Connection strings" button. This will provide you with the necessary information to connect to your SQL instance or managed instance, including the server name and port, the database name, and the username and password.

Step 6: Launch a SQL database option in Azure
Azure SQL offers three different types of database options: single database, elastic pool, and managed instance. To launch each of these options, follow the steps outlined in steps 2-4 above.

Single database: A single database is a standalone database with its own set of resources, such as compute and storage. It's ideal for applications with predictable or variable workloads.

Elastic pool: An elastic pool is a collection of databases with a shared set of resources, such as compute and storage. It's ideal for applications with unpredictable or variable workloads.

Managed instance: A managed instance is a fully managed instance of SQL Server with native virtual network support. It's ideal for applications that require the full range of SQL Server features and functionality.

Deploying and configuring servers, instances, and databases for Azure SQL is a straightforward process that can be completed in just a few steps. By following the steps outlined in this article, you can quickly and easily launch the three different types of SQL database options in Azure.

Azure static web apps

Chiribett — Sat, 15 Apr 2023 09:49:51 +0000

Azure Static Web Apps is a platform that allows developers to build and deploy static web apps quickly and easily. Static web apps are websites that don't require a server to generate the HTML, CSS, and JavaScript. Instead, these apps are pre-built and served directly from a content delivery network (CDN). In this article, I will guide you through the steps to create an Azure Static Web App.

Step 1: Sign up for Azure.
Before you can create a Static Web App in Azure, you'll need to sign up for an Azure account. If you don't already have one, you can sign up for a free trial at https://azure.microsoft.com/free.
Step 2: Create a new Static Web App
Once you have an Azure account, log in to the Azure portal. From the Azure dashboard, click on the "Create a resource" button and search for "Static Web App". Select "Static Web App" from the search results and click "Create".

Step 3: Configure your Static Web App.
In the "Basics" tab, you'll need to specify a name for your Static Web App, choose your subscription and resource group, and select a region to host your app. You can also choose whether you want to use a pre-built template or start from scratch.

In the "Build" tab, you'll need to specify the location of your app's source code repository, branch, and build settings. Azure Static Web Apps supports a variety of popular front-end frameworks and tools, including React, Angular, Vue.js, and more.

In the "Review + create" tab, review your configuration settings, and click "Create" to create your new Static Web App.

Step 4: Connect your GitHub repository
After selecting GitHub, you'll need to authorize Azure to access your GitHub account. Click on the "Authorize" button and follow the instructions to allow Azure to access your GitHub repositories.

Once you've authorized Azure, you'll need to select the repository that you want to use for your Static Web App. You can choose from your own repositories or any public repository on GitHub.

Step 6: Review and create your app
After configuring your build settings, review your app's configuration and click on the "Create" button to create your app.

Azure will now create your Static Web App and deploy your code from your GitHub repository. This can take a few minutes, so be patient.

Step 7: Test your app
Once your app has been created, you can test it by clicking on the "Browse" button in the Azure Portal. This will open your app in a new browser window.

Congratulations! You've successfully created an Azure Static Web App.

How to Create EC2 Instance (Microsoft Windows Server 2022 base)

Chiribett — Sat, 08 Apr 2023 09:23:35 +0000

Amazon Elastic Compute Cloud (EC2) is a web service that provides scalable compute capacity in the cloud. EC2 allows you to quickly and easily create virtual machines that can run a variety of operating systems, including Microsoft Windows Server 2022. In this article, I will guide you go through the step-by-step process of creating an EC2 instance with Microsoft Windows Server 2022 as the base image.
Step 1: Create an Amazon Web Services (AWS) account.
Creating EC2 instance, you need to have an AWS account. If you don't already have one, you can create a free account by going to https://aws.amazon.com and following the instructions.

Step 2: Navigate to the EC2 console
Once you have your AWS account set up, navigate to the EC2 console by clicking on the "EC2" link under the "Compute" section of the AWS Management Console.

Step 3: Launch an instance.
To launch a new EC2 instance, click on the "Launch Instance" button in the EC2 console.

Step 4: Choose an Amazon Machine Image (AMI)
In the "Choose an Amazon Machine Image (AMI)" section, select "Microsoft Windows Server 2022 Base" from the list of available images. You can use the search box to filter the list if needed.

Step 5: Choose an instance type
In the "Choose an Instance Type" section, select the type of instance you want to launch. You can choose from a variety of options depending on your needs. For this example, we'll select the "t2.micro" instance type.

Step 6: Configure instance details.
In the "Configure Instance Details" section, you can configure various settings for your instance. You can choose to launch multiple instances, select a VPC, and configure networking settings. For this example, we'll leave the default settings.

Step 7: Add storage.
In the "Add Storage" section, you can add additional storage volumes to your instance. You can configure the size and type of storage you want to use. For this example, we'll leave the default settings.

Step 8: Add tags.
In the "Add Tags" section, you can add tags to your instance for organizational purposes. You can add a name tag, for example, to help identify your instance in the AWS console.

Step 9: Configure security group.
In the "Configure Security Group" section, you can configure the security settings for your instance. You can create a new security group or use an existing one. For this example, we'll create a new security group and allow Remote Desktop Protocol (RDP) traffic from any IP address.

Step 10: Review and launch instance.
After configuring your instance settings, review the settings to ensure everything is correct. Once you're satisfied, click on the "Launch" button to launch your instance.

Step 11: Create a key pair.
Before you can connect to your instance, you'll need to create a key pair. Click on the "Create a new key pair" button and follow the instructions to create a new key pair. Make sure to save the private key as you won't be able to access it again.

Step 12: Connect to your instance.
Once your instance has launched, you can connect to it using RDP. To do this, open the Remote Desktop Connection application and enter the public IP address of your instance.

When prompted, enter the username and password for your instance. You should now be connected to your new EC2 instance running Microsoft Windows Server 2022.