teleren/devto huggingface dataset:
Useful tools for programmers
Tags: webdev, tooling, programming, beginners
Published: 2022-05-27 14:33:09

Yes, I know, it's too straightforward title, but I'm going to write about tools to make your coding life easier.

## Scratch files
Have you ever created a temp file for logs or for sample of code? You have to choose path for save while you just want to run it. Or maybe occasionally you have committed test.json file? Stop it! 
Scratch files! That is a mechanism provided by your IDE (or plugins for it) to help you manage temporary files.

_I use free extension for VS code:_
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/kcvau05d0386vldt70dy.png)

And simple example. If you want to create a scratch file, you just have to press `cmd + shift + p` and then input:
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/r8x1ftegotifdx502qg2.png)
Now you can create your temporary file and choose a type:
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ry5iv4y3gpzervj7c909.png) 
After that you will see an empty file with a chosen extension.
Also you can run executable scratch file, open it or delete.
And no more `test.json`

## Bookmarks
A month ago I came to a huge project (above 500k lines of code). And the most difficult things for me is a navigation through the code. There are decades similar modules and components, same names of services, etc. I've found a simple and useful tool to solve it - Bookmarks. 
Also VS code example:
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/p7s07p40g4lo2lya5foy.png)
Then you have to just pick a line and choose bookmark label:
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/isp8w5xl7rkkl77mrqdv.png)
You can create bookmarks with labels and without them. After creation you can find your bookmarks at the sidebar:
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/5sp5tfszoyokp9x0vuv9.png)

## Stash
Imagine, you are thinking up a solution for problem, fixing a horrible bug or making a feature of your dreams... brilliant. But your manager wants you to fix a small bug. You have to switch your git to master, create new branch and so on. Time to commit WIP (work in progress)! Wait a minute... Maybe there is a more simple and beautiful way to save your work and switch branch? Yes!
This simple command saves your changes on current branch: 
```bash
$ git stash -u
Saved working directory and index state WIP on main: 5002d47 our new homepage
HEAD is now at 5002d47 our new homepage
```
_-u_ - is a flag to save untracked changes
To get list of stashes:
```
$ git stash list
stash@{0}: WIP on main: 5002d47 our new homepage
stash@{1}: WIP on main: 5002d47 our new homepage
stash@{2}: WIP on main: 5002d47 our new homepage
```

## For Jetbrains IDE adepts
If you use some of Jetbrains IDE, tools like bookmarks and scratch are exist in you IDE by default and you don't need any extensions. 

## Conclusion
I've known about these tools accidentally and I hope they will help you.
Follow Friday (27 May 2022)
Tags: watercooler, meta, writing, motivation
Published: 2022-05-27 14:19:05

Happy Friday, friends! 🎉

It's been another great week of content on DEV, and I'm wondering: **who's your favorite author to follow here on DEV lately, and why?**

_**Formatting tip**: to populate a card with a follow button, use the liquid tag syntax `{% embed https://... %}` and insert the URL of your favorite author's profile._

Join in on the #FollowFriday fun by @ tagging another community member who you think is worth a follow (and why you love their posts!) ⤵️
Introduction to Amazon EKS Connector
Tags: aws, kubernetes, eks, connector
Published: 2022-05-27 13:55:51

You can use `Amazon EKS Connector` to register and be a part of any conformant Kubernetes cluster to AWS and visualize it in the Amazon EKS console. You can see the status, configuration, and workload in the Amazon EKS console after a cluster is connected. You can use this feature to view connected clusters, but you can't control them.


![EKS](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/jc01ym98i81b5a9c2z0w.jpg)

The Amazon EKS Connector can connect the following kinds of Kubernetes clusters to Amazon EKS. The Amazon EKS Connector is also an open supply project on Github. 

- The clusters are on-premises.
- There are clusters on Amazon Elastic Compute Cloud.
- Other cloud providers have managed clusters.



## Amazon EKS Connector considerations

Understand the following before using Amazon EKS Connector:


- You should have `administrative privileges` to the Kubernetes cluster to join the cluster to Amazon EKS.
- Before connecting, the cluster must have Linux worker nodes present. ARM worker nodes aren't supported.
- Outbound access to the `ssm.` and `ssmmessages` is required for you to have worker nodes in your cluster.
- Up to 10 clusters can be connected by default. The service quota console can be used to request an increase. 
- Only the Amazon EKS `RegisterCluster`, `ListClusters`, `DescribeCluster`, and `DeregisterCluster` are supported by external Kubernetes clusters.
- Permissions are needed to register a cluster.

1. eks:RegisterCluster
2. ssm:CreateActivation
3. ssm:DeleteActivation
4. iam:PassRole

- Permissions are needed to deregister a cluster.

1. eks:DeregisterCluster
2. ssm:DeleteActivation
3. ssm:DeregisterManagedInstance

## Required IAM roles for Amazon EKS Connector

The following two roles are required for using the Amazon EKS Connector.

- The service-linked role of amazon EKS connector is created when you register the cluster.
- The agent IAM role of Amazon EKS Connector have to be created manually.

To enable cluster and workload view permission for another user, you must apply the `eks-connector` and Amazon EKS Connector cluster roles to your cluster. 


Thanks for reading my article till end. I hope you learned something special today. If you enjoyed this article then please share to your friends and if you have suggestions or thoughts to share with me then please write in the comment box.
Customize the Homepage of Our Next.js Storefront And Win a T-Shirt From Medusa!
Tags: challenge, javascript, webdev, programming
Published: 2022-05-27 13:53:50

[Medusa](https://github.com/medusajs/medusa) has 2 official storefronts, one built with [Next.js](https://docs.medusajs.com/starters/nextjs-medusa-starter) and one with [Gatsby](https://docs.medusajs.com/starters/gatsby-medusa-starter). Our Next.js is meant to be more of a starter to help developers that are using Medusa get a head-start into creating their ecommerce storefront.

However, its homepage needs rework as now it's just meant to guide developers to the resources they can use to get started with Medusa.


![Current Storefront Homepage](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/wpac90z3gcqafbr503hf.png)

We would love to see how creative the dev community is and how they can customize the homepage of the storefront! Show us what you got 💪🏻

**We are rewarding the best design with a t-shirt from our Medusa merch!**

## How to Participate

Each participant must create a GitHub repository for the Next.js storefront and add a link to it in the comments section.

You are also encouraged to share it on Twitter and [tag us](https://twitter.com/medusajs) so that we can retweet you, and share it on the showcase channel of our [Discord](https://medusajs.com) server!

## When will the winner be announced?

We'll stop taking new entries on June 27th. The winner will be announced on June 29th in a separate post where we'll highlight some of the entries we liked and the winner entry specifically!

## How to Get Started?

You can get started by installing the [Medusa server](https://github.com/medusajs/medusa#quickstart) and [Next.js storefront](https://docs.medusajs.com/starters/nextjs-medusa-starter) in minutes.

Refer to [our documentation](http://docs.medusajs.com) if you need any help throughout the process.
PoC, MVP and Prototype. Which One Do You Need?
Tags: mvp, prototype, poc, development
Published: 2022-05-27 13:53:43

{% youtube aF77EH-mCTU %}

Hi! Today some business talks.
You have a brilliant digital idea to develop? Before making a significant investment, verify it with the market needs. For this purpose choose beetwen Proof of Concept (Poc), Minimum Viable Product (MVP) and Prototype. Our COO, Przemek, explains each of these methods, which can be easily used to prove the quality of any future product.

Enjoy! You can also read the article at [Frontend House](https://frontendhouse.com/experts-zone/poc-mvp-and-prototype-which-one-do-you-need-experts-zone-23).
What would you like me to cover
Tags: ideas, javascript, webdev, programming
Published: 2022-05-27 13:45:02

I'm currently working on a post that covers the similarities and differences of react and next. Apart from that, let me know in the comments what you would like to see or learn more about in an easy and conceptual way with examples <3

"Tell me and I forget. Teach me and I remember. Involve me and I learn." –Benjamin Franklin
I made your GENIUS app ideas!
Tags: javascript, webdev, beginners, programming
Published: 2022-05-27 13:40:11

A couple weeks ago, [I asked you guys](https://dev.to/virejdasani/tell-me-a-stupid-app-idea-and-ill-make-it-1a9f) to give me stupid app ideas to make

I made a few of them, let me know what you think!

Also, consider giving the video a like, thanks!

{% youtube gheeg-5sxDQ %}

This video is part 3 in the 'I make your app ideas series'
Check out [part 1](https://www.youtube.com/watch?v=ndmzLQPbg7s) and [part 2](https://www.youtube.com/watch?v=SGFNhz91yNQ) too!

Also, I wanted to thank all of you for the support you've shown, not only on dev but on [my youtube channel](https://youtube.com/virej) too. Thanks a lot!
What book(s) are you reading these days (and we should too)? 📖🧠
Tags: watercooler, discuss, books
Published: 2022-05-27 13:38:41

Currently I am reading these two books:

- [The Code Breaker](https://www.goodreads.com/book/show/54968118-the-code-breaker). A book about DNA, RNA, gene theraphy and gene editing. It also touches on mRNA vaccines. I found it very interesting and relatively easy to follow, even though I know nothing about the field of genetics. One should read it, even if it's just for the sole purpose of expanding thier general knowledge. 

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/5g31jowcxajobnrimy9p.jpeg)

- [The Art of Invisibility](https://www.goodreads.com/book/show/30363785-the-art-of-invisibility). A book written by a hacker on how to be online without leaving traces. The content is easy to follow but I personally find it tought to stomach. I think this book should be read by everyone concerned with their online presence and privacy.

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

*Header source image: [Shiromani Kant](https://unsplash.com/photos/mo3FOTG62ao) on [Unsplash](https://unsplash.com/)*
how to install pyautogui kindly help through terminal on linux?
Published: 2022-05-27 13:26:05

import pyautogui as spam
import time

limit = input("Enter no. of messages")
msg = input("Message you want to send")

i = 0

time.sleep(5)

while i<int(limit):

    spam.typewrite(msg)
    spam.press('Enter')

    i+=1
Spring Boot Elasticsearch - builder pattern and DTO search criteria object - Part 4 Tutorial
Published: 2022-05-27 13:18:10

Hi, the 4th article devoted to the theme: “How to work with ElasticSearch using Spring Boot” already ready for reading. Here will speak about how to transform our requests parameters at the DTO criteria object. All details are here: "[Spring Boot Elasticsearch - builder pattern and DTO search criteria object](https://sergiiblog.com/spring-boot-elasticsearch-builder-pattern-and-dto-search-criteria-object/)". Have a pleasant reading.
Laravel ile Crypto Projesi
Published: 2022-05-27 13:17:40

Selamlar ben Alperen,
Bu yazıda sizlere Laravel ile yaptığımız Crypto projesinden bahsedeceğim.

Bunu yaparken sırası ile Projeyi yaparken neler kullandığımızdan ve nasıl Deploy ettiğimizi anlatacağım.

## Kurulum
Öncelikle bir Laravel projesi oluşturduk. Laravel nedir ? 

Laravel, özel uygulamalar geliştirmek için kullanılan bir web framewoküdür. PHP üzerinde çalışır ve tamamen ücretsiz ve açık kaynaklıdır.

Laravel'i kurmak için gerekli olan en önemli 
araç **composer**. Composer nedir ? 

Composer, PHP programlama dili için tasarlanmış çoklu platform bir paket yönetim sistemidir. PHP uygulamaları ve uygulama içerisinde kullanılan kütüphaneler için bağımlılık yönetimi sağlar.

Daha sonra oluşturduğumuz bu projeye anlık Crypto verilerini kullanabileceğimiz bir API ile destekledik. API nedir ? 

API, iki uygulamanın birbiriyle konuşmasına olanak tanıyan bir yazılım aracısı olan Uygulama Programlama Arayüzü’nün kısaltmasıdır. Örnek vermek gerekirse WhatsApp gibi bir uygulamayı her kullandığınızda, her anlık mesaj gönderdiğinizde veya telefonunuzda hava durumunu her kontrol ettiğinizde bir API kullanıyorsunuz.

Tasarımsal olarak da CSS kütüphanesi olan Tailwind kullandık.

## Deploy 
Laravel ile yapılmış bir projeyi her hosting sitesine deploy etmeniz mümkün değil. Deploy etseniz bile düzgün çalışmayabilir. Çünkü Laravel arka planda birçok komut çalıştırıyor. Bu yüzden Laraveli destekleyen bir hosting tercih etmelisiniz. Bunlardan en bilinen ve bir kısıma kadar ücretsiz olan **Heroku**. Deploy ederken dökümanına bakarak hızlı bir kurulum yaptık.

http://crypvel.herokuapp.com/
Teşekkürler
Web3 Solidity + JavaScript 32 hour course recap #1
Published: 2022-05-27 03:48:01

D0 00:00 - 08:42
[Patrick Collin](https://twitter.com/PatrickAlphaC)'s course for learning Solidity for Web3 in JavaScript was published today on [FreeCodeCamp](https://www.youtube.com/watch?v=gyMwXuJrbJQ). It is 32 hours long. 

I made it through the first 8 minutes and 42 seconds tonight. It was mostly just hype and throwing around buzzwords.

I have many goals surrounding this, but I'm going to try and spend one hour every day working through the video until I am done with the entire course. 

I am also going to record myself working my way through the course, and I am going to try to write something quick about what I've learned every day, and maybe sometimes write a proper blog post if something is giving me enough issues.

My overarching goals for this is very transparent: I am unhappy at my day job. I would love to be able to get Web3 developer grants for the backend of at least one of my side projects. However, I am also open to transitioning into some sort of Web3 role.

My overall reaction is that I am surprised that a blockchain developer is only making, on average, $145k a year because I was hearing $200k+ on Twitter, and there's really no difference between a blockchain developer's salary and a mid-level programmer.

That being said, there's virtually 0 risk for developers to learn Web3 since the skills translate directly into Web2, and with software development we always have to be learning something new if we want to keep up with the industry.
Success from Form not working ExtJS v4
Tags: bug, solution, dailyissues
Published: 2022-05-27 12:59:47

## Issue
While working with a requisition in ExtJS, I found myself in a strange situation. My PHP backend was returning correct response, like this:

```json
{
  "success": true,
  "id": "<some_id>"
}
```
> For success

And...
```json
{
  "success": false,
  "msg": "<error_msg>"
}
```
> For failure

But, even with something like this, in correct structure, my code was not working. In submit function from form, the form to wait for requisition is putting `success` and `failure` listeners in configuration object from function, like this:

```js
form.getForm().submit({
  ...,
  success : function(me, action){
    // code...
  },
  failure : function(me, action){
    // code...             
  }
});
```

## Solution
> And, what is the answer for this big question? It is simple!

The form request listeners work specifically with response format. So, if request is `success`, insert `"success": true` in your JSON response object. Otherwise, insert `"success": false`, that function will recognize that must call what is passed in `failure` configuration.

## Conclusion
In forms like this, simply follow this principle:

> To call what have been passed in `success` attribute in the configuration object from `submit()`:
```json
{
  "success": true,
  ...
}
```

> To call what have been passed in `failure` attribute in the configuration object from `submit()`:
```json
{
  "success": false,
  ...
}
```
Básico sobre Visão Computacional
Published: 2022-05-27 12:59:39

   Introdução básica em Visão Computacional, um dos campos dentro de IA e Aprendizado de Máquina, responsável por permitir que essas aplicações possam obter informação de imagens, vídeos e qualquer fonte visual, e com essa informação tomar decisões. Como em carros autônomos lendo em tempo real imagens da câmera, instalada geralmente no para-brisa, e detectando faixas de trânsito, placas, sinalizações e pessoas e reagindo a essas informações, alertando o motorista ou até agindo no lugar dele para evitar um acidente.

   A vantagem principal de um sistema Aprendizado de Máquina focado em Visão Computacional são suas capacidades de, com um modelo bem treinado, analisar milhares de fontes visuais em tempo menor do que a capacidade humana é capaz.
Em 2015, a aplicação ResNet criada por Kaiming He e equipe, venceu a competição ILSVRC (ImageNet Large Scale Visual Recognition Challenge) com um projeto com melhor performance que um humano, para classificação, localização e detecção de imagens, usando um conjunto de 15 milhões de dados para treinar, validar e testar seu modelo.

   Uma aplicação de ML para Visão Computacional irá rotular uma imagem em níveis de pixel, e então realizar uma convolução (operação matemática, dentro da área de análise funcional, onde dadas duas funções, resulta em uma terceira) e classificar a imagem de acordo com os rótulos. 

**Imagem Digital**
   Uma imagem digital pode ser do tipo de raster ou do tipo vetorial. Uma imagem vetorial é criada com o uso de figuras geométricas básicas como linhas e curvas, organizadas de maneira a representar a imagem desejada. Já as Imagens digitais do tipo raster são representacoes bi-dimensionais precisas, de conjuntos finitos de pontos expressos por números, criando uma matriz, onde cada ponto é um pixel e cada pixel pode ter uma cor específica. 

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

   Existem algumas fases para o processamento de uma Imagem Digital, fases essas apresentadas no livro Digital Image Processing e resumidas da seguinte maneira:

1. Aquisição: Capturar a imagem com um sensor e então converter para uma entidade tangível.

2. Aprimoramento: Extrair detalhes não perceptíveis, melhoria geral da qualidade da imagem.

3. Restauração: Falhas como ruído, borrões ou desfocagem são removidas para ter a imagem mais limpa possível.

4. Cor: Lidar com as cores de imagens em diversos formatos como RGBA ou RGB.

5. Onduleta: Fundamento para representar imagens em diversos níveis de resolução.

6. Compressão e descompressão:  Alterações de resolução ou tamanho da imagem.

7.  Processamento morfológico: Definir estruturas e formas do objeto presente.

8. Segmentação: Identificação de características específicas na imagem através da segmentação da mesma.

9. Representação e descrição:  Extrair os atributos que resultam em uma informação quantitativa de interesse do processo, visualizar os dados processados.

10. Reconhecimento: Rotular o determinado objeto de acordo com suas descrições.
Google map loader api, how to include libraries like places
Tags: google, maps, node, loader
Published: 2022-05-27 12:55:58

You want to include "drawing" | "geometry" | "localContext" | "places" | "visualization"?

Here you go:
```javascript
import { Loader } from "@googlemaps/js-api-loader"

const loader = new Loader({
  apiKey: API_KEY,
  mapId: MAP_ID,
  version: "weekly",
  libraries: ["places"]
});
```

If you were trying to access places on the google map instance it would have failed because it was not included. Now with adding the library it will work, here is some example code:
```javascript
var service = new google.maps.places.PlacesService(map);

const request = {
  query: value,
  fields: ['name', 'geometry']
}

service.findPlaceFromQuery(request, function(results, status) {
  if (status === google.maps.places.PlacesServiceStatus.OK) {
    for (var i = 0; i < results.length; i++) {
      const place = results[i];
      if (!place.geometry || !place.geometry.location) return;

      new google.maps.Marker({
        map: map,
        position: place.geometry.location,
      });
    }
    map.setZoom(13);
    map.setCenter(results[0].geometry.location);
  }
});
```
Am addicted to this drug 😊...
Tags: javascript, programming
Published: 2022-05-27 12:27:20

Back then before I had to settle with JavaScript, I used to learn everything from Python, Java, C, and PHP. 
Sure I learned a lot, but now am addicted to JavaScript. I write code almost every day.
## Problems am facing
* Frequent Burnouts
* Procrastination

By the way, this is/are my stack/tools in case you want to know why am addicted to JavaScript.

* JavaScript
* Typescript
* ReactJs & NextJs
* NodeJs
* Firebase, MongoDB, Sanity, and Superbase

## What have learned 
* You have to kiss a thousand frogs before you meet your life partner 😊 "Javascript"
* Choose one stack and get good in it.
* JavaScript has many and endless opportunities.
* JavaScript is the King of the Web 👑

Which stack or habit are you addicted to??
Am also addicted to Coffee while writing code ☕ 

Originally published at [melbite.com/addicted-to-this-drug](https://melbite.com/melbite/nStx7sY4UgB57uqv5osh)