teleren/devto huggingface dataset:
Tech Watch as a Dev
Tags: beginners, productivity, motivation
Published: 2021-10-01 15:31:27

Hey Guys!

With a friend we are Devs for some time now. Looking to stay up to date and improve ourselves we do on a regular basis some Tech Watch (basically following news on technologies, releases, best practices..).

But it happens to be time consuming because of the variety of sources (GitHub, Twitter, Forums, RSS...) and a lot of noises : at the end, we are spending more time looking for interesting stuff than reading it ^^

Classic aggregators doesn't seem to help as they only propose known sources (difficult to discover new relevant content) and offer no recommendation to avoid noises.

So we decided to tackle the problem and propose to the community a tool helping fellow Devs to gather plenty of sources (not only basic RSS feeds) with content recommendation, based on your reading history (stop scrolling down to the infinite) :)

We are working on a beta (released in some days), if you are interested to try it's here -> https://www.newzy.io

Take care,
{8th Hacktoberfest }
Tags: hacktoberfest
Published: 2021-10-01 15:08:19

✨


![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/w0j5alsbzqglfvzulaag.jpg)
### [Hacktoberfest]
Oct 1 is here!

### Whats next?

Contributing as much possible to open source :)
How to Improve the Front End of Your Website?
Published: 2021-10-01 15:00:48

{% youtube CAPqBk2ZW4U %}
How to understand that the frontend of an app or website needs improvement? What skills have a key priority in front end development?

Let's look behind the scenes of the front end development.

🟣 Why is front end so important? 
🟣 How do you understand that the website or application needs improving? 
🟣 What have I put attention to if I need a good-looking, good-working website or application with good conversions?
🟣 Which skills of a front end developer have a key priority in your opinion?
🟣 Can you share some tips on how to improve the front end? 
🟣 Do you like your job?
🟣 What does perfect front end mean to you?

You can also read the article at [Frontend House](https://frontendhouse.com/experts-zone/how-to-improve-the-front-end-of-your-website-experts-zone-talks-2)
Deno DNS Resolver
Published: 2021-10-01 14:22:04

I make a DNS resolver in Deno using type script with Deno's built in Deno.resolveDns functionality. The following snippit grabs an array of record types and builds a return object with them. Deno is still new so there is some "novel" usage here, but I believe that more functionality will come for sure.

create dns_resolver.ts file

Copypaste the following:
```typescript

let records = ["MX", "AAAA", "A", "SRV","ANAME"]
export async function dns_call(domain:string, records_types:Array<string>):Promise<Object>{
    let promise:Promise<any> = new Promise(function(resolve,reject) {

        let ret_object = {}
        for (let i = 0; i < records_types.length;i++){
            // @ts-ignore
            Deno.resolveDns(domain, records_types[i]).then(function (dns_resolution) {
                // @ts-ignore
                ret_object[records_types[i]] = dns_resolution
                if(i === records_types.length -1){
                    resolve(ret_object)
                }
            }).catch(function () {
                // @ts-ignore
                ret_object[records_types[i]] = "not present"
                if(i === records_types.length -1){
                    resolve(ret_object)
                }
            })
        }
    })
    return promise
}
let smoke = await dns_call("example.com", records)
console.log(smoke)
```

run
```
$ > deno run --allow-net --unstable dns_resolver.ts
```
Play around with it.
Dev Tool: A CLI tool for generating certificates
Tags: python, opensource, help
Published: 2021-10-01 14:16:15

Being a workshop organizer and YouTuber means we have to deal with developer community everyday. Everyday I learn new things, recently when I organized a workshop on CSML: Language to build chatbots thought to develop a tool which helps to generate certificates for attendees. Isn't this cool!?

So, how to use it?
First, clone the repo by clicking [here](https://github.com/Horizon733/certi-build)
`git clone https://github.com/Horizon733/certi-build.git`

After installing, just go to your directory where your template certificate is and name excel sheet is. Navigate to your terminal/command prompt and follow below steps:
```
$ certi-builder build
certificate image path: <your path>
Excel file path:  <your path>
Text color: Hex color code E.g #000000
Font file path: <your path> Please use ttf fonts
Font size: Int E.g 10
Output location:  <your path>
X location: X-axis coords, These you can find in paint
Y location: Y-axis coords, These you can find in paint
```

If you want attendees name to be bold then follow below steps:
```
$ certi-builder build --bold
certificate image path: <your path>
Excel file path:  <your path>
Text color: Hex color code E.g #000000
Font file path: <your path> Please use ttf fonts
Font size: Int E.g 10
Output location:  <your path>
X location: X-axis coords, These you can find in paint
Y location: Y-axis coords, These you can find in paint
```

## Upcoming features
- Support for different kind of files for name extraction
- Different kinds of text formatting E.g Italic, Underline
- AI recognization for replacing name in certificate

Some of them are already in development by few contributors

Since, it is Hacktoberfest you can contribute too!
Something made by me👇👇
![great_contributor](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/yd05kujfysqb6uevkigb.png)
Hacktoberfest 2021 Completion Thread
Tags: hacktoberfest, discuss
Published: 2021-10-01 13:59:04

---
title: Hacktoberfest 2021 Completion Thread
published: true
description: A thread to celebrate your accomplishment for having submitted 4 PRs during Hacktoberfest 2021!
tags: hacktoberfest, discuss 
series: Hacktoberfest 2021 Resources
cover_image: https://dev-to-uploads.s3.amazonaws.com/uploads/articles/axt2we4nyo6p4p3ecbhb.png
---

If you've completed [Hacktoberfest 2021](https://hacktoberfest.digitalocean.com/), we want to hear about it and celebrate with you!

This thread is your place to share some of your PRs (hint: use the GitHub liquid tag!), drop a link to your #Hacktoberfest post on DEV (template [here](https://dev.to/new/hacktoberfest) ), and share anything else related to your Hacktoberfest participation once you've hit the 4 PR mark. 

_If you'd like a DEV profile badge for your participation in Hacktoberfest, keep your eyes out for a badge-awarding post by @thepracticaldev (within the "Hacktoberfest 2021 Resources" series) towards the end of the month. You'll simply submit your email and some information about your participation and we'll award your badge in the weeks following Hacktoberfest._ 

### ✨ GREAT WORK! ✨

![4 happy pumpkins](https://media.giphy.com/media/Z08TwoAYMpIre/giphy.gif)
Hacktoberfest 2021 Discussion Thread
Tags: hacktoberfest, discuss, help
Published: 2021-10-01 13:58:04

---
title: Hacktoberfest 2021 Discussion Thread
published: true
description: A thread to ask questions, help troubleshoot issues, and participate in discussions related to Hacktoberfest 2021
tags: hacktoberfest, discuss, help 
series: Hacktoberfest 2021 Resources
cover_image: https://dev-to-uploads.s3.amazonaws.com/uploads/articles/z0e0tjyd71lq2cwjv4yz.png
---

[Hacktoberfest 2021](https://hacktoberfest.digitalocean.com/) is a community celebration of open source. 

 
**So, whether you're contributing to open source projects or reviewing PRs as an open source maintainer, this thread is for you to connect with others and discuss the challenge together!**

> ### Reminders:

> 1. If you're participating, let us know [here](https://dev.to/devteam/who-s-participating-in-hacktoberfest-2021-4pgf)
> 2. If you're a project maintainer looking for contributors OR a participant looking for Hacktoberfest-eligible issues to tackle, head over to [this thread](https://dev.to/devteam/hacktoberfest-2021-who-s-looking-for-contributors-32k) 
> 3. If you have a question about Hacktoberfest or contributing to open source, we encourage you to write a DEV [#help](https://dev.to/t/help) post. You can find the #help template [here](https://dev.to/new/help) to get your thoughts and questions organized. 
> 4. Learn all about how you can earn a limited-edition Hacktoberfest 2021 profile badge on DEV by sharing your journey in [this post](https://dev.to/devteam/hacktoberfest-2021-is-here-4a3l)
> 5. Visit the official [Hacktoberfest 2021 FAQ page](https://hacktoberfest.digitalocean.com/faq) to review common questions and answers about the challenge. 
> 6. Once you've completed Hacktoberfest, celebrate with us [here](link)

---

### Now, let's talk about Hacktoberfest! Share your thoughts, reflections, and motivation for others in the comments below. 


![Skeletons dancing in a circle](https://media.giphy.com/media/QuxqWk7m9ffxyfoa0a/giphy.gif?cid=ecf05e479r9oruuo14v1ox32eo8lu8jwiwr61krw3r60bcyp&rid=giphy.gif&ct=g)
Comentários (Código Limpo: Que Bruxaria é Essa?!?! - Parte Final)
Tags: javascript, cleancode
Published: 2021-10-01 13:54:53

## Comente apenas códigos com lógica de negócio complexa

Comentários são um pedido de desculpas, não uma necessidade. Um bom código se documenta por si só na maioria das vezes.

### Não é recomendável:

```javascript
function hashIt(data) {
  // The hash
  let hash = 0;

  // Length of string
  const length = data.length;

  // Loop through every character in data
  for (let i = 0; i < length; i++) {
    // Get character code.
    const char = data.charCodeAt(i);
    // Make the hash
    hash = (hash << 5) - hash + char;
    // Convert to 32-bit integer
    hash &= hash;
  }
}
```

### É recomendável:

```javascript
function hashIt(data) {
  let hash = 0;
  const length = data.length;

  for (let i = 0; i < length; i++) {
    const char = data.charCodeAt(i);
    hash = (hash << 5) - hash + char;

    // Convert to 32-bit integer
    hash &= hash;
  }
}
```

## Não deixe código comentado na sua base de códigos

Controle de versão existe por um motivo. Deixe o código antigo no seu histórico.

### Não é recomendável:

```javascript
doStuff();
// doOtherStuff();
// doSomeMoreStuff();
// doSoMuchStuff();
```

### É recomendável:

```javascript
doStuff();
```

## Não tenha diários de comentários

Lembre-se, use controle de versão! Não há necessidade de código morto, código comentado e muito menos diário de comentários. Use `git log` para acessar o histórico!

### Não é recomendável:

```javascript
/**
 * 2016-12-20: Removed monads, didn't understand them (RM)
 * 2016-10-01: Improved using special monads (JP)
 * 2016-02-03: Removed type-checking (LI)
 * 2015-03-14: Added combine with type-checking (JR)
 */
function combine(a, b) {
  return a + b;
}
```

### É recomendável:

```javascript
function combine(a, b) {
  return a + b;
}
```

## Evite marcadores de posição

Marcadores de posição só deixam sujeira. Deixe as funções e nomes de variáveis com o alinhamento e formatação adequados, dando estrutura visual ao seu código.

### Não é recomendável:

```javascript
////////////////////////////////////////////////////////////////////////////////
// Scope Model Instantiation
////////////////////////////////////////////////////////////////////////////////
$scope.model = {
  menu: "foo",
  nav: "bar"
};

////////////////////////////////////////////////////////////////////////////////
// Action setup
////////////////////////////////////////////////////////////////////////////////
const actions = function() {
  // ...
};
```

### É recomendável:

```javascript
$scope.model = {
  menu: "foo",
  nav: "bar"
};

const actions = function() {
  // ...
};
```

E aí? Gostaram? Até a próxima anotação! 😊
Formatação (Código Limpo: Que Bruxaria é Essa?!?! - Parte 10)
Tags: cleancode, javascript
Published: 2021-10-01 13:54:25

Formatação é subjetivo. Como várias das regras mencionadas aqui, não há uma regra difícil e rápida que você tenha que seguir. O ponto principal é NÃO DISCUTA a respeito de formatação. Há toneladas de ferramentas para automatizá-la. Use uma! Discutir sobre formatação é um desperdício de tempo e dinheiro para engenheiros. Para o que não está ao alcance da formatação automática (alinhamento, tabulação vs. espaço, aspas duplas vs. aspas simples), veja aqui algumas orientações.

## Uso consistente de letras maiúsculas

JavaScript não tem tipos, portanto letras maiúsculas dizem muito a você sobre suas variáveis, funções, etc. Essas regras são subjetivas, por isso sua equipe pode escolher o que quiser. O ponto é que, não importa a sua escolha, apenas seja consistente.

### Não é recomendável:

```javascript
const DAYS_IN_WEEK = 7;
const daysInMonth = 30;

const songs = ["Back In Black", "Stairway to Heaven", "Hey Jude"];
const Artists = ["ACDC", "Led Zeppelin", "The Beatles"];

function eraseDatabase() {}
function restore_database() {}

class animal {}
class Alpaca {}
```

### É recomendável:

```javascript
const DAYS_IN_WEEK = 7;
const DAYS_IN_MONTH = 30;

const SONGS = ["Back In Black", "Stairway to Heaven", "Hey Jude"];
const ARTISTS = ["ACDC", "Led Zeppelin", "The Beatles"];

function eraseDatabase() {}
function restoreDatabase() {}

class Animal {}
class Alpaca {}
```

## As funções que chamam e as funções chamadas devem estar próximas

Se uma função chama outra, mantenha-as verticalmente próximas no arquivo fonte. O ideal é manter a função que chama logo acima da função chamada. Nos tendemos a ler o código de cima para baixo, como se fosse um jornal. Por conta desse princípio, mantenha seu código lido desse modo.

### Não é recomendável:

```javascript
class PerformanceReview {
  constructor(employee) {
    this.employee = employee;
  }

  lookupPeers() {
    return db.lookup(this.employee, "peers");
  }

  lookupManager() {
    return db.lookup(this.employee, "manager");
  }

  getPeerReviews() {
    const peers = this.lookupPeers();
    // ...
  }

  perfReview() {
    this.getPeerReviews();
    this.getManagerReview();
    this.getSelfReview();
  }

  getManagerReview() {
    const manager = this.lookupManager();
  }

  getSelfReview() {
    // ...
  }
}

const review = new PerformanceReview(employee);
review.perfReview();
```

### É recomendável:

```javascript
class PerformanceReview {
  constructor(employee) {
    this.employee = employee;
  }

  perfReview() {
    this.getPeerReviews();
    this.getManagerReview();
    this.getSelfReview();
  }

  getPeerReviews() {
    const peers = this.lookupPeers();
    // ...
  }

  lookupPeers() {
    return db.lookup(this.employee, "peers");
  }

  getManagerReview() {
    const manager = this.lookupManager();
  }

  lookupManager() {
    return db.lookup(this.employee, "manager");
  }

  getSelfReview() {
    // ...
  }
}

const review = new PerformanceReview(employee);
review.perfReview();
```

E aí? Gostaram? Até a próxima tradução! 🤗
10 Awesome Websites to find Web Developer Remote Jobs
Tags: webdev, career, websites
Published: 2021-10-01 13:40:09

The year is 2021 and the web development job market (or programming in general tbh) is all about remote positions. If you want to take advantage of it to get your next job (or a side one), make sure to bookmark this article.
&nbsp;

TL, DR;

1- Simply Hired
2- FlexJobs
3- Hired
4- Remote .co
5- JustRemote
6- RemoteOk
7- Working Nomads
8- StackOverflow Jobs
9- We Work Remotely
10- Turing 
Bonus: Bergamot

##1)  [Simply Hired](https://www.simplyhired.com/) 

Millions of Jobs, many of them remote. 

You can also find freelance jobs here and easily filter by location (think of the timezone).
&nbsp;
##2) [FlexJobs ](https://www.flexjobs.com/) 

Millions of postings. Pro: you can easily personalize your job search.

Tip: use this code FLEXLIFE to get 30% off  (non affiliated, just being nice).
&nbsp;
##3) [Hired](https://hired.com/) 

Hired reverses the traditional job-hunting process. 

You create a profile with your background and what you're looking for and the companies apply to YOU. 

Interesting concept, right?
&nbsp;
##4) [Remote.co](https://remote.co/) 

  
Besides offering a large database of open positions, Remote .co also shares nice tips for you to get your next remote job.
&nbsp;
##5) [JustRemote](https://justremote.co/) 

On JustRemote, you can search for both full-time and part-time remote jobs.
&nbsp;
##6) [RemoteOk](https://remoteok.io/)

They have a nice interface where it is easy to see the salary range of the position you're applying to.
&nbsp;
##7) [Working Nomads](https://www.workingnomads.co/jobs)

Easy to configure job alerts, you can filter development and compare the offers.
&nbsp;
##8) [StackOverflow Jobs](https://stackoverflow.com/jobs)

Surprisingly, many people who use SO don't know that they have a part of their website dedicated to job search.

GitHub used to have one too, but it's shut down.
&nbsp;
##9) [We Work Remotely](https://weworkremotely.com/) 

With over 3M visitors, WWR has a large list of nice remote jobs including top companies and higher positions.
&nbsp;
##10) [Turing](https://www.turing.com/) 

The cool thing about Turing is you can find US remote jobs in top companies. There are some requirements to join in though. 
&nbsp;
##Bonus1: [Bergamot](https://bergamot.io/) 

Bergamot is a cool option I've recently found out. It's a remote tech jobs aggregator with thousands of job posts.


That's it! Hope you found it useful and I wish you get your new job soon :)

##Bonus2: [Remote Tech Jobs] (https://www.remotetechjobs.com/)

Remote Tech Jobs has +3,000 remote jobs focusing specifically on tech ones. A nice thing is that they remove inactive jobs, which helps you to save time.

&nbsp;
&nbsp;
## About me, let's connect! 👋👩‍💻
&nbsp;
I'm an avid learner and I love sharing what I know. I teach coding live for free 👉 [here](https://learnpine.com "here") and I share coding tips on [my Twitter account](https://twitter.com/simonpaix) . If you want more tips, you can follow me 😁
&nbsp;
&nbsp;
Manipulating Arrays
Tags: javascript, webdev, beginners, vscode
Published: 2021-10-01 13:36:07

🎯 With push()

The push() function is used to add data to the end of an array.

It can take one or more parameters as shown with an example:

```javascript
{
	var arr1 = [1,2,3];
	arr1.push(4);
	var arr2 = [“Stimpson”, “j” ,”cat”];
	arr1.push([“happy” , “joy”]);
}
```


🎯 With pop()

The pop() function is the opposite of push() , which removes data from the end of an array.

Any type of data can be popped off from the array with an example:


```javascript
{
	var threeArr = [1,4,6];
	var oneDown = threeArr.pop();
	console.log(oneDown);
	console.log(threeArr);
}
```




🎯 With unshift()

The unshift() function can unshift elements from either the end or the beginning of the array

Example:

```javascript
{
	var arr = [“Stimpson”, “j” ,”cat”];
	arr.shift();
	arr.unshift(“happy”);
	after shift, arr will have value [“j” ,”cat”], after unshift() the arr would have [“happy”, “j” ,”cat”]
}
```

🎯 With shift()

The shift() function can shift elements from either the end or the beginning of the array

Example:

```javascript
{
	var arr = [“Stimpson”, “j” ,”cat”];
	var removedFromarr = arr.shift();
	after shift, arr will have value [“j” ,”cat”], after shift() the arr would have [“happy”, “j” ,”cat”]
}
```
Applications of Chrome DevTools in day-to-day use:
Tags: webdev, devtools, chrome
Published: 2021-10-01 13:25:48

## Chrome DevTools:
_“Chrome DevTools is a set of web developer tools built directly into the Google Chrome browser.”_ <br />
Extremely useful for developers.
Maybe you are not a web developer, you can still learn DevTools to get more out of your web browser.
## Applications of Chrome DevTools in day-to-day use:

###Reading articles for free
Many websites when we open have an overlay/dimmer/modal with a message “Please login to continue.” In some of them, the content is already loaded on the page and just a dimmer/modal on top of it. We can either remove dimmer/modal from DevTools and scroll the page OR expand the inspect elements and read the content inside it. <br />
Some basic knowledge about CSS classes is enough to access all the stories on NYT.
(When it comes to accessing pages, archive(dot)org >> DevTools. But sometimes archive(dot)org will take more than a minute to load.)
###As a JS interpreter
If you are thinking to learn JavaScript in the future, you don’t need to install NodeJS, open your chrome console, and start writing your code.
It has a powerful auto-complete feature and it is better than Code Editor as it logs the new value of a variable as soon as you complete the line. (if the logged value is not as expected we can change that line before pressing the enter key.) Somewhat like Quokka Scratchpad. <br />
Very handy tool especially when you are trying something new and you want to test/debug it quickly. (Can be used as a calculator as well.)
###Taking better Screenshots
Let say you want to add a screenshot of a blog/article in your presentation but that article has an advertisement that you want to remove. You can open DevTools and remove the element corresponding to that advert.
Can also change the width of the body, play with font size, margin/padding to get a perfect SS.
###Mobile-only websites
Some websites don’t work well in PC browsers because they are designed only for mobiles.
Instagram doesn’t let users make posts from a PC browser. We can use Toggle Device Toolbar, select maybe iPhone X in the options, and reload to get more features.

(Contrary to this, Reddit doesn’t let unauthorized users access popular communities like r/python r/react in the mobile browser. Chrome in android has the ‘Desktop Site’ option. Turn it on and you will be able to scroll those communities in Androids.)
###Tab crashed should I reload?
We all have faced this situation at least once: the page is crashed should we reload or wait? Is that button working? 
If pressing the button doesn’t create a corresponding HTTP call in the network tab, surely the page is not responding to your actions.
###Forms
Sometimes the height of the textbox is just 2-3 rows. Have to scroll up-down to read the text. Increase the height of the box to make things simple.

There could be many more use-cases of DevTools, I just listed the ones I remember.
How to Sort Numbers in Python without sort Function
Tags: sort, sorting, coding, algorithms
Published: 2021-10-01 13:20:12

Today we are going out to Sort Numbers in Python without sort Function. There is a similar Kata in Codewars to Sort only odd Numbers without sort Function in Python. The link of the similar Kata (sorting only odd numbers) is given HERE
Task:
You will be given an array of numbers. You have to sort the numbers in ascending order.
Python has built in sort function which has made us lazy to think that how can we sort a list in python without using that function.

Now let’s get to the coding part to extract the Domain out of the URL.
Code is given on https://hecodesit.com/how-to-sort-numbers-in-python-without-sort-function/