teleren/devto huggingface dataset:
Conseguir empleo en la actualidad como Developer
Tags: programming, devops, news
Published: 2022-05-29 17:50:25

Este es mi primer acticulo, en la actualidad cuento con una experiencia de 10 años en la industria de tecnologia, me considero con altas habilidades en el manejo de los datos y analisis de los mismos, y ultimamente me he adentrado en la parte de tecnologia web desarrollando paginas con las ultimas tecnologias como son react y MongoDB.

Gracias
Add Right Click Script Nautilus
Tags: linux
Published: 2022-05-29 17:38:47

In this post I want to share how to add items on right click in Nautilus, in this case I want to make it open with vscode. First go to the nautilus directory

```
cd ~/.local/share/nautilus/scripts/
```

Next, create script file

```
nano "Open With VSCode"
```

Insert this script to file, and save

```
#!/bin/bash
code .
```

Make your script executable

```
chmod 775 Open\ With\ VSCode
```

Restart nautilus

```
nautilus -q; nautilus;
```

Now, i can open vscode with right click nautilus
![open vscode with right click nautilus](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/9oql1rdv3qfvin1rc6dm.png)

---
## Reference
- https://askubuntu.com/questions/210192/how-can-you-add-an-item-to-the-right-click-menu-in-nautilus-without-nautilus-ac
Web3 Solidity + JavaScript 32 hour course recap #3
Tags: web3, blockchain, tutorial, javascript
Published: 2022-05-29 17:33:00

D3 timestamps 36:36-52:08

This is my journey through [Patrick Collin](https://twitter.com/PatrickAlphaC)'s 32 hour course for learning Solidity for Web3 in JavaScript was published today on [FreeCodeCamp](https://www.youtube.com/watch?v=gyMwXuJrbJQ).

The general theme this time was to create a new wallet with Metamask, and to get my first test coin through Ethereum Rinkeby.

I, personally, learned how to create a new wallet altogether. It involves having to lock your account, uninstall the Metamask extension, and reinstalling Metamask.

Then, I had an issue with the [ChainLink Faucet](https://faucets.chain.link). 

The problem: I also had a Coinbase Wallet extension in Chrome, and ChainLink didn't allow me to choose Metamask.

The solution: I had to uninstall the Coinbase wallet extension from Chrome, and double check that the correct wallet was connected. 

There is also a [Backup faucet](https://rinkebyfaucet.com/), but the screen that comes up after it sends you a coin definitely feels like you just got hacked 😱
Mudanças por aqui…
Tags: webdev, braziliandevs, challenge, node
Published: 2022-05-29 17:32:26

Muito se vê na internet sobre como entrar no mundo da T.I., mudar de carreira, migrar de área, aprender uma tecnologia do zero ao avançado. Mas, particularmente, não encontrei por acaso nenhuma publicação sobre mudanças dentro da própria carreira como por exemplo: Migrar de tecnologia, que é uma realidade muito comum dentro da nossa área. Eu, por exemplo, sou programadora a 4 anos. E no meio dessa jornada tive que migrar de linguagem de programação 3 vezes. 

Comecei minha carreira logo após terminar a faculdade de Sistemas de Informação em uma empresa pequena. Lá aprendi do zero uma linguagem de programação que não conhecia na época da faculdade, o Delphi. Trabalhei com Delphi em um CRM com código legado por dois anos, cuidado dos processos desde a coleta de requisitos, passando pela modelagem e banco de dados até a programação e testes da aplicação. Foi uma experiência enriquecedora, entretanto para crescer na carreira tive que mudar de emprego.

Quando entrei na minha nova empresa fui trabalhar com Perl também em um sistema legado, me vi mais uma vez tendo que aprender algo do zero. Logo passei a gostar bastante do Perl, e ele me impulsionou a começar a publicar aqui.

Hoje, me encontro novamente em posição de mudanças. Iniciando meus estudos com NodeJS para, com uma equipe bem estruturada, reescrever o sistema de um cliente. 

Claro que para um profissional da área da T.I é sempre mais simples assimilar novas tecnologias dado que já se tem uma boa base de lógica de programação e algoritmos. Mas cada pessoa tem uma metodologia e tempo diferentes para aprender e aperfeiçoar as suas skills.

No decorrer dos meus estudos estarei publicando aqui os caminhos que vou seguir para aprender essa nova tecnologia. Vamos embarcar nessa comigo?
This Project Got Me a Full-time Software Engineering Job
Tags: javascript, webdev, programming, 100daysofcode
Published: 2022-05-29 17:25:41


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/nyqpe4rvdhh0fc0pt103.png)Learn how to Build Real World Projects with this tutorial that got me a job as a #SoftwareDeveloper

I appreciate the feedback [Demo](https://loopstudiosdemo.netlify.app/)

Live Stream the Full Build Here: [YouTube]
(https://youtu.be/IhfGREl5TnM)

Github Follow: [Source Code](https://github.com/mkasulecoder)
Migration Readiness : Well Architected Framework for Landing Zone Assessment Part 3 Final
Tags: aws, security, landingzone, framework
Published: 2022-05-29 17:24:10

Penning down all the remaining pillars in this post , with the questionnaires that would come in handy

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

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

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

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

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

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

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/fxs82ziz0t2yknkoibo1.png)
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/x7a7p5ru1xvx3c4haoud.png)
Hello, I'm Olatunde Adedeji
Tags: introduction
Published: 2022-05-29 17:15:59

I have been coding for over 6 years.

You can find me on Twitter as @OAAdedeji

I live in Lagos, Nigeria.

I work for Mowebsite as a Full-Stack Engineer. 

I mostly program in HTML, CSS, JavaScript, React, Gatsby, Python && PHP.

I am currently accumulating knowledge more about the serverless web and JAM stack ecosystem while implementing things I have learned in regards to startups -HealthTech, FinTech and product leadership.

Nice to meet you.
Best practice working with Developers?
Published: 2022-05-29 17:13:12

What is the best practice to get a SSG page up an running?

Let's assume I would like to hire a developer with the implementation of a static website that is supposed to run on my hosting package.

The developer makes the setup (SSG, ecommerce, CMS, APIS) from a Figma design. 

I could make changes with a headless CMS and maybe CSS.

But what if I want to change fundamental things? 

Since I don't have a local development environment on my computer. How does this work in practice?
Install Docker Desktop Fedora 35
Tags: linux, fedora, docker
Published: 2022-05-29 16:59:05

First, install [AppIndicator and KStatusNotifierItem Support](https://extensions.gnome.org/extension/615/appindicator-support/)
![AppIndicator and KStatusNotifierItem Support](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/y0xael1zyav4amoflmn0.png)

Next, install Gnome Terminal

```
sudo dnf install gnome-terminal
```

Next, add docker repository

```
sudo dnf -y install dnf-plugins-core
sudo dnf config-manager \
    --add-repo \
    https://download.docker.com/linux/fedora/docker-ce.repo
```
Download [Docker instalation file](https://docs.docker.com/desktop/release-notes/)

Finaly install docker desktop

```
sudo dnf install ./docker-desktop-<version>-<arch>.rpm
```

Now Docker in on your app drawer
![Docker in on your app drawer](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/56nnv6gttm1e1epmkymy.png)

---
## Reference
- https://docs.docker.com/desktop/linux/install/fedora/
Javascript Array Methods
Tags: javascript, webdev, programming, discuss
Published: 2022-05-29 16:48:26

There are several array methods in JavaScript. Some of them are used more frequently than others, such as map, join, filter, reduce, forEach, etc.

Let's learn a few more methods that are certainly powerful and will be useful in your next application.

1- every()
The method returns true if the condition inside a callback returns true for each element in the array. 
If any one element does not satisfy the condition, it returns false.
It does not change the original array and doesn't work on empty arrays.

![Every method](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/jkg0ya8i95g2gg8hq704.png)

2- some()
The method returns true and stops if the callback returns true for one of the array elements.
We get false if the callback function returns false for all the array elements.
It does not change the original array and doesn't work on empty arrays.

![Some method](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ctk4ep0gbpht4y5c1sk1.png)

3- shift()
The method removes the first item of an array. 
We get an element that was shifted as the return value.
We change the original array while calling it.

![Shift method](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/0564z8d6dwyjnqa6ol7v.png)

4- unshift()
The method adds new elements to the beginning of an array.
We overwrite the original array while calling it.
We get the new array as the return value.

![Unshift method](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/2oc8jpo1hye9cs3uv33g.png)

5- from()
This is a static property of the JavaScript Array object, which means we can only use it like Array.from(). 
If we use it lie arr.from(), it'll return undefined.
What it does, is create an array from an iterable object.

![From method](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/8cgfco1v5j72o4z2lj8p.png)

6- splice()
We can either add or remove elements from an array using this method.
We overwrite the original array when we call it.

![Splice method](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/dmbdw5eah6tbdcbmymgz.png)

That's it for this version of the article. If you want more then let me know👇🏻

Also follow my [Twitter](https://twitter.com/Neo_kaizerr)

![Twitter Thread](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/b5fwg631b90qhzfxzj8q.png)
Typescript | Made with Gatsby JS
Published: 2022-05-29 16:45:27

![Typescript | Made with Javascript | Gatsby JS](https://res.cloudinary.com/madewithjavascript/image/upload/v1653325080/large_typescript_made_with_gatsby_js_c4f43dad2b.png "Typescript | Made with Javascript | Gatsby JS")


### JavaScript With Syntax For Types

> ### TypeScript is JavaScript with syntax for types.
> TypeScript is a strongly typed programming language that builds on JavaScript, giving you better tooling at any scale.
> 
> ### JavaScript and More
> TypeScript adds additional syntax to JavaScript to support a tighter integration with your editor. Catch errors early in your editor.
> 
> ### A Result You Can Trust
> TypeScript code converts to JavaScript, which runs anywhere JavaScript runs: In a browser, on Node.js or Deno and in your apps.
> 
> ### Safety at Scale
> TypeScript understands JavaScript and uses type inference to give you great tooling without additional code.

## Check out more such amazing projects on our website

[Made with Javascript](https://madewithjavascript.club)

## Want us to feature your project

[Submit your Project to Made with Javascript](https://madewithjavascript.club/submit-project)


You can also write to us for any of your queries at:

[Email Made with Javascript](mailto:madewithjavascript@gmail.com)

## Project already shared on our social media handles.

| SocialMedia | SharedLink |
| ----------- | ---------- |
| Twitter | [Typescript on Twitter](https://twitter.com/withjavascript/status/1530952523632238595?s=20&t=ruYcrXQRYAQmwep9N9Vtog)
 |
| Medium | [Typescript on Medium](https://medium.com/@madewithjavascript/typescript-made-with-gatsby-js-5b367ffeb780)
 |
| Facebook | [Typescript on Facebook](https://www.facebook.com/madewithjavascript/posts/pfbid02w5FR3E1anBXNPEQkvH8oDa8YzxQnn7by7WfLA5e7eUyPf6FSnEJZUe24nb98Rbkql)
 |
| Tumblr | [Typescript on Tumblr](https://madewithjavascript.tumblr.com/post/685603672071241728/typescript-made-with-gatsby-js-javascript-with)
 |
| LinkedIn | [Typescript on LinkedIn](https://www.linkedin.com/feed/update/urn:li:activity:6936718530910310400)
 |

Filled Under:
 - [Made with Javascript](https://madewithjavascript.club)    
 - [Made with Gatsby JS](https://madewithjavascript.club/categories/gatsby-js)

Make sure to give this post ❤ 50 ❤ hearts, click the 🦄 unicorns 🦄 and follow 👉 @madewithjavascript 👈 for more such awesome showcases. Show you love for the people who have worked so hard!
10 comandos esenciales de Linux
Tags: linux, devops, spanish
Published: 2022-05-29 16:36:48

**pwd**

El comando pwd imprime el directorio de trabajo. En otras palabras, muestra la ruta del directorio en el que está trabajando actualmente.

**mkdir**

Hacer directorios es fácil con el comando mkdir. El siguiente comando crea un directorio llamado example a menos que example ya exista

```
mkdir example
```

Puede crear directorios dentro de directorios:

```
mkdir -p example/one/two
```

**ls**

Lista los archivos de un directorio

**cd**

A menudo es necesario cambiar de directorio esto se hace con el comando cd. 

```
cd Documents
```

**rm**

Eliminar archivos es inherentemente peligroso. Tradicionalmente, la terminal Linux no tiene Papelera ni Papelera como el escritorio, por lo que muchos usuarios de terminales tienen la mala costumbre de eliminar permanentemente los datos que creen que ya no necesitan.

```
rm example.txt
```

**cp**

Copie archivos con el comando cp. La sintaxis es copiar de aquí a allí . Aquí hay un ejemplo:

```
cp file1.txt newfile1.txt
```

**mv**

Mover y renombrar un archivo, Cambiar el nombre y mover un archivo es funcionalmente el mismo proceso. Cuando mueve un archivo, toma un archivo de un directorio y lo coloca en uno nuevo. Al cambiar el nombre de un archivo, toma un archivo de un directorio y lo vuelve a colocar en el mismo directorio o en un directorio diferente, pero con un nuevo nombre

```
mv file1.txt file_001.txt
```

**touch**

Cree fácilmente un archivo vacío con el comando touch

```
toque uno.txt
toque dos.txt
toque tres.txt
```

**chmod**

Cambie los permisos de un archivo con el comando chmod. Uno de los usos más comunes de chmodes hacer un archivo ejecutable:

```
chmod +x myfile
```

**sudo**

Mientras administra su sistema, puede ser necesario actuar como superusuario (también llamado raíz). Aquí es donde entra en juego el comando sudo(o superusuario). Suponiendo que está tratando de hacer algo que su computadora le advierte que solo un usuario administrador (o root) puede hacer, simplemente prepárelo con el comando sudo

```
sudo touch / etc / os-development && echo "Success"
```
Should we delete some content if in mobile device?
Published: 2022-05-29 16:21:52

Previously I found a registration page design, and tried to make it in the form of a website

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

_source: https://dribbble.com/shots/15252242-Sign-Up-Page/attachments/7002202?mode=media_

but when in mobile device mode, I'm confused about whether I need content such as images or just adding a registration form and deleting the image


please give me some advice
would be love to start a discussion
Start with README.md
Tags: discord, nextjs, prisma
Published: 2022-05-29 16:20:12

I firmly believe in [Readme Driven Development](https://tom.preston-werner.com/2010/08/23/readme-driven-development.html). This paradigm is simple:

> Write your Readme first.

By writing our Readme first, we force ourselves to think through at a high level what it is we'll be building. This serves as an excellent piece of documentation for ourselves and others to remember what the project is, what it's meant to accomplish. and where it's heading.

In keeping with this, writing a high level `README.md` is [how I started `discord-server-info`](https://github.com/Developer-DAO/discord-server-info/commit/df409dbeaecc59ec7341304b1d35c67670617549)!

Let's look at how I structured our `README.md`:

# Heading

Here are the first three lines of the file:

```md
# `discord-server-info`

> Explore Discord server data and statistics
```

This follows a standard pattern that I tend to follow for any `README.md` that I create: 

- the first line is an `h1` of the name of the project 
  - since the name of this project matches the name of the repo, I wrapped it in inline code blocks
- the next line is a blockquote with a one-line description of the project

I like this pattern because it immediately establishes two key pieces of information for a reader:

- how to refer to this project
- whether this project is relevant to them

Readers shouldn't have to read too far into our file to know either of those things.

# Introduction

The next section after the heading is `Introduction` which gives a high level overview of the `discord-server-info` problem space. 

This is essentially a condensed version of the [Introduction](https://dev.to/with_heart/introduction-1h0k) post from this series.

It allows potential contributors to understand what our project is and why we think it's important.

# Technical Overview

The last section is `Technical Overview`. Where the introduction gives the _what_ and the _why_, the technical overview gives the _how_.

This is almost identical to the [High level technical overview](https://dev.to/with_heart/high-level-technical-overview-5hc0) post from this series.

Since I already have an idea in my head of how we can build this project to accomplish our goals, I've laid out what that looks like at a high level in this section.

This will allow potential contributors to understand the direction we're taking and the general structure of the project.

---

There's a lot more information I could have included in our Readme but didn't, like specific details for how each package should be built or some of the technical pitfalls we'll potentially face.

Instead, we'll treat our Readme like everything else in the repo and _iterate on it_. 

As we reach the point where we're ready to zoom in on one of the packages and implement it, I'll add a high level overview of what that looks like to our Readme.

This allows us to gain the benefits of Readme Driven Development without getting too far ahead of ourselves.
7 Tools you need to know as a Blockchain Developer.
Tags: blockchain, web3, smartcontract, webdev
Published: 2022-05-29 16:16:07

**1) SOLIDITY:** Solidity is the most used and popular language in blockchain development to write smart contracts with syntax from Javascript, C++ and Python.

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/rmxyvkg9urf1m4e1tqj9.png)
 
As at now, Solidity is the most preferred language for most Blockchain developers.


**2) REMIX IDE** - Remix is an open source, web based Integrated Development Environment to write and develop solidity smart contracts (Just like VScode editors)

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/6f6n7e8cfy5a9573mf7y.jpg)


**3) METAMASK** : Metamask is a software that allows user to access the Ethereum blockchain and host arrays of decentralised Applications.

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

**4) HARDHAT** : Hardhat is an Ethereum blockchain developement environment that helps compile, deploy, test and debug your smart contracts and DApps (Equivalant of Truffle)

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/4ub8sie1s1wfr0kiki2q.jpg)
 

**5) WEB3.JS** : Web3.js is a collection of JS libraries that allows developers to create application that interacts with Ethereum blockchain. (with local or remote Ethereum nodes)

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

**6) GANACHE** : Ganache allows you to create a private Ethereum blockchain for developers to run, test, and execute commands. It allows you to perform all action you would on main chain with no cost.

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

**7) SOLC (SOLIDITY COMPILER)** : Solc is a JS library and command-line tool that is used to compile solidity files from High-level solidty language to an Ethereum virtual machine bytecode.

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/jtw0bm92e7skyw54wo0n.jpg)
 
 
And that's a wrap! You know others tools that are not mentioned? please feel free to add in the comment section.

Liked it? Follow [@sunington](https://twitter.com/sunington) for more tips and resources on Web3 and Blockchain Development.

We meet again next time,

Until then, #KeepSunning!
High level technical overview
Tags: discord, nextjs, prisma
Published: 2022-05-29 16:14:13

To build `discord-server-info`, we'll need a few separate pieces:

- `bot`
- `db`
- `app`

![A diagram showing the bot, db, and app pieces and how they relate to each other](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/9davjf2uj8bz0fcpnkiw.png) 

`bot` will be a Discord bot. This bot reads data from the servers it's connected to and stores it in our database (`db`).

`db` is a Prisma database that provides an API for storing and accessing server data.

`app` is a Next.js application that allows users to authenticate with Discord and explore data from their servers.

> If you're wondering why we need this structure rather than having the app read data directly from the Discord API, it's because the Discord API intentionally provides access to very little data. A bot account is required for full access.

The `discord-server-info` repo will eventually be a monorepo with a package for each piece.
Scroll to top button with just HTML CSS
Tags: html, css, beginners, tutorial
Published: 2022-05-29 15:59:17

Hello dear friends 👋
🤞 Hope you all doing good in your coding journey.


In this post i have to show a "scroll to top" button which you might have seen on professional and long website pages which help is to go back to top of the page.

### Confused 🤯
Explore this one

{% codepen https://codepen.io/atulcodex/pen/VwQQBzG %}

### scroll to top button with JQUERY
{% link https://dev.to/atulcodex/scroll-to-top-button-with-jquery-4eb1 %}
Introduction
Tags: discord, nextjs, prisma
Published: 2022-05-29 15:52:41

Hi!

Welcome to my series on building a `discord.js` bot with a connected Next.js dashboard.

In this series, we'll be building [`discord-server-info`](https://github.com/Developer-DAO/discord-server-info)! 

The idea for `discord-server-info` came from my friend [Michelle Bakels](https://twitter.com/michelleBakels). Michelle is attempting to do a major analysis of the [Developer DAO](https://developerdao.com/) Discord server so she can find ways for us to reduce the size and scope of our channels, roles, etc.

Unfortunately, the information provided by Discord [Server Insights](https://support.discord.com/hc/en-us/articles/360032807371-Server-Insights-FAQ) isn't detailed enough for her to reason about and make informed decisions about our server.

For example, one of the changes she'd like to make to improve access to our existing channels is to require each channel to fill out its description field informing other members of its purpose. How can she create a list of all of our channels currently missing a description?

By hand. glhf Michelle!

This is the type of problem that `discord-server-info` aims to solve. By enabling server managers to explore more granular server data, `discord-server-info` can help them analyze, reason about, and better manage their server.