teleren/devto huggingface dataset:
Busca sequencial gráfico linear
Tags: buscasequencial, algorithms, programmers, devops
Published: 2024-05-12 19:00:20

Busca sequencial em um vetor de dados de 100 a milhão

Cálculo do tempo médio 

Com tendência a um gráfico linear, pois a média do tempo não vai variar muito, assim como o desvio padrão que tende a crescer de acordo com o tamanho do vetor e o tempo médio.

Assim, depois de você inicializar o vetor e criar o método, você pode utilizar esse cálculo para gerar o gráfico:

 while (i<=100){
         i++;
             cpu_time_used += cpu_time_used / 100;

       p = p + (VetAleatorio[i] - cpu_time_used);

       comparacoes = sqrt((p * 1)/10);
      // printf("O desvio padrão é  d = %.2f\n", comparacoes);
}

Em um vetor de dados com cerca de 100 dados, você pode fazer a média do tempo e gerar o desvio padrão das comparações.

Assim seu algoritmo já vai dar a solução com o resultado que você precisa, após você percorrer o vetor todo.
The Resilient Elegance of Palm Leaf Manuscripts
Published: 2024-05-12 18:36:01

In an era dominated by digital screens and fleeting data, the enduring elegance of [palm leaf manuscripts](https://botanylive.com/palm-leaf-vs-bamboo-plates/) stands as a testament to human creativity and resilience. Crafted from the sturdy leaves of the palmyra palm, these ancient artifacts carry within them a wealth of knowledge and tradition, embodying the rich cultural tapestry of their origins.

The process of creating palm leaf manuscripts is a labor of love, requiring meticulous attention to detail and centuries-old techniques. It begins with the careful selection of mature palm leaves, chosen for their size, texture, and durability. These leaves are then subjected to a series of treatments to remove impurities and strengthen their fibers, preparing them to receive the indelible mark of human ingenuity.

The art of inscribing palm leaf manuscripts is a delicate dance between the artisan and the medium. Using a stylus or pen-like instrument, skilled scribes etch intricate characters onto the surface of the leaf, each stroke a testament to their craftsmanship and devotion. The writing itself often follows strict conventions of script and layout, reflecting the cultural and aesthetic sensibilities of the time and place of its creation.

But palm leaf manuscripts are more than just vessels of text; they are windows into the past, offering glimpses of ancient wisdom and knowledge. From religious scriptures and philosophical treatises to medical texts and literary works, these manuscripts encompass a wide range of subjects, spanning the breadth of human experience and imagination. Each manuscript is a unique expression of its creator's intellect and creativity, preserved for posterity in the resilient fibers of the palm leaf.

What sets palm leaf manuscripts apart is not just their materiality but also their longevity. Unlike paper, which deteriorates over time, palm leaves have proven to be remarkably resilient, capable of withstanding the ravages of centuries when stored under proper conditions. This inherent durability has enabled the survival of countless manuscripts, some dating back over a thousand years, offering invaluable insights into the cultural heritage of their respective societies.
Watch Full Video Now
Tags: webdev, beginners, ai, discuss
Published: 2024-05-12 18:29:14


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/umdlrgztw86u4zyrtppx.png)
**_[Watch Full Video Now](https://quickieboilingplayground.com/v5iyqs3qzp?key=f5510f69c77c1f66c738a40474131fe3)_**
Docker Container health Dashboard in Go
Tags: devops, docker, go, learning
Published: 2024-05-12 17:51:32


##Under the Hood

At its core, the application is written in Go, a language known for its simplicity and performance.  It interacts with Docker through the docker/docker client, which provides a rich set of functions to manage container lifecycles.

###Key Features

**Container Health Check**: The ContainerHandler function serves as an endpoint that lists all Docker containers and their statuses, providing a quick health check for the system.

**Dashboard Serving**: The customHandler function serves a static HTML dashboard, allowing users to visualize the state of their Docker environment.

Snippet of Dashboard


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



https://github.com/surajupadhaya/containerDashboard
Changing default application
Tags: linux, archlinux
Published: 2024-05-12 17:44:47

Changing default application is so easy in Arch-based Linux.

Maybe work for other distros.

Just open this file with your text editor:

`~/.local/share/applications/mimeapps.list`

Add your mime type and default application. For example, for URLs you can use these lines:

```
[Default Applications]

x-scheme-handler/http=google-chrome.desktop
x-scheme-handler/https=google-chrome.desktop
``` 

Finding mime-type
====

Finding any file's mime type is easy.

- If you use linux, you can use `file` command:

```bash
$ file --mime-type data.json 
data.json: application/json

$ file --mime-type w1.png                             
w1.png: image/png

```

or you can use `-i` switch:
```bash
$ file -i w1.png         
w1.png: image/png; charset=binary
```
 

- Also you can use online applications. For example https://mimetype.io/.

search file extension in the top menu search box or upload your file:

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/wbdktm5tmb4np04rhgmm.png)
Top 5 Chrome Extensions for IT Field
Tags: chrome, it, extensions, developer
Published: 2024-05-12 17:34:45

## **Top 5 Chrome Extensions for IT Field:**

## 1.Mobile Simulator:
**Description:** Mobile Simulator is a handy Chrome extension that allows users to simulate various mobile devices to test the responsiveness and functionality of websites on different screen sizes.
URL: [Mobile Similutor](https://www.webmobilefirst.com/en/)

---

## 2.CSS Viewer:
**Description:** CSS Viewer is a useful tool for IT professionals that enables them to inspect and analyze CSS properties of any webpage with a simple click, providing valuable insights into styling elements.
URL: [CSS Viewer](https://chromewebstore.google.com/detail/cssviewer/ggfgijbpiheegefliciemofobhmofgce?hl=en)

---


## 3.Color Picker:
**Description:** Color Picker is an essential Chrome extension for IT professionals, offering a convenient way to select and identify colors from web pages, aiding in design and development tasks.
URL: [Color Picker](https://chromewebstore.google.com/detail/colorpick-eyedropper/ohcpnigalekghcmgcdcenkpelffpdolg)

---


## 4.Temp Email:
**Description:** Temp Email is a practical Chrome extension that provides temporary email or mobile numbers for testing purposes, ensuring privacy and security while accessing online services.
URL: [Temp Mail](https://chromewebstore.google.com/detail/temp-mail-disposable-temp/inojafojbhdpnehkhhfjalgjjobnhomj)

---


## 5.Fake Filler:
**Description:** Fake Filler is a time-saving Chrome extension for IT professionals, allowing them to generate dummy data and fill forms quickly, streamlining repetitive tasks and enhancing productivity.
**URL:** [Fake Filler](https://chromewebstore.google.com/detail/fake-filler/bnjjngeaknajbdcgpfkgnonkmififhfo?hl=en)
I Used to Hate Writing Jira Tickets, Before I Start Doing This
Tags: productivity, software, project, jira
Published: 2024-05-12 17:27:58

---
title: I Used to Hate Writing Jira Tickets, Before I Start Doing This
published: yes
description: A guide to writing more effective tickets
tags: productivity, software, project, jira
# cover_image: https://dev-to-uploads.s3.amazonaws.com/uploads/articles/fcycqv8vtgy0rjszq6uc.jpeg
# Use a ratio of 100:42 for best results.
# published_at: 2024-05-12 13:39 +0000
---

I used to dread Jira, but now I actually like it. It's gone from being a chore to a valuable communication tool where I find answers and know exactly what to do.

### The Secret Weapon

Even if you're the one doing the work, write Jira tickets as if you're handing them off to someone else. This mindset shift forces you to clarify your thinking, anticipate questions, and break down tasks into manageable steps. 
The result? A smoother development process for everyone, including your future self.

### The Problem

Vague instructions lead to confusion, wasted time, and frustration.
![instruction unclear meme](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/6mtyglhp03p5y67prqrl.png)
### The Solution

Write clear Jira tickets that empower developers to do their best work.

### 3 Essential Ingredients for Effective Jira Tickets

#### Context

Explain the "why" behind the task. What problem are we solving, or what features are we building?

#### Resources

Link to relevant docs, tickets, or code. Give developers the tools they need to get started.

#### Acceptance Criteria

Clearly define what "done" looks like. This helps developers stay on track and know when they've succeeded.

### Pro Tip

Focus on the purpose of the task, not the exact steps. Trust developers to use their expertise to find the best solution.

### Sample Jira Ticket Description Template

#### General

We want to change the color of the 'Submit' button because it has been proven that this will enhance its visibility and effectiveness.

#### Resources
- [Material-UI Theme](https://mui.com/material-ui/customization/theme-components/)
- [Updated Figma design](https://www.figma.com/)
- [A/B Testing result document](http://docs.google.com/)

#### Acceptance Criteria

- The 'Submit' button's color is changed to #ACE1AF
- Primary color of the app is not changed and all other buttons remain the same

### Bonus Tip

Always confirm the acceptance criteria with the product owner or relevant stakeholder to ensure everyone is on the same page.

### Why This Matters?

#### Empowers Developers

Clear tickets give developers the autonomy and information they need to do their best work.

#### Reduces Rework

Clear expectations lead to fewer misunderstandings and the need for revisions.

#### Saves Time

Everyone spends less time clarifying requirements and more time building great software.

#### Improves Your Thinking

Writing for someone else forces you to clarify your own understanding and approach.

### That's it!
And who knows, you might even find yourself enjoying the process a little bit. After all, a well-crafted Jira ticket is a thing of beauty. 😊
VS Code Extension that will make your coding life easy
Tags: beginners, tutorial, codenewbie, vscode
Published: 2024-05-12 17:20:50

VS Code code editor is used by almost everyone. If you haven't using it then what are you waiting for? Be a superhero.... Your time will be saved.

Ok, that's was a pretty good introduction on VS Code.

There are millions of extensions in VS Code and you only need to know a few ones to make your life easy and great.

So here are our top extensions to use...

1. Live Server
This extension has 2.4 million downloads. So, if you are doing web development then you must have this extension. It displays the code result on your browser. It spare developers the burden of constantly saving work in the editor and then reloading the browser to see changes.

2. Prettier
This extension has more than 23 million downloads. With Prettier, you can quickly clean and format your code base to remove inconsistencies.

3. Stylelint
Stylelint is a simple, automated linter add-on for VS Code, capable of highlighting code problems, stylistic errors, bugs, and other dubious constructs.

4. SonarLint
This extension is used to find issues in the code even before they arise.

5. Remote-SSH
It allows developers to use any remote PC with an SSH server as their IDE.

6. Quokka
It immediately displays the results, inline console logs, expression values, and error messages as you modify the code.

7. Live Share
Users can share a session with another person, enabling them to collaborate on the server, debug sessions, and changing code. The Live Share extension has more than 9.3 million downloads.

Happy Learning 🎉
Microsoft OpenAI Architecture
Tags: azure, ai, learning, community
Published: 2024-05-12 17:08:31

Greetings my fellow Technology Advocates and Specialists.

This is __Chapter #2__ of my __Data & AI Series__ based on __Microsoft Build AI Day, Switzerland, 2024.__

In this Session, I will provide readers, the details which I captured on __Microsoft AI Architecture.__

| __CODE REPOSITORY:-__ |
| --------- |

{% github arindam0310018/09-May-2024-Data-And-AI__All-In-One %}

| 1. Below follows a snapshot of Microsoft Journey in AI since Year 2016:- |
| --------- |
| ![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/m2znxq7gx9ki98bdp99u.jpeg) |

| 2. Microsoft Responsible AI Framework:- |
| --------- |
| ![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/iqmirgncxcll2khziklg.jpeg) |

| 3. AI Architecture Overview with respect to AI Platform, Application and Usage:- |
| --------- |
| ![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/gj3leczft791cthovd78.jpeg) |

| 4. AI Architecture Breakdown with respect to AI Platform, Application and Usage |
| --------- |
| ![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/5j84epbgjjp3c9s7voth.jpeg) |

| 5. AI Shared Responsibility Model between Organisation, developer and AI Provider (Here in this case is Microsoft) |
| --------- |
| ![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/1c0pl9oydq2h3ynay1h6.jpeg) |


__Hope You Enjoyed the Session!!!__

__Stay Safe | Keep Learning | Spread Knowledge__
How to configure the outer border of the primitive when hovering in a bar chart?
Published: 2024-05-12 17:04:54

## Title

How to configure the outer border of the primitive when hovering in a bar chart?

# Description

How to configure the outer border effect displayed when hovering on a bar chart? I hope that when hovering, there will be an outer border with a certain gap from the primitive.
![](https://bytedance.larkoffice.com/space/api/box/stream/download/asynccode/?code=ZDJjMDAzYTM0NGUyMDgzYjkzZTE2YjQ0MWU1YTFiOGRfV0pnV05CMmtuWXc2QlJYV1RVdXlyMVJEWjlKSEdmdnFfVG9rZW46QWZtS2JjcWZQb0ZGY1V4OTlLRGNTdTJFbnpmXzE3MTU1MzM0ODM6MTcxNTUzNzA4M19WNA)

## Solution

You can configure the `lineWidth` of border thickness, `stroke` of border color, and `distance` of gap between the border in `bar.state.hover.outerBorder`.
![](https://bytedance.larkoffice.com/space/api/box/stream/download/asynccode/?code=YWM3NjUwNTEwZmYwZmVkMTcwYmZiZjJhMDllYWVhNjFfekFlUXNKeXlWVmM1ek5zeXFqYWlKOHZHcG1uTmIxZzNfVG9rZW46U3BDS2J5ZXU5b0hkWjN4Rkxlc2NaTjJobjBlXzE3MTU1MzM0ODM6MTcxNTUzNzA4M19WNA)
<br>

<br>

## Code Example

```Markdown
const spec = {
  type: 'bar',
  data: [
    {
      id: 'barData',
      values: [
        { month: 'Monday', sales: 22 },
        { month: 'Tuesday', sales: 13 },
        { month: 'Wednesday', sales: 25 },
        { month: 'Thursday', sales: 29 },
        { month: 'Friday', sales: 38 }
      ]
    }
  ],
  xField: 'month',
  yField: 'sales',
  bar:{
    state:{
      hover:{
        zIndex:400,
        outerBorder:{
          lineWidth:1, // borderSize
          stroke:'#4e83fd', // borderColor
          distance: 3 // borderSpacing
        }
      }
    }
  }
};

const vchart = new VChart(spec, { dom: CONTAINER_ID });
vchart.renderSync();

// Just for the convenience of console debugging, DO NOT COPY!
window['vchart'] = vchart;
```

## Results

Online demo：https://codesandbox.io/p/sandbox/hover-border-wq6lsr?file=%2Fsrc%2Findex.ts%3A23%2C23
![](https://bytedance.larkoffice.com/space/api/box/stream/download/asynccode/?code=MjJlYWEzZDZiMjgzZjM3ODJiMGNjNjk2Mjc0OWFjNGJfNFdRU1JvNHpyTDFLYWtxaURUNWd6dmxtTTFCbEhHSDNfVG9rZW46S2NiSmJwVkkyb0NrWTB4QWJlcmNpVUJObkVkXzE3MTU1MzM0ODM6MTcxNTUzNzA4M19WNA)

## Related Documentation

Bar Chart Demo：https://www.visactor.io/vchart/demo/bar-chart/basic-column
Bar Chart Toturial：https://www.visactor.io/vchart/guide/tutorial\_docs/Chart\_Types/Bar
github：https://github.com/VisActor/VChart
<br>

<br>
Technologies for implementing a matchmaking and usage of apis related to dating app
Tags: angular, matchmaking, backend, api
Published: 2024-05-12 16:36:14

Hello everyone,

my mission for the future is, I want do a dating app with firebase and need to do a matchmakingsystem, for the start it can be a simple one. matching like the miles or specific hobbies and so on.

i could also need apis like for location tracking or paypal services.

now chatgpt said that I dont need to learn a specific backend language and can do the matchmaking with typescript on cloud functions and for the apis I also dont need a backend language but just backend knowledge.

Iam now not sure about the equippment I need at the end for doing what I want.

i want be sure.

About me, I learned javascript and the framework angular. I did many learning projects.

My biggest one is a slack clone I build in 3 months with firebase and angular.

Build with access auth from firebase, creating channels and asking questions and direct messages between users and deleting users who are toxic ect.

I did communicate with chatgpt, but it can also do mistakes.

I was on udemy to look about specific courses and in forums.

for me who has not an overall knowledge it is very hard to have a full imagination about the tools for the goal.

so I would be happy about help from far more experienced people who know what is right and I thank very much and wish for all a great sunday.
How to Implement a Search Box in Next.js
Tags: tutorial, nextjs, search, react
Published: 2024-05-12 16:32:53

Here's a simple way to add search 🔎 functionality in Next.js. 

Preview 🪟:

![GIF of search bar in next.js](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/a69d0lhp7hwbrzae6n45.gif)


First, you need to have a state for your search input and the list of elements. You can use React's `useState` for this.

```jsx
import { useState } from 'react';

export default function Home() {
  const [search, setSearch] = useState('');
  const [list, setList] = useState([]); // This should be your fetched list
  ...
}
```

Next, create an input field for the search. The `onChange` event will update your search state every time the user types into the field.

```jsx
<input
  type="text"
  value={search}
  onChange={(e) => setSearch(e.target.value)}
  placeholder="Search..."
/>
```

Now, filter your list based on the search input. You can use JavaScript's `filter` method for this. This will create a new array with all the elements that pass the test implemented by the provided function.

```jsx
const filteredList = list.filter((item) =>
  item.toLowerCase().includes(search.toLowerCase())
);
```

Finally, map through your `filteredList` to display the items.

```jsx
{filteredList.map((item, index) => (
  <div key={index}>{item}</div>
))}
```

Here's the complete code:

```jsx
import { useState } from 'react';

export default function Home() {
  const [search, setSearch] = useState('');
  const [list, setList] = useState([]); // This should be your fetched list

  const filteredList = list.filter((item) =>
    item.toLowerCase().includes(search.toLowerCase())
  );

  return (
    <div>
      <input
        type="text"
        value={search}
        onChange={(e) => setSearch(e.target.value)}
        placeholder="Search..."
      />

      {filteredList.map((item, index) => (
        <div key={index}>{item}</div>
      ))}
    </div>
  );
}
```

This is a basic implementation and might need to be adjusted based on your specific use case and data structure. Hope this helps! Let me know if you have any other questions. 😊

---
### Stay Connected and Get More Insights
If you find this guide helpful and are dealing with similar challenges, feel free to reach out to me at http://ayushrudani.co/. For more tech insights and updates, consider following me on [GitHub](https://github.com/ayush-rudani). Let's innovate together!
Learning AWS Day by Day — Day 62 — AWS Key Management Service
Tags: aws, cloud, cloudcomputing, beginners
Published: 2024-05-12 16:32:48

Exploring AWS !!

Day 62

AWS Key Management Service

Helps create and manage cryptographic keys for your data protection.
KMS uses hardware security modules to protect and validate your keys.
Integrates with other AWS services that encrypt your data.
Integrates with CloudTrail for logging usage of Keys to meet compliance needs.
AWS KMS APIs for creating and managing keys and features like, custom key stores, and use KMS keys in cryptographic operations.

You can create & manage your keys: Create, edit or view the symmetric and asymmetric keys.
Control access to these keys using policies and grants. Supports ABAC (Attribute Based Access Control).
Tags can be attached to your keys for identification purposes, as well as automation and cost tracking.
Enable/Disable keys
Enable/Disable automatic key rotation
Delete keys.


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

You can use keys for cryptographic operations: Encrypt/Decrypt or re-encrypt keys
Sign and verify messages using asymmetric keys
Generate exportable data keys and key pairs.
Generate random numbers for cryptographic applications.

Advanced features: Create multi region keys
Import cryptographic material in keys
Create KMS keys in CloudHSM key store backed by clusters.
Create KMS keys in external key stores backed by cryptographic keys outside of AWS.
Connect directly through private endpoints

Using AWS KMS you get more control to your data that is encrypted. The key management and cryptographic features can be used directly within your applications. It doesn’t matter whether you write your data in AWS or out of AWS, the KMS keys control who can access your data.
KMS integrate with CloudTrail, which is a log trailing service to audit the usage of keys.

Customer keys Vs AWS keys
Customer managed keys:
Can view KMS key metadata: Yes
Can manage KMS keys: Yes
Used only for AWS account: Yes
Automatic rotation: Optional
Pricing: Monthly fee(pro-rated hourly), per-use fee

AWS managed keys:
Can view KMS key metadata: Yes
Can manage KMS keys: No
Used only for AWS account: Yes
Automatic rotation: Required Every Year
Pricing: No monthly fee, per-use fee

AWS owned keys:
Can view KMS key metadata: No
Can manage KMS keys: No
Used only for AWS account: No
Automatic rotation: Varies
Pricing: No fee