teleren/devto huggingface dataset:
Protocol to adding a data disk drive to the virtual machine running on Windows.
Tags: azd, datadisk, cloud, vm
Published: 2023-06-19 21:31:25

**Prerequisites** 

Sign in to the Azure portal at [https://portal.azure.com]
Create a virtual machine to which you want to add the data disk

**Add a Data Disk to virtual machine** 

Select "Disks" from the menu on the left-hand side of the virtual machine's overview page.
![Virtual machine data disk](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/s1fr1vt2b7kesnwaqufv.JPG)
Click on create and attach new disk" from the menu at the top of the Data Disks tab.
![create a data disk](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/gkmq2yk6bhbngof70ui7.JPG)

Enter the new data disk the following information in the Add data disk panel:

- 
Name: Enter a name for the data disk.
- 
Account type: Select the storage account type for the data disk (Standard HDD, Standard SSD, or Premium SSD)
- 
Size (GiB): Specify the desired size of data disk needed to be created in Gigabytes
![Data disk's nomenclature](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/byex6i88v5jiz7dasr5n.JPG)

Click on the "save" button to add the data disk.
The new data disk will be created and attached to the virtual machine. Wait for the process to complete.
![save the data disk created](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ya6f0tp6pmnqobk0kqh4.JPG)
Once the data disk is attached, in the left-hand menu, click on "Connect" to RDP into the virtual machine.
![RDP into VM](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/qc8w2rj6ohjiq70ahcka.JPG)
Once connected to the virtual machine, we need to initialize and format the newly added data disk. The exact steps for disk initialization and formatting in windows operating system running on the virtual machine are: 
Open Disk Management through the control panel
![Open disk to commence initialization ](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ipgai1t729otr474h8ly.JPG) 
Right-click on the unallocated disk, select "Initialize Disk," choose the desired disk initialization method, and follow the prompts. After that, right-click on the initialized disk. 

![Initialize data disk](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/jkv5p6sf572tmxk3obl0.JPG)
Select "New Simple Volume," and follow the prompts to format the disk.

![Data disk formated](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/z2c7vu0f9urhbm3he21p.JPG)
Once the data disk is initialized and formatted, you can start using it to store data within the virtual machine.
![Data disk ready to use](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/wi6nj2k7yuq951qweraq.JPG)
how can i turn py code into executable file /virtual assistant and launch on test platform to see finished product
Published: 2023-06-19 21:19:42

import random

# Define a function to handle user input and generate responses
def virtual_assistant(user_input):
    greetings = ["Hello!", "Hi there!", "Greetings!"]
    farewells = ["Goodbye!", "Farewell!", "Until next time!"]
    
    user_input = user_input.lower()
    
    if "hello" in user_input or "hi" in user_input:
        return random.choice(greetings)
    elif "goodbye" in user_input or "bye" in user_input:
        return random.choice(farewells)
    elif "tell a joke" in user_input:
        return "Why don't scientists trust atoms? Because they make up everything!"
    else:
        return "I'm sorry, I can't understand that request."

# Main loop to interact with the virtual assistant
while True:
    user_input = input("User: ")
    response = virtual_assistant(user_input)
    print("Virtual Assistant:", response)
Create Helper Function in Laravel
Tags: laravel, armanrahman, php, webdev
Published: 2023-06-19 20:42:40

Sometimes we need to create a helper function on the Laravel project to use a function on the whole project.

To create a helper function, we need to create a helper file in the following folder -

>app\helpers\helpers.php

on that folder write your function like this -

```
<?php

if (!function_exists('abc')) {
    function abc($parameter)
    {
        // statement 
        return xyz;
    }
}
```

after that we need to add this folder in autoloader on -

> composer.json

```
"autoload": {
        "psr-4": {
            ///
        },
        "files":[
            "app/helpers/helpers.php"
        ]
    },
```
Once you add a new path to the files array, you need to dump the autoloader-

```
composer dump-autoload
```

Then you can access this "abc()" function from anywhere in this project.
Incredibly simple Talk Bubbles with Tailwind
Tags: tailwindcss, css, beginners
Published: 2023-06-19 20:31:23

[Tailwind](https://tailwindcss.com/) is a utility-first css framework that gives us the opportunity to develop the style of our projects quickly and, at the same time, compared to other frameworks, it saves precious bytes because it removes unused CSS during the production build. 

I'm going to show you how easy it is to create a talk bubble using a couple of cool tricks.

For the first step we will create a flex container that hold and position contained items.
```html
<!-- Left aligned bubble -->
<div class="flex items-center justify-start">
</div>
<!-- Right aligned bubble -->
<div class="flex items-center justify-end">
</div>
```
Next we need to create the arrow, using [transform-origin](https://tailwindcss.com/docs/transform-origin) and [rotate](https://tailwindcss.com/docs/rotate) utilities we will change the set the direction.

```html
<div class="w-3 overflow-hidden">
  <!-- Left aligned bubble -->
  <div 
  class="h-4 bg-green-400 transform rotate-45 origin-bottom-right rounded-sm">
  </div>
  <!-- Right aligned bubble -->
  <div 
  class="h-4 bg-green-400 transform rotate-45 origin-top-left rounded-sm">
  </div>
</div>
``` 

> Note, giving fixed width to container and fixed height to arrow item is needed if we want to reproduce the effect of the talking bubble.

## Final Result

{% codepen https://codepen.io/mino89/pen/abaZRgw %}

If you're seeking inspiration, I recommend visiting the showcase section of the official Tailwind website. You can find it at https://tailwindcss.com/showcase. This section displays numerous remarkable projects that have been created using the exceptionally user-friendly Tailwind framework.
[Tiny] How to Upgrade Gradle Wrapper
Tags: gradle, tiny
Published: 2023-06-19 20:28:23

If you are building projects with Gradle, you most likely use [Gradle Wrapper](https://docs.gradle.org/current/userguide/gradle_wrapper.html). And of course, you will need to update the Gradle version at some point.

One way to do this is to simply change the Gradle version in the `gradle-wrapper.properties` file, for instance:
```
distributionUrl=https\://services.gradle.org/distributions/gradle-8.1.1-bin.zip
```

But there is a better way.

Use the `wrapper` Gradle task to upgrade Gradle Wrapper. It not only updates the Gradle version in the `gradle-wrapper.properties` file, but it also updates the Wrapper shell script (`gradlew`), the batch file (`gradlew.bat`), and the Gradle Wrapper jar (`gradle-wrapper.jar`).

You can run the `wrapper` task from the terminal, specifying the latest version
```
./gradlew wrapper --gradle-version latest
```
or the specific version you want:
```
./gradlew wrapper --gradle-version 8.1.1
```

Alternatively, you can add the `wrapper` task to the `build.gradle.kts` script
```kotlin
tasks.wrapper {
    gradleVersion = "8.1.1"
}
```
and run the `wrapper` task from the Gradle panel in IntelliJ IDEA.

---

*Dream your code, code your dream.*
Laravel Maintenance Mode Custom Page Setup
Tags: laravel, custom, armanrahman, maintenance
Published: 2023-06-19 20:15:54

Sometimes we need to down our site for maintenance purposes. Luckily laravel gives the way to turn on maintenance mood with a command.

```
php artisan down
```
we can bypass the website with a secret key.

```
php artisan down --secret="abc123xyz"
```
and after that, we can access the site with the following URL.

```
https://yourdomain.com/abc123xyz
```
You also can redirect the user to a specific error page while the Maintenance mood on.

```
php artisan down --redirect=/
```
**Custom Page Setup while Laravel Maintenance Mode on**

- 
First of all, you have to create a custom blade page on your view directory.
example: maintenance.blade.php

- 
After that run this on Terminal

```
php artisan down --render="maintenance"
```

- 
If your blade page is placed in a directory then use “::“ before the blade name.
example:

```
php artisan down --render="directoryName::maintenance"
```
Reinstall Windows without USB or DVD
Tags: windows
Published: 2023-06-19 20:09:26

This is kind of task that you do not do everyday, but at the same time it should be easy to find how to do it if needed, but it is not.
You need EasyBCD app, ISO image of Windows and license key to do it.

1. Go to Computer management -> Storage -> Disk management
2. Shrink some existing disk to create a new one
3. Copy ISO content to the new disk
4. Restart PC to boot from WinPE
5. Install Win
6. Extend existing partition to remove ISO partition and return space
Intelligence is Dead
Tags: llm, ai
Published: 2023-06-19 19:58:57

The advent of LLM tools like ChatGPT sparks many questions. Will these tools improve our lives, take our jobs or just change them? Are we close to AGI? ...

A more philosophical question is: what do they tell us about ourselves? They force us to look at our jobs and hobbies differently, maybe even at ourselves/our identity.

These tools show us that many of the tasks we thought to require intelligence and highly skilled workers, maybe just don't.

In many cases it is possible to substitute intelligence with vast amounts of data. We even name the category of jobs most at risk of replacement **knowledge** work, not intelligence work.

And we all know this deep down and have also likely taken advantage of this in school. You either are attentive during lectures and learn and try to understand the subject, or you just cram everything into your short-term memory for the test. What is better in the long run, at least for us humans, is clear. But machines have the advantage of unlimited memory and near instantaneous and perfect recall.

It's kinda sobering to realize that there doesn't seem to be too much to what we thought to be highly qualified, uniquely human work.

So what is left for us. Have we created all the data that is needed to replace us? Have we already done everything that is to be done? Is everything yet to come just a recombination of what already was, or will LLMs stagnate without our continuous input? Is maybe empathy the only thing uniquely human/animal - from homo sapiens to homo empathia? And what exactly is intelligence anyway? 😉



![Intelligence is Dead](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/2ewz6fr6t43swnj1fvex.png)
Overview of an Azure App Service Plan
Tags: azure, webapp, serviceplan, cloudcomputing
Published: 2023-06-19 19:56:47


#Azure App Service Plan 
An Azure App Service Plan is a foundational component of Azure's App Service offering. It provides the underlying infrastructure and resources necessary to run web apps, mobile app backends, and other cloud-based applications. Essentially, it acts as a container for hosting multiple apps and defines the computing resources available to them.

One of the key advantages of using an Azure App Service Plan is its scalability. Azure provides two types of scaling options: vertical and horizontal. 

**Vertical scaling**, also known as scaling up, involves increasing the resources allocated to an individual app instance. This can include adding more CPU power, memory, or disk space. **Horizontal scaling**, on the other hand, known as scaling out, involves adding more instances of the app to distribute the load. 

Furthermore, the App Service Plan offers flexibility in terms of deployment options. It supports multiple programming languages, frameworks, and tools, allowing developers to work with their preferred technologies. Whether you're using .NET, Node.js, Python, Java, or PHP, the Azure App Service Plan provides a reliable and scalable environment for your applications.

Azure App Service Plans are designed to offer built-in load balancing and auto-scaling capabilities to distribute incoming requests across multiple instances of your app. 

Cost Optimization Azure App Service Plans offer cost optimization features that help you make the most of your cloud resources. The App Service Plan provides options for auto-scaling, ensuring that you allocate resources efficiently and avoid unnecessary expenses during periods of low demand.

Conclusion Azure App Service Plan is a powerful and versatile solution for hosting and managing web applications in the Azure ecosystem. Its scalability, flexibility, availability, and cost optimization features make it an ideal choice for businesses of all sizes. By leveraging the capabilities of the App Service Plan, organizations can focus on developing and delivering their applications while Azure handles the underlying infrastructure and scaling needs.
Cascading in CSS
Tags: css, webdev, tutorial, programming
Published: 2023-06-19 14:31:39

In CSS, it is possible to apply multiple styles to a single element. However, there is an order or precedence. One style always takes precedence over the other.

In this article, we would learn how precedence works.

## Position
The lower down a property is in the style sheet, the more important it is.

```css
h1{
    color: red;
    color: blueviolet;
}
```

This is the output:

![applied blueviolet](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/wcc2bhu96gabiozfg93z.png)

Here is another example:

```css
h1{
    color: red;
    color: blueviolet;
}

h1{
    color: orange;
}
```

and this is the output:


![applied orange](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/jsz9wykdvq6hf9nniis9.png)





## Specificity

This rule works on how specifically an element is selected.
Here is the order:
1. `id`
1. `attribute`
1. `class`
1. `element`

This means that an `id selector` would override an `attribute selector` and a `class selector` would override an element selector.

Let's see an example HTML, we would apply styles to the `li`:
```html

<ul>
  <li id="all-items" class="list-items" draggable="true">First</li>
  <li id="all-items" class="list-items" draggable="true">Second</li>
  <li id="all-items" class="list-items" draggable="true">Third</li>
  <li id="all-items" class="list-items" draggable="true">Fourth</li>
  <li id="all-items" class="list-items" draggable="true">Fifth</li>
  
</ul>

```
The rule targeting the `id` is applied, as it has the highest priority.
 
![id rule applied](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/b8m1n11p3yo2fltcg2jt.png)


## Type

There are 3 ways in which you can apply styles to your HTML. 

1. Internal style sheet: This method uses an internal style sheet, which means that you specify style in your HTML within the `style` tags.

2. External style sheet: In this approach, you link an external style sheet to your HTML using ` <link rel="stylesheet" href="./style.css">` in the `head` element.

3. Inline style: In this method, the style is applied using the style attribute inside an element. For example: `<h1 style="color: aliceblue;"></h1>`

The order of precedence of applying styles is as follows:

1. Inline style.
2. Internal style sheet 
3. External style sheet

## Importance- adding the `important` keyword

If you specify that a property is `important` in your CSS, you can re-inforce that rule, regardless of the order.

```css
li{
font-weight: 600;
color: rebeccapurple;
color: brown !important;
}

```
Here is the output:

![brown re-inforced](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/nu1ng36gxbleolkg9mvt.png)
Git config for multiple users (office/personal)
Tags: git
Published: 2023-06-19 19:47:13

Create the folders:

```
~/Development
   /github # personal projects
   /findme# work projects
```

Create two files:

~/.gitconfig-github
```
# .gitconfig-github

[user]
  email = paulodetasso@proton.me
```

~/.gitconfig-findme
```
# .gitconfig-findme

[user]
  email = paulo@findme.id
```


in ~/.gitconfig we will paste this code:

```
[user]
  name = Paulo Lacerda
[init]
  defaultBranch = main

[includeIf "gitdir:~/Development/github/"]
  path = .gitconfig-github
[includeIf "gitdir:~/Development/findme/"]
  path = .gitconfig-findme
```

### SSH

Run:

```
mkdir ~/.ssh
cd ~/.ssh
```

Run this code in terminal:
```
ssh-keygen -t rsa -C "paulodetasso@proton.me" -f "id_rsa_personal"
ssh-keygen -t rsa -C "paulo@findme.id" -f "id_rsa_work" 
```

And then:
```
ssh-add ~/.ssh/id_rsa_personal
ssh-add ~/.ssh/id_rsa_work
```

After that, we need to configure SSH to understand when to use each key. To do that, we'll create a config file inside the .ssh folder:


```
cd ~/.ssh
touch config
code config # you can use vi, vim, nano, or your preferred text editor
```

Inside the config file, you can edit it as follows:

```
# Personal account as default
Host github.com
HostName github.com
User git
IdentityFile ~/.ssh/id_rsa_personal

# Work account
Host github.com-work
HostName github.com
User git
IdentityFile ~/.ssh/id_rsa_work
```


In the example above, it uses "github" as the host, but if you're using GitLab, you can change it in both the Host and HostName lines. Additionally, you can have different configurations for different remote repositories within the same file.

So, whenever you clone a repository, if it belongs to your work account, you just need to edit the URL to match the structure above:

```
git clone git@github.com-work:your_user/repo_name.git
```
React.js Made Easy: A Beginner's Guide.
Tags: react, programming, webdev, computerscience
Published: 2023-06-19 19:43:02

## Hello World

People who have looked into web-dev sure would have heard the word "React" or "React native", confused? I got you.

**What is react?**

> React.js is like a magic toolbox that helps developers build really cool and interactive websites. It's like playing with building blocks, where each block does something special. With React.js, we can make websites that respond quickly and look amazing, just the way we want them to.

Do I have your interest now?
Listen carefully, A lot of people make mistake of not learning JavaScript properly before jumping on to reactJS.
So it's 
HTML ➡️ CSS ➡️ JAVASCRIPT ➡️ REACT 
And then you'll be much cooler.
Like daniel.


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/awh8rp5tbrpbow2lb5h7.png)

**Setting Up ReactJS**

To set up your React.js development environment, follow these steps:

Install Node.js:

Node.js is a JavaScript runtime that allows us to run JavaScript code outside of a web browser. 
-Go to the official Node.js website (https://nodejs.org) and download the latest stable version for your operating system. 
-Follow the installation instructions to complete the setup.

Install Create React App:
-Create React App is a tool that sets up a new React.js project with the necessary configurations.
-Open your terminal or command prompt.

Run the following command to install Create React App globally:
`npm install -g create-react-app
`

Create a new React.Js Project

- In your terminal navigate where you want to create your project.
- Run the following command 
`npx create-react-app my-react-app
`

Start the Development Server
-Once the project is created navigate to the folder.
`cd my-react-app
`

Run the following command to start your application
`npm start
`

## Let's Wrap it up.

I hope you enjoyed enough to start with React.Js but do not forget that basics is everything, keep your foundations super strong.
To learn more about React.Js, here are some links for you:

Roadmap: https://roadmap.sh/react
Learn  : https://react.dev/learn

If you enjoyed the read, I'd love a feedback and I'll see you super soon in the next mini-blog.
Until then, keep coding :)
Growth Market Reports
Tags: webdev, javascript
Published: 2023-06-19 19:40:36

Growth Market Reports provides global enterprises as well as medium and small businesses with unmatched quality of “Market Research Reports” and “Industry Intelligence Solutions”. Growth Market Reports has a targeted view to provide business insights and consulting to assist its clients to make strategic business decisions and achieve sustainable growth in their respective market domain.
Discover Insights that drive growth. Our goal is to provide trusted and effective business solutions to all our clients.
Delivering customized global market intelligence to top management in marketing, sales, strategy, and product management. Trusted by Fortune 500 companies.
•	Market Research Reports - 9000+ 
•	Industries Analysed - 600+
•	Analyst & Consultants - 550+
•	Countries Covered - 60+
Our Expertise
We possess expertise in a variety of business intelligence domains.
Our key analysis segments, though not restricted to the same, include market entry strategies, market size estimations, market trend analysis, market opportunity analysis, market threat analysis, market growth/fall forecasting, primary interviews, secondary research and consumer surveys.
Following are the vertices we deal with 
•	Materials and chemicals
•	ICT, Semiconductor and Electronics
•	Healthcare
•	Food and Beverage
•	Energy and Power
•	Consumer Goods
•	Construction and Manufacturing
•	BFSI
•	Automotive and Logistics
•	Aerospace and Defence
About Us: Growth Market Reports
Contact Us: 
Growth Market Reports
US Address- 500 East E
Street, Ontario, CA
91764, United States
APAC Headquarters - 7th Floor, Siddh Icon,
Baner Rd 411045, Pune, Maharashtra
Sales - sales@growthmarketreports.com
Websites - https://growthmarketreports.com/
Twitter: https://twitter.com/growth_reports
LinkedIn: https://www.linkedin.com/company/growth-market-report/
Create Entity Relationship diagram for your database
Published: 2023-06-19 19:21:57

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/odinvthvu6mhwjuxz331.png)

Designing database diagrams is a crucial part of any data modeling or analysis process. It helps visualize the relationships between different tables and entities, making it easier to understand and communicate complex data structures. [databasediagram.com](https://databasediagram.com) is a free free online database diagram tool built for modelers and data analysts

## Private and Simple

One of the standout features of databasediagram.com is its strong emphasis on privacy. All diagrams created using the tool are private, ensuring that your sensitive data remains secure. Unlike many other diagramming tools, there is no signup required, no user tracking, and absolutely no limitations

## Lets create a ER diagram
To get started, you simply define your table structure using the text editor provided by the tool. As you type in the code, the database diagrams are generated in real-time as the output. The user-friendly interface allows you to easily move objects, zoom in and out, and pan for effortless navigation. These interactive features ensure that you can fine-tune the visual representation of your database to suit your needs.

`Customer
-
CustomerID int PK
Name varchar(100)
Address1 string
Address2 string
City string

Order
-
OrderID int PK
CustomerID int FK > Customer.CustomerID
TotalAmount money NOT NULL
OrderStatusID int`

Output:

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/1b76nob95qk6jascip8n.JPG)

[databasediagram.com](https://databasediagram.com) is a powerful [free online database diagram tool](https://databasediagram.com) that brings privacy, simplicity, and efficiency to the process of designing and presenting database diagrams. Its privacy-focused approach, local processing and rendering capabilities, SQL statement generation, and visually appealing diagrams make it a valuable tool for modelers and data analysts