teleren/devto huggingface dataset:
Fixes all eslint on save
Tags: eslint, javascript, vscode
Published: 2022-05-19 06:15:00

I **HATE** fixing these little ESLint errors and warnings (for example import order). I could ignore or disable it but my colleague going to yell at me. 

I'm too lazy to do that kind of stuff (well, ESLint already knows what, where, and how to solve it), good for me VSCode can do it for me with these settings :D 

Just open and edit `~/Library/Application\ Support/Code/User/settings.json` (in MacOS) by adding `editor.codeActionsOnSave`.

My final settings will look like these

```json
{
  // ... other settings
  "editor.codeActionsOnSave": {
    "source.fixAll.eslint": true,
    "source.fixAll.tslint": true
  }
}
```

Every time I made some little mistake that ESLint knows how to solve. When the file is saved, ESLint will fix it for me.

All sorted!
How to Enable Dark Mode in Chrome on Ubuntu(No Code, Apps, Themes).
Tags: opensource
Published: 2022-05-19 06:14:22

If you set **Windows** to use dark mode, Chrome will also switch to dark mode. Unfortunately, setting **Ubuntu** to dark mode will not automatically set Chrome as well. It’s not that straightforward, but it’s still pretty simple.

## Enable Dark Mode in Chrome on Ubuntu

I’m using Ubuntu Desktop 20.04, a long-term support version. Just so you know.

### Step 1.

Go to your `Settings>Appearance` and switch to Dark.

### Step 2.
Open Chrome and:
- Type `chrome://flags` in the address bar;
- Type “dark mode” in the search bar;
- Select Enabled for Force Dark Mode for Web Contents.

![Enabling force Dark mode in ubuntu](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/7c4e4jg5zgokcenexjej.png)

You’ll notice that the address bar and tabs are still in light mode. That’s because only web contents/internal pages are being rendered in dark mode, not the whole browser.

### Step 3

To go full dark mode, access Chrome’s settings by clicking on the 3 vertical dots, in the top-right corner, and selecting `Settings`.
![Go to settings in Google chrome](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/dar0vito627slj8blx0d.png)
 
### Step 4

Select `Appearance` and click on the `Use GTK+` button, in the `Theme` section.
![Setting appearance to GTK+ in Ubuntu](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/k69e37sdt7rga8y2t8q3.png)

GTK+ is a free and open-source cross-platform widget toolkit for creating graphical user interfaces (GUIs).

You’ll notice that Chrome has gone into full dark mode now, not just the web contents/internal pages. 

**That’s a Wrap!**

If some info is outdated or incorrect, or you have anything to add, ask ping me via [Twitter](https://twitter.com/felix__dusenge) or add it in a comment section.
What is Lolli? Review and How to earn bitcoins using Lolli?
Published: 2022-05-19 05:55:21

Lolli is an application that permits clients to acquire bitcoin as a prize when they shop on the web or at any of the shops they’re joined forces with.

Presently, Lolli is banded together with 1000+ top brands to empower individuals to procure bitcoin when they shop. Lolli has banded together with brands like Adidas, Microsoft, and Ulta, and that’s only the tip of the iceberg. The principal objective of Lolli is to make bitcoin available to all. The originators behind Lolli Alex Adelman and Matt Senter accept that soon bitcoin will be acknowledged all over the place and subsequently individuals need to procure more bitcoin than spend it.

## Lolli Shopping Review

Lolli is one of the greatest cashback stages that has earned colossal respect despite a limited ability to focus time reason being individuals intrigued by digital currency. Lolli is very much like ‘Honey’ however somewhat unique as other cashback stages give the cashback with regards to cash yet [Lolli gives it concerning Bitcoins](https://qfinancialadvisors.com/what-is-lolli-review-and-how-does-it-work/).

The clients keen on procuring bitcoins can shop on the web or at retail that is cooperated with Lolli to acquire a level of their buy as cashback as bitcoin.

## How to earn free bitcoins with Lolli?

Lolli gives its clients [bitcoin](https://qfinancialadvisors.com/can-bitcoin-reach-one-million-updates/) as an award when they utilize their administrations. The organization gets commissions from top shippers they’re cooperated with.

At the point when clients shop on any of the cooperated shipper brands, Lolli gets a level of the deals, then, at that point, they split or gap the sum got and pay the cashback to the clients. The clients can acquire up to 27% to 30% of their all-out buy as bitcoin.

Assuming you are utilizing the augmentation, when you are on a site upheld by Lolli, the expansion will tell you and you can click it to acquire up to 30% crypto cashback on that buy. The cashback rate shifts and is moved to your Lolli wallet where you can later pull out it to your own Bitcoin wallet once you arrive at least $15 (INR 1164). You can likewise move it to your financial balance anyway transformation expenses might be charged to change over crypto to cash. The length of the exchange is around 30 to 90 days. The length is long on the grounds that they attempt to keep away from extortion, as certain individuals might purchase the things for remunerations and afterward return the things back.

You can likewise procure free bitcoins from Lolli by opening the application every day and playing Daily Stack and furthermore acquire bitcoin by alluding Lolli to a companion.
RSpec & Rails: what not to write in `it`
Tags: ruby, testing, programming
Published: 2022-05-19 05:50:12

1\. Useless, general words that bring no value:

```ruby
# bad: what value? for what?
it "adds certain value"

# good
it "snoozes for an extra 5 minutes"


# bad: which result is correct?
it "returns correct result"

# good
it "returns user's initials"


# bad: how exactly it fails?
it "fails"

# good
it "raises a not found error"


# bad: formatted how?
it "returns formatted string"

# good
it "returns time in 24-hour format"

# bad: what 'ok' means?
it "is ok"

# good
it "creates draft invoices"
```

2\. Implementation details:
```ruby
# bad
it "changes @scheduled_on"

# good
it "reschedules campaign"


# bad
it "sets @todos"

# good
it "assigns todos to a given user"
```

3\. Lies:
```ruby
it "returns time in 24-hour format" do
  expect(...).to eq "9:25"
end

it "strips leading zeroes" do
  expect(foo(" 9:25 ")).to eq "9:25"
end
```

See also:
[RSpec Style Guide](https://rspec.rubystyle.guide/)
[Better Specs](https://www.betterspecs.org/)
Google is giving free courses for everyone.
Tags: javascript, webdev, beginners, programming
Published: 2022-05-19 05:23:18

Total Courses: 126+ 

There are numerous programming courses available (scroll down to end)

Take a look.

[https://learndigital.withgoogle.com/digitalgarage/courses](https://learndigital.withgoogle.com/digitalgarage/courses)
How to install any software in Ubuntu
Tags: linux, ubuntu
Published: 2022-05-19 05:20:56

If you want to install any software, first download it.
For example, let's install Visual Studio Code for our Ubuntu.

Let's go to [Download Page for Visual Studio Code ](https://code.visualstudio.com/download)

Download the .deb file 
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/uyammkzfafozg3r96qmw.png)

After downloading the file, check where the files is. For me, it is in the Downloads folder.
Now, go to your terminal and go into the Download folder using `cd` command

then check it the .deb file is there using `ls `command.
Then download using the command `sudo dpkg -i <your file name>`
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/h50ggl790znjw5a648k5.png)
Done!

Now use Visual Studio Code !
Rapyd Developer Newsletter: May, 2022
Tags: ecommerce, fintech, payments, hackathon
Published: 2022-05-19 05:07:33

🗞️ Rapyd Dev Newsletter: Hack the Galaxy and Other Discoveries

## Rapyd Hack the Galaxy 🚀 
The [galaxy’s greatest contest for developers](https://hackthegalaxy.dev/), launches Tuesday, June 7, 2022. Join the Rapyd Developer Community to win prizes that are truly out-of-this-world.


[Rapyd's Million Dollar – Greatest Fintech Developer Series](https://hackthegalaxy.devpost.com/) **hackathon 1 of 4** ends on Thursday, May 26, 2022, @ 5:00 pm EDT. Submit your project before the deadline to compete for a cash prize and a chance to present your idea at the Rapyd Demo Day in Lisbon!

 
## Changelog
### Collect Updates
[Google Pay](https://docs.rapyd.net/build-with-rapyd/docs/google-pay) is now available for clients in Europe. Refer to the [Client Portal Guide](https://docs.rapyd.net/client-portal/docs/activating-google-pay) on how to activate Google Pay in the Client Portal.

### Wallet Updates
Virtual Accounts has been updated to include a Get request to [List Virtual Accounts by Rapyd Wallet](https://docs.rapyd.net/build-with-rapyd/reference/virtual-account-number-object#list-virtual-accounts-by-wallet). Include a Rapyd Wallet ID using ewallet_id in the query parameters.
 
**Note:** To use the Virtual Accounts feature, you will need to contact Rapyd Client Support.

https://community.rapyd.net

## Discover
### [Rapyd Bytes: Tokens](https://www.youtube.com/watch?v=BHUEmRXpmrE) `/videos`
Learn about Tokens, tokenization, and how to create a token ID for PII (Personally Identifiable Information), or bank account.

### [Rapyd Changelog](https://www.youtube.com/watch?v=loex7QpkgQo) `/videos`
Learn more about recent updates including Google Pay, Virtual Accounts, and Error Messages. 

### [Hosted Checkout Page - Demo](https://community.rapyd.net/t/hosted-checkout-page-demo) `/community`
Explore live demos and start building from repositories in Github.

## Share
Reply back to this email and let us know what you would like to see more or less of in this newsletter, or take this short [survey](https://rapyd.sjc1.qualtrics.com/jfe/form/SV_3avr0lw9WjuJNWK).

Talk code with us on [Twitter](https://twitter.com/RapydGlobal), [community](https://community.rapyd.net/).

*P.S.* If you like this newsletter, forward it to a friend so they can [subscribe](https://go.rapyd.net/dev-newsletter).
Things you might not know about HTML
Tags: html, css, beginners, codenewbie
Published: 2022-05-19 04:50:17

## Hey guys, 
This is my Instagram post in which I explained some things that you might not know about HTML.
Swipe the below post and learn new things about HTML!
{%instagram https://www.instagram.com/p/CdN7kUzLebx/ %}

Follow [coding_dev_](https://www.instagram.com/coding_dev_/) on Instagram for more stuff like this!

Follow me here to get regular updates 😉
See you in next Post ;) Bye!!
Heart | Pure CSS
Tags: codepen, css, tutorial, beginners
Published: 2022-05-19 03:24:04

Shapes like heart are achievable using pure CSS because it contains curved rounded corners at the top and slanting lines in the bottom.

Lets get into how we can create it step by step

Create a simple square container (**50px X 50px**)
rotate the container **45deg**. This will make the bottom slanting lines.

Now in-order to make the two upper curves in the heart shape, we can make use of pseudo **before** and **after** element.

Create the same size pseudo element with border radius 50%. Now these element won’t be visible because its hidden under the Heart container.

In order to make it visible, change the top and left position for the respective psuedo elements.

- left for the before element
- top position for the after element

{% codepen https://codepen.io/rembertdesigns/pen/vYWJjWb %}

CSS is the foundation of webpages, is used for webpage development by styling websites and web apps.You can learn How To Draw CSS Shapes from the ground up by following these [CSS Examples](https://codepen.io/collection/OLbyor).

If you liked this post, make sure to follow me on [Twitter](https://twitter.com/RembertDesigns) where I post daily about Tech related things!

### 🌎 Let's Connect

- [Twitter](https://twitter.com/RembertDesigns)

- [Github](https://github.com/rembertdesigns)

- [Codepen](https://codepen.io/rembertdesigns)

- [LinkedIn](https://www.linkedin.com/in/rrembert/)
EclipseCon2022 is coming
Published: 2022-05-19 04:30:14

And they are calling for papers

https://www.eclipsecon.org/session-tracks-eclipsecon-2022/open-source-way 

A place to be in October. They have #OpenSource and cookies. Come, take a look at the dark side, @antonarhipov  and #JetBrains 

#EclipseCon2022 #Java
What's the one project made by you that you're very proud of?
Tags: programming, discuss, productivity, showdev
Published: 2022-05-19 04:19:06

I'll keep it short, what's the one project made by you that you're very proud of and would want to share it with other developers. There can be many reasons of being proud of the project like it could be your first project made using a language you were learning, or a project which literally took months to create but you were able to complete it!

For me that project is [OctoTastic](https://github.com/asheeeshh/octotastic), It's a web app made to display github user's stats and compare them with others, the reason I'm proud of this project is that I learnt a lot while making it, it took around 2 weeks to complete it and it's my first project made using tailwind css.
How to Create a Custom Next.js Link Component With Bootstrap Icon
Tags: react, bootstrap
Published: 2022-05-20 02:38:27

---
title: How to Create a Custom Next.js Link Component With Bootstrap Icon
published: true
date: 2022-05-19 04:18:22 UTC
tags: react,bootstrap
canonical_url: https://blog.designly.biz/how-to-create-a-custom-next-js-link-component-with-bootstrap-icon
---

![](https://cdn-images-1.medium.com/max/1024/1*SFS91_a9WwUbXt47YmntCA.jpeg)

Next.js’s **next-link** component is great for single-page web apps. Using **next-link** is great for speeding up navigation because instead of reloading the entire page, just the viewport is loaded with the new component(s).

I’m a regular user of **react-bootstrap** and I wanted a way to preceed my links with an icon. So, I thought I’d share with you a custom component I use regularly in my nav components.

Here’s my custom component:

```
import Link from "next/link";
import * as Icon from 'react-bootstrap-icons';

export default function IconLink(props) {
    const IconInc = Icon[props.icon];

    return (
        <Link href={props.href} passHref>
            <a style={{ display: 'flex', flexDirection: 'row' }}>
                <IconInc style={{ marginTop: 'auto', marginBottom: 'auto', marginRight: '10px' }} />
                <div style={{ marginTop: 'auto', marginBottom: 'auto' }}>
                    {props.children}
                </div>
            </a>
        </Link>
    );
}
```

Now we can use this component in our nav components:

```
import IconLink from "./iconLink";
import { Stack } from 'react-bootstrap'

export default function Nav() {
    return (
        <Stack gap={3}>
            <IconLink href="/" icon="HouseFill">Home</IconLink>
            <IconLink href="/forum" icon="CardList">Forum</IconLink>
        </Stack>
    );
}
```

This is the result:

![Icon Link Result](https://cdn-images-1.medium.com/max/373/0*qm4aAQi145yRdz9k.jpg)

I hope you found this useful. Thanks for reading!
Trapezoid | Pure CSS
Tags: codepen, css, beginners, 100daysofcode
Published: 2022-05-19 02:37:39

A trapezoid can be made by a block element with zero height (**height of 0px**), a width greater than zero and a border, that is transparent except for one side.

With changing the border sides, the orientation of the trapezoid can be adjusted.

{% codepen https://codepen.io/rembertdesigns/pen/OJOjZyG %}

CSS is the foundation of webpages, is used for webpage development by styling websites and web apps.You can learn How To Draw CSS Shapes from the ground up by following these [CSS Examples](https://codepen.io/collection/OLbyor).

If you liked this post, make sure to follow me on [Twitter](https://twitter.com/RembertDesigns) where I post daily about Tech related things!

### 🌎 Let's Connect

- [Twitter](https://twitter.com/RembertDesigns)

- [Github](https://github.com/rembertdesigns)

- [Codepen](https://codepen.io/rembertdesigns)

- [LinkedIn](https://www.linkedin.com/in/rrembert/)
Getting Started with the Angular Signature Pad Component
Tags: angular, webdev, angularj
Published: 2022-05-19 03:58:16

See how easily you can create and configure the [Angular Signature Pad component](https://www.syncfusion.com/angular-ui-components/angular-signature) of Syncfusion. This video explains how to use the Syncfusion Angular Signature Pad component that allows users to draw smooth signatures as vector outline strokes using variable-width Bezier curve interpolation. You will see how to change the stroke width, color, and add a background color and image to the signature pad. You will also see how to save and clear the signature. 

Product Overview: https://www.syncfusion.com/angular-ui-components/angular-signature

Explore tutorial videos: https://www.syncfusion.com/tutorial-videos

{% youtube EJCaQmdrLn0 %}
Coffee Cup | Pure CSS
Tags: codepen, css, tutorial, beginners
Published: 2022-05-19 03:56:49

Checkout how I made this Coffee Cup with only 2 div & also using the **:hover** selector on the top to make it move. 

The **:hover** selector can be used on all elements, not only on links.

{% codepen https://codepen.io/rembertdesigns/pen/LYOORwB %}

If you liked this post, make sure to follow me on [Twitter](https://twitter.com/RembertDesigns) where I post daily about Tech related things!

### 🌎 Let's Connect

- [Twitter](https://twitter.com/RembertDesigns)

- [Github](https://github.com/rembertdesigns)

- [Codepen](https://codepen.io/rembertdesigns)

- [LinkedIn](https://www.linkedin.com/in/rrembert/)
Bootcamp Itaú Devs Experts – Inscrições até 29/05 – Treinamento Gratuito + Oportunidade de trabalho
Tags: cursogratuito, vagas, backend, cursos
Published: 2022-05-19 04:03:26

---
title: Bootcamp Itaú Devs Experts – Inscrições até 29/05 – Treinamento Gratuito + Oportunidade de trabalho
published: true
date: 2022-05-19 03:45:14 UTC
tags: CursoGratuito,Vagas,BackEnd,Cursos
canonical_url: 
---

Está aberto as inscrições desde segunda-feira (16/05) do Bootcamp Itaú Dev Experts, com Formação em back-end **Java**  e  **Cloud** gratuita, num treinamento com duração de 10 meses e 3 semanas e com chances de contratação pelo Itaú.

Depois de abrir formação para experts em dados, a Let’s Code retoma a parceria com o Itaú para formar uma nova geração de desenvolvedores avançados: faça parte desse movimento e evolua junto com o maior banco da América Latina!

**Chegou a hora para quem quer ser uma pessoa desenvolvedora expert no Itaú.**

Serão oferecidas 45 bolsas de estudos em back-end, sendo 30 para atuais colaboradores do banco e 15 abertas para quem quer ser contratado pelo Itaú e já possui no mínimo 1 ano e meio de experiência em códigos. O programa terá duração de aproximadamente 11 meses, onde 3 meses e 3 semanas serão dedicados à formação composta por 600 horas e aulas 5 vezes na semana e o restante a experiência prática com oportunidade de atuar em Squads da área de tecnologia do banco, realizando projetos on the job.

**Seja expert no time do Itaú e junte-se à transformação tech do mercado!**

Pré-Requisitos:

- Experiência mínima de um ano e meio na área.
- Idade mínima de 18 anos.
- Disponibilidade imediata para contratação.
- Aos colaboradores do Itaú, é necessário possuir de 6 a 8 meses de experiência no banco.

![](https://guiadeti.com.br/wp-content/uploads/2022/05/bootcamp-itau-datas.png)

Link do Bootcamp: [https://letscode.com.br/processos-seletivos/itau-bootcamp-dev](https://letscode.com.br/processos-seletivos/itau-bootcamp-dev)

Link para Inscrição: [https://selecao.letscode.com.br/processo-seletivo/b92fe7a1-7d6a-465c-b448-5712c461bc42/inscricao](https://selecao.letscode.com.br/processo-seletivo/b92fe7a1-7d6a-465c-b448-5712c461bc42/inscricao)

Link do Edital: [https://sistema-selecao-production.s3-sa-east-1.amazonaws.com/SelectiveProcess/b92fe7a1-7d6a-465c-b448-5712c461bc42/edital.pdf](https://sistema-selecao-production.s3-sa-east-1.amazonaws.com/SelectiveProcess/b92fe7a1-7d6a-465c-b448-5712c461bc42/edital.pdf)

O post [Bootcamp Itaú Devs Experts – Inscrições até 29/05 – Treinamento Gratuito + Oportunidade de trabalho](https://guiadeti.com.br/bootcamp-itau-devs-experts-inscricoes-ate-29-05-treinamento-gratuito-oportunidade-de-trabalho/) apareceu primeiro em [Guia de TI](https://guiadeti.com.br).
Hexagon | Pure CSS
Tags: codepen, css, tutorial, beginners
Published: 2022-05-19 03:41:17



{% codepen https://codepen.io/rembertdesigns/pen/jOaGwRj %}

CSS is the foundation of webpages, is used for webpage development by styling websites and web apps.You can learn How To Draw CSS Shapes from the ground up by following these [CSS Examples](https://codepen.io/collection/OLbyor).

If you liked this post, make sure to follow me on [Twitter](https://twitter.com/RembertDesigns) where I post daily about Tech related things!

### 🌎 Let's Connect

- [Twitter](https://twitter.com/RembertDesigns)

- [Github](https://github.com/rembertdesigns)

- [Codepen](https://codepen.io/rembertdesigns)

- [LinkedIn](https://www.linkedin.com/in/rrembert/)
Pentagon | Pure CSS
Tags: codepen, css, tutorial, beginners
Published: 2022-05-19 03:36:44



{% codepen https://codepen.io/rembertdesigns/pen/jOaGweR %}

CSS is the foundation of webpages, is used for webpage development by styling websites and web apps.You can learn How To Draw CSS Shapes from the ground up by following these [CSS Examples](https://codepen.io/collection/OLbyor).

If you liked this post, make sure to follow me on [Twitter](https://twitter.com/RembertDesigns) where I post daily about Tech related things!

### 🌎 Let's Connect

- [Twitter](https://twitter.com/RembertDesigns)

- [Github](https://github.com/rembertdesigns)

- [Codepen](https://codepen.io/rembertdesigns)

- [LinkedIn](https://www.linkedin.com/in/rrembert/)
Moon | Pure CSS
Tags: codepen, css, tutorial, beginners
Published: 2022-05-19 03:31:15

In this tutorial, we will draw the half moon by manipulating our div element, we will use the box-shadow and border-radius properties to draw the half-moon.

{% codepen https://codepen.io/rembertdesigns/pen/ZEaXyRz %}

CSS is the foundation of webpages, is used for webpage development by styling websites and web apps.You can learn How To Draw CSS Shapes from the ground up by following these [CSS Examples](https://codepen.io/collection/OLbyor).

If you liked this post, make sure to follow me on [Twitter](https://twitter.com/RembertDesigns) where I post daily about Tech related things!

### 🌎 Let's Connect

- [Twitter](https://twitter.com/RembertDesigns)

- [Github](https://github.com/rembertdesigns)

- [Codepen](https://codepen.io/rembertdesigns)

- [LinkedIn](https://www.linkedin.com/in/rrembert/)
Drop | Pure CSS
Tags: codepen, css, tutorial, beginners
Published: 2022-05-19 03:27:47

Making a waterdrop is almost close to making an oval with varying sizes.

{% codepen https://codepen.io/rembertdesigns/pen/mdqBrZN %}

CSS is the foundation of webpages, is used for webpage development by styling websites and web apps.You can learn How To Draw CSS Shapes from the ground up by following these [CSS Examples](https://codepen.io/collection/OLbyor).

If you liked this post, make sure to follow me on [Twitter](https://twitter.com/RembertDesigns) where I post daily about Tech related things!

### 🌎 Let's Connect

- [Twitter](https://twitter.com/RembertDesigns)

- [Github](https://github.com/rembertdesigns)

- [Codepen](https://codepen.io/rembertdesigns)

- [LinkedIn](https://www.linkedin.com/in/rrembert/)