teleren/devto huggingface dataset:
What happened with the AI excitement?
Published: 2022-12-26 18:19:04



Back then in 2019, when I started my adult life as an Engineer everything was about Data. The projection of 10-20 years of automated daily processes, predictions, models, and algorithms was everywhere. This trend lasted during quarantine, trying to bring the best comfort and entertainment to the people in their houses. This year everything changed, since the economic disruption, and the war, and now AI is an actual reality, not a prediction like before. The Big Tech companies jumped with a technology that we couldn't imagine a year ago. 

As a reality, these tools seem like a different scenario in our lives and jobs. Instead of satisfying the most problematic or dangerous duties of human life, they're committing the intellectual and creative tasks. Those areas where humanity expressed the most valuable capacity of our specie since the beginning of our history.  And they do it better than us, I'm sure that ChatGPT could make the best post than me if I ask it. I'm not trying to deny the capacities of these tools, but it seems like companies would try to replace the most expensive and unique talent with a computer. 

I was excited about all the AI benefits to our life, and I wanted to be part of it, now every day I see how people are afraid about their own job value. I'm afraid about the future of humanity, what kind of jobs we could commit better than a machine? Only the most dangerous and extreme ones, with the lowest income meanwhile a machine replace us.

Yes, I'm overreacting and I can figure out how instead of less, we will have more jobs than ever (for a while at least). I'm only uncomfortable and I'm alone in this feeling, all those entries about ML and Data are less popular every day since AI is a reality in our lives. 

I'm not against progress, but it seems like the people in power seems all of these as new chances to be even richer, no matter what. Instead of an iHome, now we don't have where to live.

How do you feel about all of these?
Initial terraform environment and pre-init terraform module
Published: 2022-12-26 18:16:11

Hi, devops fans

As continuation of post related to "[How to deploy high available Elasticsearch cluster at AWS OpenSearch using terraform](https://sergiiblog.com/how-to-deploy-a-high-available-cluster-at-aws-opensearch/)" a new articles appeared:

[What is OpenSearch? If OpenSearch and Elasticsearch are compatible?](https://sergiiblog.com/what-is-opensearch-if-opensearch-and-elasticsearch-are-compatible/)

[Initial terraform environment and pre-init terraform module](https://sergiiblog.com/initial-terraform-environment-and-pre-init-terraform-module/)
Dumbing Down da Doherty Threshold 💫
Tags: ux, uiweekly, devfasttt, designcrazybydevfasttt
Published: 2022-12-26 18:08:26

> Design Crazy: S1 E1: The Crazy Design Blog by the humans @ Devfasttt!

Ok, if you're here, welcome humans to a mind-numbing explanation of the Doherty Threshold 💫🤩

_A little backstory everybody: In 1982, Walter J. Doherty and Ahrvind J. Thadani presented a research report in the IBM Systems Journal which transformed the previous norm for computer response timing from 2,000 milliseconds (2 seconds) to 400 milliseconds. This program was considered to be "addictive" to users when a human instruction was executed and answered in less than 400 milliseconds, which was considered to transcend the Doherty threshold._

**So coming back to our original question: What the hell is the Doherty Threshold?**
_**According to Doherty's Threshold, when the system feedback time falls below 400ms, a user experience changes from being agonizing to being addictive.**_

* Doherty had a notion that this might be taking place as a user was cognitively storing the sequence of events he planned to execute. His train of thought was disrupted by the device's slow reaction times, which ultimately reduced his productivity.


## So the Key takeaways for you:


💫 Even when a procedure actually takes considerably less time, imposing a delay on purpose can boost faith in it and raise the perceived value of the process.

🤩 Enhance response times and lessen the sense of waiting by using perceived performance.

🧋 One method of keeping visitors' attention while loading or processing is taking place in the background is animation.

🎭 Irrespective of their accuracy, progress bars aid in rendering wait durations bearable.

🧩 Productivity goes up in much more than direct proportion to the response time reduction.

🔭 To hold the users' attention and boost productivity, give system feedback within 400 milliseconds.


Did we miss out something? Share your 💭💭 in the comments 🤩 below! 👇👇 We'll be waiting for your thoughts!
Flex Box
Published: 2022-12-26 18:07:35

Flex box plays very important role in CSS. Flex box helps to format the data in the form of rows and columns. We can use flex box in CSS by giving display flex. We have to specify display flex to parent container of the data on which we want to perform some activities. After that we are able to use the properties of flex box. There are so many properties of flex box such as justify content, align content, align-items, flex direction, flex-wrap these are the properties which helps to format data in perticular form. These are the properties which are apply on parent container. Justify content and align items these are the properties are very important main properties of flex box. Justify content help to align content along main axis and we can use so many properties of justify content like center, space-around, space-between, space-evenly, end, start. and align items help to align content along vertical axis we can use same properties of justify content to align items.
 And some properties and are apply on elements such as order, align self these properties help to align that perticular element.
We can use flex box easily by doing more practice. I did small   projects that will help to improve the use flex box in good manner.
Add an unread mail count badge to Gmail
Tags: javascript, showdev
Published: 2022-12-26 18:00:37

If you're a Gmail user, but want a native app like experience, you might be using the _Create shortcut..._ feature available in Chrome and Chrome-based browsers, such as [Vivaldi](https://vivaldi.com/download/). This feature opens a specific URL, such as `https://gmail.com/`, in a dedicated browser window and provides a separate icon on the dock (MacOS) or taskbar (Windows). But by default there's no badge counter for unread emails.

Fortunately, it is possible to add a badge by using the experimental [`Navigator.setAppBadge()` API](https://developer.mozilla.org/en-US/docs/Web/API/Navigator/setAppBadge). This experimental API is available only in Chrome as of this writing. Here I am going to combine the badge API with [Violentmonkey](https://violentmonkey.github.io/get-it/), a browser extension that uses the [WebExtension](https://developer.mozilla.org/en-US/docs/Mozilla/Add-ons/WebExtensions) APIs.

If you want to use the script, it is available from a [GitHub repository](https://github.com/jboxman/gmail-badge) in the `gmail-badge/dist/index.user.js` file.

Most of the work is performed by a [MutationObserver](https://developer.mozilla.org/en-US/docs/Web/API/MutationObserver). The API is wrapped by `VM.observe` for convenience, and so we only need to provide a DOM element to monitor for mutations and a callback function:

```js
import * as VM from '@violentmonkey/dom';

VM.observe(document.head, () => {
  const $el = document.querySelector('title');
  // https://github.com/developit/Gmail-unread-count-badge/blob/main/src/content.js
  let m = String($el.innerText).match(/Inbox(?: \((\d+)\))? -/);
  if (m) navigator.setAppBadge(m[1] | 0 || null);
});
```

In the preceding code, we do the following:

- Observe the `<head>` DOM element for any changes.
- React to a change by querying the `<title>` DOM element, extracting the unread message count, and calling `navigator.setAppBadge` to set the badge number.

By using a MutationObserver, we ensure that whenever Google updates the unread message count in the page title, we can update our unread messages icon badge.

For reference, `VM.observe` wraps the `MutationObserver.observe` method in the [following way](https://github.com/violentmonkey/vm-dom):

```ts
export function observe(
  node: Node,
  callback: (
    mutations: MutationRecord[],
    observer: MutationObserver
  ) => boolean | void,
  options?: MutationObserverInit
): () => void {
  const observer = new MutationObserver((mutations, ob) => {
    const result = callback(mutations, ob);
    if (result) disconnect();
  });
  observer.observe(
    node,
    Object.assign(
      {
        childList: true,
        subtree: true,
      },
      options
    )
  );
  const disconnect = () => observer.disconnect();
  return disconnect;
}
```

The [source is available on GitHub](https://github.com/jboxman/gmail-badge
) and the userscript lives at: `gmail-badge/dist/index.user.js`.
Modern API data-fetching methods in React
Published: 2022-12-26 17:41:46

useEffect(() => {
 fetch(`https://jsonplaceholder.typicode.com/posts`)
  .then((response) => response.json())
  .then((actualData) => console.log(actualData))
  .catch((err) => {
   console.log(err.message);
  });
}, []);
O que é e para que serve MongoDB?
Published: 2022-12-26 17:34:15

MongoDB é um banco de dados orientado a documentos, ou seja, ele é composto por registros que não possuem uma definição formal. 

Diferente de banco de dados relacionais, não há a existência de colunas, chaves estrangeiras e outros conceitos de bancos de dados relacionais.

Dessa forma, todas as informações de cada registro ficam contidas no próprio registro, não sendo dividido em outras tabelas.

Bancos de dados não relacionais muito chamados como noSQL são chamados assim por não utilizam a linguagem SQL, porem recentemente algumas dessas linguagens podem, sim, usar SQL para consultas, então esse termo foi atualizado para "Not Only SQL".

Assim como bancos de dados relacionais, MongoDB também tem base de dados para separar conjuntos de informações, mas ao invés de tabelas ele possui colections, como uma grande coleção de documentos, que são como são chamados os registros no banco de dados.

Cada documento tem sua própria organização e pode ser diferente de outro da mesma colection.
ATENÇÂO: Isso NÃO é recomendado!
A menos que você queira muito quebrar a cabeça, ou lascar a cabeça do próximo a utilizar do seu banco de dados.
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/iqmvvdkldyt8zjgbtxy2.gif)

MongoDB usa schemas que são conjuntos de definições e regras dos campos, seus conteúdos e até validação dos valores possíveis, 
podendo assim ser usado de uma forma mais rígida se assim preferirmos.

Além dessas características, MongoDB é suportado pelas principais linguagens de programação, tais como:

- NodeJs
- Python
- Motor
- C#
- Go
- Java
- PHP 
- Ruby
- Scala
- Swift

Pois bem, já sabemos que MongoDB é um banco de dados orientado a documentos, mas que documentos são estes?
Em MongoDB esses documentos são no formato BSON (Binary JSON), que é um formato muito famoso utilizado hoje em dia.

Como grande vantagem ele possibilita um processamento mais rápido por ser guardado como binário, ao invés de texto ele permite representar dados mais complexos como, data com informação de fuso-horário, e números muito grandes. 

Diferente de bancos de dados relacionais que precisam da criação de tabelas e linhas, tanto as bases quanto as colections são criadas automaticamente quando é feita a utilização pela primeira vez.

Porem nem tudo são flores se tratando de MongoDB.
Algumas das desvantagens do seu uso são:

- Utilização de muita memória para armazenar e estocar dados.

- Limite de 16 MB de dados para armazenar nos documentos.

- Limite para aninhar dados nos arquivos BSON em até 100 níveis.
add a spinner in API js
Published: 2022-12-26 17:30:12

`Html code from bootstrap`

```
<!-- added spinners -->
    <div id="spinners" class="spinner-grow text-secondary" style="margin:10rem 40rem;" role="status">
      <span class="visually-hidden">Loading...</span>
    </div>
```

---
`javascript code`

```
const spinner = document.getElementById("spinners");
const loadData = () =>{
  spinner.removeAttribute('hidden');
    fetch('https://www.thesportsdb.com/api/v1/json/2/all_sports.php')
    .then((res) => res.json())
    .then((data) =>{
      spinner.setAttribute('hidden', '');
      displayData(data.sports)
    });
}
loadData()
```
9 Best Developer Communities On Discord
Tags: javascript, webdev, programming, python
Published: 2022-12-26 17:26:23

> This article was originally posted on [Medium](https://levelup.gitconnected.com/9-best-developer-communities-on-discord-c673b8ab3a1c). If you prefer reading it from there, please do check it out.

**Benefits of being part of a developer community are a lot, you get to,**
- interact with likeminded people
- know about recent technologies & tools
- showcase your work
- ask your doubts

### 1️⃣ ZeroToMastery
👑 **Admin:** Andrei Neagoie
🏢 **Members:** 259,859+
🔗 **Link:** [zerotomastery](https://zerotomastery.io/community/developer-community-discord)
📝 This was the first dev discord community that I joined. They even have there own online courses about most of the technologies.




### 2️⃣ The Programmer's Hangout
👑 **Admin:** @itsHobbes
🏢 **Members:** 108,263+
🔗 **Link:** [programmers-hangout](https://discord.com/invite/programming)
📝 This server is about everything related to coding, and is a good place to interact with other developers.



### 3️⃣ Reactiflux
👑 **Admin:** @reactiflux
🏢 **Members:** 172,474+
🔗 **Link:** [reactiflux](https://discord.com/invite/reactiflux)
📝 This server is specifically for React and technologies related to it like TypeScript, Gatsby, nextjs, etc.



### 4️⃣ EddieHub
👑 **Admin:** Eddie Jaoude
🏢 **Members:** 4,975+
🔗 **Link:** [EddieHub](https://discord.com/invite/jZQs6Wu)
📝 I joined this server to get into the Open Source Community and learn everything related to it



### 5️⃣ Community Classroom
👑 **Admin:** @kunalk
🏢 **Members:** 34,131+
🔗 **Link:** [commclassroom](https://discord.com/invite/commclassroom)
📝 I joined this server as the admin of this server teaches everything related to programming for free.



### 6️⃣ TeamTanay Community
👑 **Admin:** Tanay Pratap
🏢 **Members:** 19,948+
🔗 **Link:** [teamtanay](https://discord.com/invite/4RCncKrDUX)
📝 This server is not just about programming, the admin of this talks about business, Metaverse and NFTs too.



### 7️⃣ The Coding Den
👑 **Admin:** greenbigfrog
🏢 **Members:** 93,632+
🔗 **Link:** [coding-den](https://discord.com/invite/code)
📝 This server is about JavaScript, Python, Machine Learning, UI/UX, etc.



### 8️⃣ DevCord
👑 **Admin:** lost.design
🏢 **Members:** 33,432+
🔗 **Link:** [devcord](https://discord.com/invite/devcord)
📝 This server is mostly about JavaScript and Python. This one is also pretty useful if you are looking for collaborators.



### 9️⃣ Coding & Programming Community
👑 **Admin:** Matthew Upham
🏢 **Members:** 32,512+
🔗 **Link:** [matt-upham](https://discord.com/invite/jSYRaWzauJ)
📝 This server literally covers everything related to programming, like Web, Games, App, Cybersecurity, ML, etc.

---

#### Find me on [GitHub](https://github.com/Mayank0255)
#### Connect with me on [LinkedIn](https://www.linkedin.com/in/mayank-aggarwal-14301b168/)
#### Check out my [Portfolio](https://mayank0255.github.io)
The Best 3 Short Link Tools to Use For Maximum Traffic
Published: 2022-12-26 17:09:45

The following three link shortening tools have gotten me more clicks and brought more traffic to my sites than any other services.

Here are those 3 tools so you can use them too and profit from the traffic they send.

I’ll also explain how each of the three tools attracts clicks from a [Continue reading](https://dslinks.in/vqkrdCZy)
5 Tips for Advancing Your Career as a Developer
Tags: career, programming, productivity
Published: 2022-12-26 16:58:20

Photo by Fotis Fotopoulos on UnsplashIt is essential for you, as a developer, to constantly strive for career advancement and remain up to date on the most recent technologies and best practices. This article will offer five suggestions to help you advance in your development career.

## #1 Invest in ongoing education
Continuing education is one of the most important things you can do to advance your career as a developer. You can practice and use your skills in various ways by taking online courses, attending conferences and workshops, and working on personal projects. If you want to remain competitive and valuable to potential employers, you must keep up with the changes in the technology industry.

## #2 Network and develop relationships
Networking and developing relationships with industry professionals can significantly benefit your development career. Not only can it assist you in finding employment opportunities, but it can also offer you expert guidance and mentorship. Joining online communities, attending meetups and conferences, and participating in hackathons are all ways to build your network.

## #3 Participate in open-source projects
Being a part of open-source projects is a great way to learn new skills, improve your portfolio, and help the community. You can collaborate with other developers on real-world projects and receive feedback from industry veterans through open-source projects. It's also a great way to show potential employers your skills. You can search for open-source projects on websites like GitHub and GitLab or contribute to projects you already use to get involved.

## #4 Develop your soft skills
It is essential to improve your non-technical skills, such as communication, teamwork, and problem-solving, in addition to your technical skills. Employers place a high value on these skills, referred to as "soft skills," frequently. You can work on team projects, take communication classes, and practice presenting to others to improve your soft skills.

## #5 Set Goals & Objectives
To advance your development career, you should set and work toward specific, attainable career objectives. You can create a career development plan that outlines your short- and long-term objectives to set career goals. It allows you to track your progress and success and helps you stay focused and motivated. You can also look for chances to learn new skills and have new experiences that will help you get where you want to go.

## Conclusion
In conclusion, advancing your career as a developer requires continuous learning, goal-setting, networking, and a combination of technical and non-technical skills. By following these five hints, you'll be well-headed to propelling your profession and making progress as a designer.
Connect with me on Twitter [@langford_dev](www.twitter.com/langford_dev) and email me at langfordquarshie21@gmail.com
On the first day of Enhancing: Getting Started
Tags: enhance, webdev, webcomponents
Published: 2022-12-26 16:38:09

---
title: On the first day of Enhancing: Getting Started
published: true
description: We embark on a 12 day journey to build and deploy your first Enhance app.
tags: #enhance, #webdev, #webcomponents
cover_image: https://dev-to-uploads.s3.amazonaws.com/uploads/articles/cltddro1s0lm62xhxq23.jpg
canonical_url: https://blog.begin.com/posts/2022-12-26-on-the-first-day-of-enhancing
series: 12 Days of Enhancing
---

Enhance is a web standards-based HTML framework. It’s designed to provide a dependable foundation for building lightweight, flexible, and future-proof web applications. Over the next 12 days, we’ll slowly build and deploy an Enhance application while introducing you to many, but not all, of the features of Enhance. Let’s get started.


## Installing the Begin CLI

Open up a terminal and execute the following command on macOS or Linux:

```bash
curl -sS https://dl.begin.com/install.sh | sh
```

Then follow the printed instructions to add Begin to your `$PATH`.

On Windows, the command is slightly different:

```
iwr https://dl.begin.com/install.ps1 -useb | iex
```

> We’ll use the Begin CLI to generate some code for us over the next few days and to deploy our application.

## Create a new project

Before you start developing an Enhance application, make sure you have [Node.js 16.x](https://nodejs.org/) or later installed.  Once you do run:

```bash
begin new 12-days
```

This will create a new project in the current folder named `12-days`. Open up that folder and you should see the following structure:

```
12-days
├── app
│   └── pages
│       ├─– about.html
│       └── index.html
└── public
```

As we progress along adding functionality to the application, we’ll add more files and folders to the `app` folder. For now, we’ll only concern ourselves with `app/pages` where we will add our file-based routed HTML pages, and a `public` folder where we can add our static assets.


## Local Development

While Enhance applications are serverless, providing local development to reduce the code/run/debug cycle is vitally important. To get started with local development, execute the following commands:

```bash
cd 12-days
begin dev
```

Now, open your browser to `[http://localhost:3333](http://localhost:3333)` to browse your app locally. Any changes to your code in the `app` folder will trigger a hot reload of your application.

Open the project in your favorite editor ([see our Editor Setup guide](https://enhance.dev/docs/learn/get-started/editor-setup)), and make some changes to `app/pages/index.html`. You’ll notice your changes are instantly updated when you save the file.


## Next Steps

Come back tomorrow when we’ll add a new page to our application.
Most orgs do not use zero trust model, costing them millions.
Published: 2022-12-26 16:07:05

---
title: Most orgs do not use zero trust model, costing them millions.
published: true
description: 59% of organizations don't deploy zero-trust, incurring an average of 1 million USD in greater breach costs. Leaked credentials will continue to be the main attack vector for initial access. As the internet of things continues to develop, cybercriminals will have access to a greater number of vulnerable devices.
tags: 
# cover_image: https://direct_url_to_image.jpg
# Use a ratio of 100:42 for best results.
# published_at: 2022-12-26 15:49 +0000
---
Cybercrime remains a major threat to individuals, businesses, and governments around the world. Leaked credentials will continue to be the main attack vector for initial access. As the internet of things continues to develop, cybercriminals will have access to a greater number of vulnerable devices. 59% of organizations don't deploy zero-trust, incurring an average of 1 million USD in greater breach costs. Cybercrimes such as DDoS, malware, and ransomware are all offered as subscription services, lowering the entry barrier into cybercrime.

The proliferation of crypto payment platforms makes it even easier to trade in cybercrime products and services. Lapsus$, a UK teen group that went on a hacking spree targeting tech titans, were "doing it for the lulz". LAPSUS$'s modus operandi was based on a text-book sim swapping scam. They bought credentials of someone with the right access to resources within an enterprise, called the phone provider, reported the phone stolen, rerouted the sim to their own phone, triggered multi factor authentication on an enterprise access point, and did a password reset. It was ridiculously simple and devastatingly efficient.

The cybersecurity workforce gap compelled enterprises to outsource this part of their cybersecurity to a managed detection and response (MDR) service. Global MDR market size is expected to grow from an estimated value of 2.6 billion USD in 2022 to 5.6bn USD by 2027.