teleren/devto huggingface dataset:
Como deixar as imagens no discord mais acessíveis
Tags: devrel, acessibilidade, braziliandevs
Published: 2022-08-21 03:02:55

Você sabia que existe uma forma de deixarmos as imagens que postamos no **Discord das nossas comunidades** mais acessíveis? Ao adicionar uma imagem na sua mensagem, você pode utilizar recursos da própria ferramenta que facilitam a descrição dessa imagem.

Em março de 2022, fiz uma thread no twitter explicando um pouco sobre como fazer isso, mas resolvi trazer para a versão de artigo para compartilhar com vocês. Se quiser dar uma olhada, a thread está neste [link](https://twitter.com/morgannadev/status/1499128240815984642).

## Como fazer
**1)** Clique no sinal de mais (+) ao lado esquerdo do campo onde você escreve sua mensagem. Terá um menu com opções do que fazer. Para anexar uma imagem, escolha o primeiro item "Enviar um arquivo".

![Print do discord, mostrando o menu mencionado no texto com a primeira opção em destaque para enviar um arquivo.](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/75osmzce4vd4sov0h2nx.png)

**2)** Após escolher o arquivo que deseja enviar, verifique que na parte superior direita da imagem terão algumas opções. Escolha o ícone de lápis, clicando em cima dele para que possa editar. O texto que aparecerá ao passar o mouse por cima deste ícone é "Modificar anexo".

![Print do discord, mostrando a imagem selecionada para envio na mensagem com uma foto minha. Logo na parte superior direita, aparecem três ícones, um olho, um lápis e uma lixeira. Está aparecendo em destaque a opção que o ícone é um lápis e o texto que aparece como "Modificar anexo".](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/3b04q1i3hkkg4myi5ea0.png)

**3)** Após clicar no ícone para modificar, aparecerá uma nova janela com algumas opções. Para deixar a imagem acessível, você deve adicionar a descrição da imagem no campo "Descrição (texto ALT)".

![Print do discord, mostrando a janela em destaque com a foto em tamanho menor, um campo chamado nome do arquivo e um campo chamado descrição (texto alt). Embaixo, ainda tem uma opção de deixar a imagem como spoiler e também os botões Cancelar e Salvar.](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/2qptgc7vdmxjp2fp1mjq.png)

**4)** Clique em salvar, botão em destaque na parte inferior direita desta janela. Em seguida, basta enviar a imagem na conversa.

## Dica de ordem de descrição
Em conversas com um amigo de trabalho chamado **Daniel Meneses**, recebi mais algumas dicas de como deixar a descrição de maneira que fique mais fácil compreender. Ele disse que o ideal é que a descrição da imagem seja feita da esquerda para a direita e de cima para baixo.

---

Espero que as dicas sejam úteis e, caso você também tenha dicas de acessibilidade que podem ajudar, compartilhe! Pretendo trazer outras dicas também que tenho aprendido no dia-a-dia, então continue acompanhando as próximas postagens.

Obrigada por ter lido o artigo e deixo o canal aberto para troca de ideias e feedbacks.
How to get your Domain Name on ENS(Ethereum Name Service)..?
Published: 2022-08-21 03:00:00

You might be knowing about DNS(Domain Name Service) which is a web2 based service to get your domain name which helps you uniquely identify your IP address.
But how about getting a ENS on web3 to get rid of your long  wallet address which might look something like this `0xcdgfhjg3459fjggege..t2ee45`.Its might be daunting for you to copy and paste such long address again  and again to receive your ethers into your wallet.
Lets be a cool kid to get our own ENS on web3.
First Lets get an ENS for your wallet address ,start by opening up the website [Here](https://app.ens.domains/).
We will be using fake rinkeby tesnet ether to make all the transactions.
**Note-You must have some fake tesnet ether in your metamask wallet.Getting ENS is super easy you don't have to use your real ether or money to buy this.**
Make sure your metamask wallet  is connected to the site. Search for an ENS domain name, any name you like, as long as it is available.Click on Available to check the availability of ENS Name.
Now,Simply click on request to register go on  making transactions with your fake ether to complete the request .After the completion of two steps when the progress bar enters the 3rd step, Click Register.Then after the progress bar finishes click on Set As Primary ENS Name. From the dropdown then select the ENS name you just created.
Click Save.
Now instead of your remembering long wallet address you just need to remember your ENS Name.
Now you have an ENS registered to your address on Rinkeby.

**Note-The Registered will only work with the Rinkeby Test Network.
It has nothing to do with the mainnet ethereum blockchain.**

You can verify your ENS by simply going to the rinkeby testnet network and type your ENS 


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/k1r01c9d3y470k6vrzt2.png)
ENS registered for my wallet address `0x09c4B7B9d4A66199D90B7910a4267Ce7F30e415b` is charliehexx.eth on Rinkeby Testnet Network.You can go and verify on Rinkeby Tesnet Etherscan.
7 websites a developer should definitely check to change their life (trust me):
Published: 2022-08-21 02:53:40

1. Scribe
Screen recording extension that turns any process into a guide instantly.
🔗 http://scribe.how/chrome

2. EditorX
Make your own website with just a few clicks and drag and drop.
You can also write your custom code if you want.
🔗 https://editorx.com

3. Prohura
Divide your projects into steps that clients can follow along.
Prohura simply reduces the loops with your client and keeps your client up to date.
🔗 http://Prohura.com #ad

3. Prohura
Divide your projects into steps that clients can follow along.
Prohura simply reduces the loops with your client and keeps your client up to date.
🔗 http://Prohura.com #ad

5. Sorting Algorithms
Learn sorting algorithms visually and intuitively.
🔗 https://toptal.com/developers/sorting-algorithms

6. Digger
Low code tool that can generate infrastructure for your code in your AWS account. So you can build on AWS without having to learn it.
🔗 http://digger.dev

7. Learn Anything
Search anything here, and it will show you the correct roadmap with all the necessary resources
🔗 https://learn-anything.xyz

**

**- > Thanks for checking this out.
- > You can follow me for more update ...
- > . I generally write about web development. 😁**
**
How to do validate table cell values
Tags: antdesign
Published: 2022-08-21 02:32:22

Hi there,

I am try to do validate a form, I can do most of cases such as input boxes, cascading dropdown, attachment item validation; but feel difficult to do validate on a DataGrid; the grid is made of ant design table element, it can do edit, input, then I try to do validate right after user input some value, how to do this validation? any suggestion? thank you very much!

Sheng
Active Record Associations (one-to-many)
Tags: ruby, beginners
Published: 2022-08-21 00:17:00

It's insane to think that I've already finished my 3rd phase of Bootcamp. Time is flying! In this phase, we finally ventured to the back end of software engineering where we learned a bit about ruby on rails and what happens "under the hood".
For this blog, I've decided to briefly go over associations. 

## Why Associations?

Declaring associations is a convenient way of connecting two Active Record models. This makes manipulating your data models in logical way. 

If you have 2 separate models, you can bring them together by using a foreign key in the migration folder. 
Here, we're keeping the user's foreign key stored in the candle's table. Since a candle belongs to a user, it should have a "user_id" to identify which user it belongs to. 

```ruby
ActiveRecord::Schema.define(version: 2022_08_15_211950) do

  create_table "users", force: :cascade do |t|
    t.string "name"
  end

  create_table "candles", force: :cascade do |t|
    t.string "scent"
    t.string "brand"
    t.integer "user_id"
  end

end

```

But in order for this to work, inside of active records, you need a special macro that ties them together and develops a relationship. This is called a one-to-many. 

### What is a macro?

A macro is a method that writes code for us. If you're familiar with macros like **attr_reader** and **attr_accessor**, Active Record comes with a few handy macros that create new instance methods we can use with our classes.

- In the users model, we should think that a user `has_many` candles. The name "candles" has to be pluralized because a single user can have **many** candles.
- In the candles model, candles `belong_to` a user. You'll notice that "user" is written as singular because candles on belong to **one** user.

```ruby
# has_many

# app/models/user.rb
class User < ActiveRecord::Base
  has_many :candles

  # naming is plural
  # indicates a one-to-many association
  # a user can have many candles in this example
  # candles associated via `user_id`
end

```

```ruby
# belongs_to

# app/models/candle.rb
class Candle < ActiveRecord::Base
  belongs_to :user

  # must be singular
  # Sets up a 1:1 connection with another model - User in this case
  # Books associated to a user via `user_id` on candles table
end
```
Only after you ran `rake db:migrate` and planted your seeds, you can go ahead and run `rake console` to check if they're all properly connected. 


![Drake meme](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/b4dun09c8bi3pxmwggh5.jpeg)

Sources:

- “Active Record Associations.” Ruby on Rails Guides, https://guides.rubyonrails.org/association_basics.html#the-types-of-associations. 

- “Home.” Flatiron School, 9 May 2022, https://flatironschool.com/.
Install Multiple Node.js Version di Laragon
Tags: tutorials
Published: 2022-11-06 01:29:44

---
title: Install Multiple Node.js Version di Laragon
published: true
date: 2022-08-20 23:40:59 UTC
tags: Tutorials
canonical_url: 
---

 **Node.js Laragon** - Saat ini, versi nodejs yang dibawa Laragon adalah versi 14. Bagi pengguna Laravel, saat artikel ini ditulis, laravel sudah versi 9.25 dan mengganti **mix** dengan **vite**. Nah, untuk menggunakan vite, minimum versi node.js adalah 16. Sangat beruntunglah kita yang menggunakan Laragon, karena kita dapat dengan mudah mengganti, update atau menggunakan multiple nodejs version di Laragon. Caranyapun juga sangat mudah, saya akan membagikan langkah-langkah update nodejs di Laragon.

![download nodejs](https://divisidev.com/storage/photos/1/laragon/nodejs-1.png)

Oke. Download versi terakhir Node.js dari  [nodejs.org/en/download/](https://nodejs.org/en/download/) . Disini saya sangat menyarankan untuk mendownload yang versi LTS dan windows binnary 64-bit (sesuai dengan PC kamu).

![nodejs 16 laragon](https://divisidev.com/storage/photos/1/laragon/node-2.png)

Unzip hasil download file zip Nodejs windows binnary tadi dan pindahkan folder hasil unzip ke folder installasi laragon/bin/nodejs

![install nodejs 16 laragon](https://divisidev.com/storage/photos/1/laragon/node-3.png)

Selanjutnya, silakan kembali lagi ke Laragon untuk mengecek apakah nodejs dengan versi terbaru sudah terpasang di Laragon kita atau belum. Caranya, klik **Menu > Node.js > Version** , klik versi node js yang baru saja kita tambahkan. Kemudian jalankan Laragon dengan klik **Start All**.

![check version](https://divisidev.com/storage/photos/1/laragon/node-4.png)

Mari kita coba cek apakah versi nodejs di Laragon kita sudah berubah menjadi nodejs versi terbaru atau belum. Cobalah untuk membuka terminal, lalu jalankan perintah **node -v** untuk mengecek versi nodejs yang digunakan saat ini. Nah, bisa dilihat pada gambar di atas, versi nodejs yang aktif di Laragon saya sekarang adalah v16.17.0, artinya nodejs versi terbaru sudah berhasil ditambahkan di Laragon.

Demikianlah artikel kali ini, semoga artikel ini dapat membantu teman-teman. Jika ada saran, kritik, masukan atau apapun itu yang ingin didiskusikan, silakan tulis komentar kalian pada form komentar di bawah ini. See u 👋
Rails guide - Creating the app - Part 1
Tags: ruby, rails, tutorial, beginners
Published: 2022-08-20 23:34:41

Hey guys! How are you?

That's the first article of a series that'll teach how to create a production ready Rails application. In this article we'll install Ruby, Rails and create the application.

# Installing dependencies

The first thing to do is install Ruby and Rails, to do that we'll use a tool called [RVM](https://rvm.io), it's used to install and manage different versions of Ruby.

Execute the command bellow to install Ruby and Rails latest versions:

```bash
\curl -sSL https://get.rvm.io | bash -s stable --rails
```

You can verify if everything is ok running this two commands:

```bash
ruby --version
rails --version
```
 
The output should look like this:

![Ruby and Rails versions](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/8puq5y3j073p4ktq8w7q.png)


# Creating the project

Run the following command to create the application:

```bash
rails new rails_application --api --adapter=postgresql
```

Now that the application is created we need to go to its directory using this command:

```bash
cd rails_application
```


# Testing it out

The next step is test the application, to do so you'll need to run the server using the above command:

```bash
rails s
```

If everything is ok you should be able to see somehting like this when you access [http://localhost:3000](http://localhost:3000)

![Rails home screen](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/odq5n6gy6of4nmodgjln.png) 


That's it, guys! See you soon in the next part. You can find the code [here](https://github.com/augusto-queirantes/rails_guide)
Day 133: The weekend...
Published: 2022-08-20 23:30:52

Hi!

Today Was good, I actually did something about everything I wanted to advance on yesterday 
I wanted to work on the new article about Jasmine which I'm currently working on and have learned new stuff about testing theories
I made progress on the task that had been lagging behind so it was a great experience as well 
tomorrow I will be focusing on relaxation its a sunday afterall, but I will also be finishing the task I was workinng on maybe not
we will see

Ps: I didn't post today since the power is currently out I saved it locally I will be posting it when it's  back or tomorrow

Signing off...
Alternatives To Airflow Exist! :)
Tags: programming, productivity, devops, opensource
Published: 2022-08-20 22:56:04

List Usage Options instead of Airflow!

I’ve been using Apache Airflow for some time and found some workarounds for it; this post on Medium is a list of these possibilities.

To know about:

https://jlgjosue.medium.com/alternatives-to-airflow-exist-bb2739a93b33

# Thanks for reading; share this post! :)
Reduct Storage Web Console v0.4.0 has been released
Tags: javascript, react, reductstorage, news
Published: 2022-08-20 22:56:00

Hey, everyone! A little update for people who follow news from the Reduct Storage project.

Today, I've released [the next minor version](https://github.com/reduct-storage/web-console/releases/tag/v0.4.0) of Reduct Storage Web Console. It doesn't have some big new features, but I did a few changes to improve its usability:

1. Buckets are sorted on the dashboard by last record. So, you see buckets, which are updated recently, first.
2. Now you can click on a bucket card to open its detail view
3. You can add a bucket not only from dashboard, but from `Buckets` page as well: 

![Add a new bucket](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/4azbycw0m5gfgj3u64gv.png)
 
It also uses the latest [Client SDK for JS](https://github.com/reduct-storage/reduct-js).

Please keep in mind that you can try the console with Reduct Storage without installing it on your machine. Use our [demo server](https://play.reduct-storage.dev) with API token `reduct`.

**DISCLAIMER**: The demo server is only for demonstration purpose. Please don't store your important data there.
I created my own time converter
Tags: time, converter, react, tailwindcss
Published: 2022-08-20 22:52:46

recently, I've searched on the web for a time conversor. I wanted to know how many months are in 20 years.

I found a very complete converter web site, but the main thing wasn't right: the calculation. It showed me that 1 year has 11.000 months! 🫣

I was outraged, and that motivated me to create my own time converter. 

**TIMECON**: the times converter.
Check out [here](https://timecon.vercel.app)(only in portuguese for a while)!
Developers, what if we started building on a more modern decentralized blockchain? Axelar has a grant program open!
Tags: blockchain, web3, developer, crosschain
Published: 2022-08-20 21:42:19

- Permissionless Proof-of-Stake network.
- Cross-chain protocols.
- Gateways (often smart contracts) on connected chains.

More about the grant program: [https://axelar.network/grant-program](https://axelar.network/grant-program)
How to run Google Maps API in React 18 ?
Tags: react, googlemapsapi, googlecloud, javascript
Published: 2022-08-20 21:07:09

Hi guys, I've been trying to get a new React project running with the Google Maps API (https://www.npmjs.com/package/google-map-react) for several hours now. Can someone help me?
!
[Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/r53s0r3m2m44vj99uyem.JPG)
Spring Boot Elasticsearch - search service and query builder - the last, 7th Part of Tutorial
Published: 2022-08-20 21:01:59

Hi, the 7th article devoted to the theme: “How to work with ElasticSearch using Java Spring Boot” already ready for reading. We will speak about search service, query builder and filter design pattern. All details are here: "[Spring Boot Elasticsearch - search service and query builder](https://sergiiblog.com/java-spring-boot-and-elasticsearch-search-service-and-query-builder/)". That is then last part of tutorial. Thank you for being with  me whole that time and welcome to my course if you want to get know more: "[Udemy course: ElasticSearch as you have never known it before](https://www.udemy.com/course/elasticsearch-as-you-have-never-known-it-before/?referralCode=1B10488521797E430D22)"
Polychips - 3D Microchips
Tags: blender, 3d, productivity
Published: 2022-08-20 20:17:34

---
title: Polychips - 3D Microchips
published: true
description: Delightful collection of ready-to-use microchips models
tags: Blender, 3D, Productivity
cover_image: https://public-files.gumroad.com/nctg8x1eti45t3tsyxo8er5ynjwh
# Use a ratio of 100:42 for best results.
---

Polychips is a delightful ever-growing collection of ready-to-use low-poly procedural microchip models.
Polychips can be integrated into 3D AR/VR scenes (Unity, Unreal, CryEngine, etc.) or used as background images in apps or web pages.

----

![Polychips 1](https://public-files.gumroad.com/gf5ks7qd9pi00td8ywuykf3f8lgp)

---

### Features included

> They are loaded with features, have consistent naming conventions, and have been designed to be customizable for your needs.

- 12 unique and delightful low poly 3D models (more upcoming!)
- Asset browser library for Blender, use it in all your projects
- Blender Cycles/EEVEE full support
- Easy to edit text on components using geometry nodes
- Super clean file architecture, easy to work and iterate with
- Dynamic palette colors using shading nodes
- Each object added is generated with random colors
- Lifetime included regular updates with fresh new models
- Request your custom model or feature.

---

![Polychips 2](https://public-files.gumroad.com/mjfympdb6febqp1bmu5xgxzvcnth)

---

### Blender compatibility
Blender >= 3.0 (Win, Linux, and Mac intel versions).

----

[Get it on Gumroad](https://sanchezmarcosme.gumroad.com/l/polychips/DEVTO33OFF)
With a special 33% discount for the Dev.to community

----

If you're a student, from a low income country or can’t afford due to financial issues, please reach out and I'll do my best to make it work for you.

I look forward to your feedback and sincerely appreciate the support. 😊
Thanks!
Melhore a sua habilidade de escrever front-end em até 10x
Tags: javascript, html, css
Published: 2022-08-20 20:10:00

**É de lei que o mesmo conhecimento passado de uma pessoa para outra deixa de ser o mesmo de acordo a experiência, não é mesmo ?!**

Por isso hoje e agora te apresento dicas que só a experiência te ensina. 

Para isso eu separei em 2 Grupos: 

1. Coisas tecnicas que você deve aplicar;
2. Coisas coisas que vão modal a sua mente na hora de aprender; 

## 1.1 TAMANHO DE ELEMENTOS !
Tentar usar menos o pixel para definir largura. E criar componenetes com 100% de largura. É uma das principais dicas para construir compentes reusáveis e para responsividade. A responsabilidade de definir o tamanho do elemento e a posição do elemento é do componente que envolve ele. Já levando a no segundo ponto. 

## 1.2 USE UM PADRÃO OU PADRÕES PARA DESENVOLVER COMPONENTES !
Padrões como atomic design, ajuda na organização, reutilização de componentes, cria regras e ajuda também na construção de estruturas e componentes escaláveis. 
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ue1y0mvpeqk52teyhx10.png)

## 1.3 PENSE NUMA FORMA MELHOR DE FAZER O QUE VOCÊ JÁ FEZ !
Tomar sempre a posição de posição de melhorar, vai fazer você dar soluções incríveis para problemas que você talvez já tenha enfrentado no passado. É semelhante ao conceito do princípio de software DRY. 
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/s6gqi2b8cwtudxqmcjvk.png)

## 2.1 OLHAR AS COISAS E TENTAR DESCREVER COM HTML CSS E JS (OU AS TECNOLOGIAS QUE VOCÊ USA) !
Se você achou que praticar programação está apenas direcionado para escrever código, eu chamo até o **Dr. Fran** para dizer que você está completamente errado. Tem muito mais a ver com isso e eu vou provar para você. Você é muito mais eficiaente fazer alguma coisa quando a sua mente está preparada para fazer aquilo. Então você precisa deixar a sua mente pronta imaginando uma situação e descrever em código. Por exemplo visitando algum site e começar a definir a sua estrutura em código e isso funciona bem demais e faz até perder o medo do css. E quando não saber algo, vá pesquisar e volve a praticar. 

## 2.2 CONHECER OS CONCEITOS AS VEZES É MELHOR QUE A PRÁTICA!
Você acha que praticar é a coisa mais importante para se destacar ?
Vou contar umas verdades para você: 
- Você nunca vai conseguir praticar todas as coisas que quer. 
- Mesmo que praticar com tempo vai esquecer se não usar, e você não vai conseguir usar tudo...

Conhecer os conceitos é algo bem mais importante, principalmente saber onde e quando aplicar. Você pode resolver problemas sem saber nem a tecnologia, mas se saber onde e quando aplicar os conceitos que aprendeu, você vai longe. Ao ler uma documentação de alguma coisa, não tente fazer sem antes entender, mas você pode entender e aplicar sem nem saber fazer. 
E isso ajuda para quando você for aprender uma nova coisa!
How to start to be web developer?
Published: 2022-08-20 19:09:36

Hello folks, I am a new developer and I really interested about web developer and full stack. 
but I’m also a little a bit confusing how to start.

If the order that I write here is okay to do?

1.HTML 
2.CSS 
3.js 
4.Reactjs 
5.Nodejs 
6.mongodb

When developers start to build they web they start from the design before the logic of the code ? 
Or the logic of the web and then the design of the web?

if someone have some article how to start it’s will be great. 
And again be a excuse because I am new in this world and this community.

Thanks for your help!