teleren/devto huggingface dataset:
How would you name this?
Tags: discuss, webdev
Published: 2022-10-12 12:47:12

I have to implement this component and have a hard time naming it. Does anyone have an idea?

![a interface component with left and right arrow](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/xj5fy8u9gse3nuzb7bz2.png)

`<PageCarousel>`? 
`<PrevNextControl>`? 

This happens quite often to me actually and I guess I am not alone.

What is your approach to solving these cases? Is there a place where you can search a library of interface elements and find the correct name?

My default approach is to search for similar comonents in a framework like https://material.io/components. Sometimes I check if the designer has already named it in Figma. Or, if I know another interface/website with that element, I'll see if it has a class name :)

Any input appreciated!
Instalar Visual Studio Code en Windows
Tags: vscode, windows, beginners, programming
Published: 2022-10-12 12:42:56

Visual Studio Code o comúnmente conocido como VS Code es un editor de código multiplataforma desarrollado por Microsoft. En la actualidad es uno de los editores mas populares en el mundo del desarrollo de software debido a su flexibilidad y facilidad de uso. 

Permite el desarrollo de software utilizando múltiples lenguajes de programación, por ejemplo; C++, Java, C#, Python, JavaScript, NodeJS, entre muchos más. Además, de poseer una integración con soluciones en la nube, así como, entornos de bases de datos. 

Para realizar su instalación en Windows, solo es necesario seguir los siguientes pasos. 

* Visitar el sitio web oficial de Visual Studio Code o hacer [clic aquí](https://code.visualstudio.com/docs/?dv=win). 
* Realizar clic sobre el botón **Download for Windows** para 
comenzar la descarga. 

![Sitio de descarga](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/z11masaw4mz9zqlu6kfi.png)

* Una vez concluida la descarga, se mostrará el archivo de instalación dentro de la ruta asignada de descarga. 

![Archivo de instalación de VS Code](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/lvlr45xy5wwo9x5qm6dq.png)

* Hacer doble clic sobre el archivo anteriormente mencionado, o clic derecho > ejecutar como administrador.
* A continuación, se abrirá el asistente de instalación del programa, clic en *Acepto el acuerdo* y **Siguiente**. 

![Aceptar Licencia](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/vvggo36f5a9y6gu8f7nx.png)

* Mantener el destino de instalación por defecto, o modificarlo según lo desee, y hacer clic en **Siguiente**.

![Ruta de instalación](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/2wv7pa1turqvbme4vaub.png)

* En la sección de **Tareas adicionales** marcar las 4 casillas del apartado **Otros**, estas permiten agregar accesos directos al menú resultante de hacer clic derecho sobre el ratón y definir como editor de código predeterminado. 

![Opciones adicionales](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/9sz5ulr6rf7bz9cg57u8.png)

* Posteriormente hacer clic sobre **Instalar** para comenzar con el proceso de instalación de Visual Studio Code, el proceso puede tardar algunos minutos dependiendo de las características de la computadora.

![Comenzar instalación](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/bxx60p9nrgzhrp1fgz7p.png)

![Proceso de instalación](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/w780uzpshweic16txl9x.png)

* Una vez concluido el proceso de instalación, marcar la casilla **Ejecutar Visual Studio Code** y hacer clic sobre **Finalizar** para cerrar el asistente de instalación.

![Cerrar asistente de instalación](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/4sp07byuroxp8cznoawk.png)

* Para finalizar, Visual Studio Code se abrirá automáticamente. Ahora ya está listo para comenzar a desarrollar cualquier tipo de proyecto de software. 

![Interfaz de Visual Studio Code](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/vl7bp3okyjyh6s7lcdx8.png)
Merge Nodes in Between Zeros
Tags: javascript, leetcode
Published: 2022-10-12 12:41:16

You are given the head of a linked list, which contains a series of integers separated by 0's. The beginning and end of the linked list will have Node.val == 0.

For every two consecutive 0's, merge all the nodes lying in between them into a single node whose value is the sum of all the merged nodes. The modified list should not contain any 0's.

Return the head of the modified linked list.

Example 1:
Input: head = [0,3,1,0,4,5,2,0]
Output: [4,11]
Explanation: 
The above figure represents the given linked list. The modified list contains
- The sum of the nodes marked in green: 3 + 1 = 4.
- The sum of the nodes marked in red: 4 + 5 + 2 = 11.

```js
/**
 * Definition for singly-linked list.
 * function ListNode(val, next) {
 *     this.val = (val===undefined ? 0 : val)
 *     this.next = (next===undefined ? null : next)
 * }
 */
/**
 * @param {ListNode} head
 * @return {ListNode}
 */
var mergeNodes = function (head) {
  let sum = 0;
  let current = head;

  while (current != null) {
    let nextNode = current.next;
    while (nextNode.val !== 0) {
      sum += nextNode.val;
      nextNode = nextNode.next;
    }

    current.val = sum;
    sum = 0;
    if (nextNode.next === null) {
      nextNode = null;
    }
    current.next = nextNode;
    current = nextNode;
  }

  return head;
};

```
How to Learn (a lot)
Tags: leadership, tutorial, devjournal, productivity
Published: 2022-10-12 12:35:04

{%youtube QGdbs2S2YHk %}

The modern world rewards those that can learn and adapt quickly. Both financially and in your own personal fulfilment. Learning new skills keeps life interesting and fresh, but it isn't easy to do.

Continuous learning can fry your brain very quickly. Yet, there's nothing better than expanding the scope of your world in the way that learning can do.

How do we learn (a lot) optimally without hitting roadblocks like burnout?
How to emit a value from an input component Vue 3.
Tags: typescript, tutorial, vite, vue
Published: 2022-10-12 12:22:59

Hello 👋🏼, I will teach you how to emit a value from an input component using Vue 3 Composition API. Our working environment is Vue 3 with Vite and TypeScript.

## Install your Vue 3.

Run in your terminal <code>npm init vue@latest</code>.
Vue will scaffold the project and ask you some questions.

```bash
Project name: vue-input-tutorial
Add TypeScript? Yes
```
- After installing Vue 3, go to the newly created project and install its libraries.

```bash
cd vue-input-tutorial
npm install
```

## Create the Component.

- Go to the Components folder and create a form input component <code>FormInput.vue</code>.

- inside the form input component, copy the following code.

```javascript
<script setup lang="ts">
import { defineProps, defineEmits } from "vue";

defineProps<{
  modelValue: string;
  name: string;
  type: string;
}>();

defineEmits(["update:modelValue"]);
</script>

<template>
  <div>
    <label class="px-3" for="name">{{ name }}</label>
    <input
      :type="type"
      :value="modelValue"
      @input="
        $emit('update:modelValue', ($event.target as HTMLInputElement).value)
      "
      :placeholder="name"
    />
    <br />
  </div>
</template>
```

## Use Your Component.

- Go to <code>App.vue</code> and import the form input component.

```javascript
<script setup lang="ts">
import { ref } from "vue";
import FormInput from "./components/FormInput.vue";

const email = ref("");

// output value key by key
const onInput = (e: { target: { value: string } }) => {
  email.value = e.target.value;
};

// output value on submit
const Submit = () => {
  console.log(email.value);
};
</script>

<template>
  <form @submit.prevent="Submit">
    <FormInput
      v-model="email"
      name="E-mail"
      type="email"
      @input="onInput"
    />
      <button type="submit">Submit</button>
    </form>
    <div>{{ email }}</div>
</template>
```
- In the code above, I added two different examples, one that will output every change in the input, and the other will submit a form and console log the input value. 
Thanks for reading 👋, Visit my website at [codingpr.com](https://codingpr.com/)
What you need to know before offering a job to a Muslim programmer
Tags: interview, job
Published: 2022-10-12 12:00:45

There should be no prohibition to perform daily prayer and Friday prayer.
There should be no ban on wearing a beard
There are some type projects that Muslims are forbidden to work on.

Here is a list of such projects:
— Pornographic projects
— Projects that earn money from money. For example: Loan, Deposit, Pawnshop, Mortgage
— Projects that collect money from several people and give it to one. For example: Lottery, Bookmaker, Insurance
— Cryptocurrency
— Clinics that provide services that are prohibited in Islam. For example: Sex change
— Viruses, Projects that steal information without the owner’s knowledge and cause harm to people. For example: Different parsers collecting information without the knowledge of the site owner, Trojans
— Erotic games / movies / music sites.
— Projects related to the sale of products prohibited in Islam. For example: alcohol, drug, tobacco products
— Ponzi scheme
— The system of compulsory debt collection
— Projects related to theft, fraud.
— Dating programs banned in Islam. For example: Tinder, Bumble
Are the RMS beliefs too conservative?
Tags: opensource, gnu
Published: 2022-10-12 11:44:10

I found a very interesting comment under [this article](https://habr.com/ru/company/edison/blog/314432/) ([eng. original](https://stallman.org/stallman-computing.html)):

> Stallman himself may be a smart man (in fact, he is), but I can't support this kind of "blatant opsense".
> 1. The main thing for the user is the convenience and functionality of the program. If it is also "free", then that is great. But to abandon a convenient program in favor of an inconvenient one, just because of the capabilities of open source is not very sensible.
> 2) Similarly with Netflix, Spotify and others. If these services are convenient and allow you to use them for free - what do I care about free? If not - then it's up to everyone: pay or look for a free analogue in the form of Yandex.Music and others.
> 3. Searching for free bios and concerns about even small non-free code fragments is an openness of the brain.
> 4) Anonymity on the Internet is needed exactly as much as it is needed in the real world. Of course, you should not shine your passport data anywhere, but it is unwise to go out only with a mask with slits for the eyes.
> 5. The idea of rejecting non-anonymous websites on the grounds that some people are forced to be anonymous is akin to rejecting food because there are children starving in Africa.

Indeed, it's something to think about. Though I don't fully agree with the comment, still. As much as we don't want to, proprietary giants like Spotify, Netflix, YouTube are so woven into everyone's lives that it's hard to do without them.

Regarding point 1, it all depends on the beliefs of the individual. If a person is totally indifferent to the topic of whether or not they are being watched, or whether or not they are collecting information about them - fine! If the person is not satisfied with the fact that he is being watched or not, then he can always switch to a free alternative, regardless of whether it is more convenient or not. Here everything is determined by the percentage of what is more important for a person: freedom or convenience.

For RMS, freedom is convenience. It is simply convenient to have the software, knowing full well that he is not being watched, and he can safely look through the source code of the application. This leads to another important point: under the GNU license everyone has the right to modify and redistribute the code of this program.

My opinion: I am willing to use free software and I do care about the subject of being watched (however paranoid that may sound). Provided the time I'm willing to sacrifice is within reason. I'm always happy to explore new alternatives, but I'm not ready to make it my reason for existence. Maybe I just haven't yet experienced this feeling of complete freedom, security, anonymity, and so I don't know what I'm missing.
Git for Data, Version controls for our databases
Tags: database, git, sql, programming
Published: 2022-10-12 11:43:44

Git for Data, Version controls for our databases, this is amazing.

[shorts for introduction to Dolt](https://studio.youtube.com/video/-xv8a_DHg0o/edit)

**Dolt** - [Dolthub](https://www.dolthub.com/)
- Git for data the first version control SQL databases
- Having all git features like clone, merge, pull and push the database-related changes either using GUI or command line.
- Host the databases on Hosted dolt the cloud-based deployment server for database
- Provide a hub called Dolt hub to share a database with web-based GUI to work together with teams
- Provide a lab called Dolt lab to work with your SQL databases locally just like normal development and push, commit and merge the changes as we do in Git.

The most important thing is we don't need to care much about putting changes in the production database as we can revert those changes and all this is possible because of the Git-based Database or version control database.

The most important thing why and how dolt is able to execute all these features is because it's committed and tracks the changes in the SQL table of each cell and row.

Dolt produces cell-wise diffs and merges, making data debugging between versions tractable. Dolt is the only SQL database that has branches and merges.

Will cover a detailed story on it. 
Stay tuned.

**Keep developing
Shrey**
[**iHateReading**](ihatereading.in)
How to Generate QR code in Laravel App
Tags: laravel, programming, php, tutorial
Published: 2022-10-12 11:21:24

A [QR code](https://techzpad.com/generate-qr-code-in-laravel) is a type of barcode that may be learn simply by a digital system that stores information as a series of pixels in a square-shaped grid. On this fashionable technological period, QR code is very important. All modern technology provides QR code-generating process.

Today we’re going to learn, the right way to generate QR codes in laravel with examples.Steps to Generate QR Code in Laravel
Step 1: Create Laravel Project
Step 2: Add Database Details
Step 3: Install QR Code Package
Step 4: Register QR Code Service
Step 5: Build Controller
Step 6: Add Route
Step 7: Generate QR Codes in Blade View
Step 8: Run Laravel App
[Read More](https://techzpad.com/generate-qr-code-in-laravel)
Minio Server Deployment
Tags: database, object, s3, systemadmin
Published: 2022-10-12 10:58:20

Steps to Deploy your minio server:

1> `wget https://dl.min.io/server/minio/release/linux-amd64/archive/minio-20221008201100.0.0.x86_64.rpm -O minio.rpm
sudo dnf install minio.rpm`

2>mkdir ~/minio
`minio server ~/minio --console-address :9090`

3>Following output will be displayed:

```
API: http://192.0.2.10:9000  http://127.0.0.1:9000
RootUser: minioadmin
RootPass: minioadmin

Console: http://192.0.2.10:9090 http://127.0.0.1:9090
RootUser: minioadmin
RootPass: minioadmin

Command-line: https://min.io/docs/minio/linux/reference/minio-mc.html
   $ mc alias set myminio http://192.0.2.10:9000 minioadmin minioadmin

Documentation: https://min.io/docs/minio/linux/index.html

WARNING: Detected default credentials 'minioadmin:minioadmin', we recommend that you change these values with 'MINIO_ROOT_USER' and 'MINIO_ROOT_PASSWORD' environment variables.
```
4> Open http://127.0.0.1:9000 in a web browser to access the MinIO Console. 

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/55socefrkn6jj30l9d48.png)
5> Install the MinIO Client
`wget https://dl.min.io/client/mc/release/linux-amd64/mc
chmod +x mc
sudo mv mc /usr/local/bin/mc`
`mc alias set local http://127.0.0.1:9000 minioadmin minioadmin
mc admin info local`
Is Coding Worth It?
Tags: programming, beginners, computerscience, tutorial
Published: 2022-10-12 10:43:35

Computer Scinece is the **fastest-growing field** in the 21st century!

_And for good reason_. It's the field that pays the most. And it's pretty convenient. You don't have to go to university, you can work from home, etc.

But to me, in recent times, it seems as if everyone is going to CS. I feel as if, everyone just thinks CS is the answer. And the only way to get rich.

( Now there are multiple reasons why that's not true, but I won't talk about that here)

But, this begs the question: **_Is CS Oversaturated?_**

---

### Are There Too Many People In CS?
I find myself asking this question a lot too!
And from the info I've gathered, the answer is… **NO**!
But it's a very _specific_ **NO**.

CS is not oversaturated if you are really serious about it. If you really want to have a career and are motivated to learn and move forward, CS is NOT oversaturated!
This is because of 2 reasons:
1. Most people suck at coding
1. Most people lie about coding

---

### Most People Suck At Coding!
There are multiple reasons why I say that.
**Firstly**, let's start out with the fact that coding is hard. And not everyone will be good at it. In the same way, some people just don't understand math, and some people will never understand coding.

And the problem here is that a lot of people go to CS being that person( the one who doesn't understand how to code)
I have to say it, but coding is not for everyone!


**Secondly**, people might be good at coding, but they don't understand how the world works.

What this means is that some people are very good at coding. Problem is that they just don't marketize themselves.

I've stated this before, "_you can be the best coder but if no one knows who you are, you're out of luck!_".

If you want to get to the top of the food chain, you need to marketize yourself!

---

### Most People Lie About Coding!
There is a large number of people, who claim they are coders, but they're really not!

Online job posts get a ton of applications where it's not entirely clear why the candidate applied, especially for entry-level roles!
_Keep that in mind_!

And there's a large number of people who, "job-hop" and only collect one paycheck from each company before getting fired for not knowing anything!

---

### Is Coding Worth It?
The final answer is **YES** and **NO**!
**_Yes_** - If you're sure and you've shown signs that you know what you're talking about
**_No_**- If you're the opposite!
Why python is the prime choice for prominent companies?
Tags: python, webdev, programming, developer
Published: 2022-10-12 10:30:33

Python has always been known as one of the most prominent programming languages across the world, but it’s recently gained popularity among top companies that use Python to deliver their services. From Netflix to Uber and YouTube, Python development is helping these companies solve problems they were unable to with other programming languages. Python is incredibly versatile and can be used for everything from web development to data science. Python is a high-level programming language that is popularly used to create software and apps. This article will examine why these companies have chosen Python development as their language of choice. We’ll also look at several reasons you should consider using Python for your next software project. For more information visit and read the full article: https://appsgeyser.io/blog/2022/10/11/why-so-many-companies-prefer-to-use-python/
Comviva Wins GAISA 2022 Award for Best Use of Predictive/Prescriptive Analytics
Tags: datascience, machinelearning, design, computerscience
Published: 2022-10-12 10:08:30

Comviva, the global leader in providing digital solution, has won the 2022 Global Artificial Intelligence Summit & Awards. Comviva was recognized as the winner in the ‘Best Use of Predictive/Prescriptive Analytics. All the awards were announced at the 3rd edition of the GAISA summit held recently.

For more info visit here: [https://futuretech.media/comviva-wins-gaisa-2022-awards-for-best-use-of-predictive-prescriptive-analytics/](https://futuretech.media/comviva-wins-gaisa-2022-awards-for-best-use-of-predictive-prescriptive-analytics/) 

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/98jb1dppupmqn7bdlxhw.jpg)
How to send notifications in JavaScript(in less than 10 lines of code)
Tags: javascript, webdev, tutorial, codenewbie
Published: 2022-10-12 09:57:13

**Disclaimer: What the title means by 'in less than 10 lines of code' is referring to the number of lines of JavaScript code.**

You know those annoying notifications popping up at the least wanted time? Today, I'll be teaching you how to make a desktop/mobile responsive push notification with less than 10 lines of Javascript.

## Step 1 (Setting up)
Open up Visual studio code, if you have not installed it yet, you can install it below:
[https://code.visualstudio.com/](https://code.visualstudio.com/)

After that, open a blank folder(file>open folder), and in that folder, add a file called index.html.

![Adding file](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/w23tvi9gl34lk1m0n08w.png)



## Step 2 (Coding)
Copy this code into your html file.

```
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Notification Test</title>
</head>
<body>
    <button id="btn">Test</button>
    <script>
        document.getElementById('btn').onclick = notify
        function notify(){
            Notification.requestPermission().then(permission => {
                if (permission === "granted"){
                    new Notification("Test Notification", {
                        body: "More Text",
                    })
                }
            })
        }
    </script>
</body>
</html>
```

## Step 3 (Running the code)

Select the extension button from the sidebar, then search live server.

![Sidebar](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/e8q1wfylcc1pjabc2jlh.png)

Select the first option and install it. Now open your index.html file, right click it, and select open with live server. Remember to enable notifications by clicking the lock button in your browser.

## Conclusion

I hope you enjoyed this tutorial!

This post was posted first on my personal blog:
[https://freetechnologyhelp.com/how-to-send-notifications-in-javascriptin-less-than-10-lines-of-code/](https://freetechnologyhelp.com/how-to-send-notifications-in-javascriptin-less-than-10-lines-of-code/)