teleren/devto huggingface dataset:
How To find easy to rank keywords on Google - Quick SEO Hack
Tags: rankongoogle, seo, python, laravel
Published: 2022-10-04 06:53:12

There are many ways to find low competition keywords that rank easily on Google, Bing, and other Search Engine. Now I am discussing some techniques to find low competition and profitable keywords that will rank easily.


**1. KGR Keyword Research Method:**

KGR keyword research method is an effective strategy to find long tail and easy ranking keywords. It was invented by Doug Cunnington.

**What is the KGR?**

Keyword Golden Research (KGR) is a strategy for discovering long tail keywords which rank on top easily.

**How is KGR calculated?**

KGR= (Allintitle results) / (Monthly search volume)

Where monthly search volume is 250 or less.

If KGR Ratio is less than 0.25, it works well.

See the screenshot bellow



My keyword is ‘’ Magellan outdoors folding camp cot’’

Monthly search volume of these keywords is 70.

(I use SEMrush for search volume)

Now calculate the KGR (04 / 70) = 0.06

The aim is to find a KGR score is 0.25 or lower than 0.25. We get a keyword whose KGR value is less than 0.25. So it is a great KGR keyword.

**Importance of KGR method:**

Good content with KGR keywords will rank easily without backlinks.

It is a modern SEO strategy that's really working well.

It is most effective for a new website or blog.

If you want to rank in a short time, it is a great way for you.

KGR or Golden Keyword Ratio is called easy ranking Keywords

**Is it really work now on 2022?**

KGR keywords are easy ranking keywords. But all keywords will not work. If your website or blog is brand new, KGR method is best for you. If you write 10 good content with focus KGR keywords, your maximum content will rank.

**How much time will it take to rank after using KGR keywords?**

KGR keyword research is a modern-day SEO strategy that works for every niche. It will take 1-3 months to see the result. if you generate high-quality content by focusing KGR keywords you have a great chance to rank on top within a short time.

**Why go with such low search volume keywords?**

Generally, KGR keywords are low search volume keywords, but these kinds of keywords rank easily without much effort. If you rank for a single KGR keyword you will rank on other similar keywords which bring a good amount of traffic to your website.
Learning Vue - fetching data and re-render
Tags: help, vue, beginners, codenewbie
Published: 2022-10-04 09:28:08

## Introduction
I am a "codenewbie", currently I am learning Vue and have some re-appearing problems I don't have the knowledge to fix it.

## Fetching data and rendering it
I am using Vue 3 and composition api (setup() method). I can fetch data from a fake todo api and it's rendered on the page. 

The problem starts when I would like to add new task. I can see in the console that it's pushed to the task list array, but it doesn't re-render. Same problem when I want to edit, delete or mark as a complete one task. I can see the changes in the console, but doesn't update on the page.

## How to re-render the page when the data set gets updated?
I am using the key attribute on the component, so theoretically it should work. But no... The problem is also, that even though the task array is updated (with new task or an old task is updated), the original array is returned from the setup(). 

Here is a little snippet from my code

![The code where I have the problem](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/pkocpgntdbm27oqrgt9k.png)

## Otherwise..
It is pretty nice to work with Vue, I just need to figure out some detailed stuff :) 

_Thanks in advance if you can give some advices_
Why you shouldn't ignore .gitignore
Tags: webdev, beginners, tutorial, git
Published: 2022-10-04 13:52:23

If you already know some [basic git commands](https://www.cristina-padilla.com/gitcommands.html), it is time to learn about **.gitignore**.

When I started to learn Git, I read that .gitignore is basically a file that helps hide other files to keep a repository cleaner, meaning we are telling Git not to track every single file. Ok, so the concept is clear but my question back then was: in which context or what kind of files do I exactly want to hide?

I had no idea but understood it much better while doing the following exercise: [how to start unit testing](https://how-to.dev/how-to-start-unit-testing-with-jasmine).

I read the article because I wanted to learn about unit tests (pieces of code that help check whether your code is working as expected or not) and while going through the tutorial and comparing my code with the [author's solution](https://github.com/how-to-js/how-to-unit-test/tree/jasmine), I realized some extra files like node_modules or .DS_store automatically showed up in my repository. I didn't really know how they got there and what they meant but, as every beginner, I thought: as my unit test is working, all good.

Fortunately, my dear mentor reviewed my code and gave me some useful suggestions:

> use .gitignore to make those irrelevant files disappear and make your repository cleaner. 

Some of the files .gitignore can hide are system files (like .DS_Store), dependency caches (like node_modules or packages) or files with sensitive data.

GitHub already offers the possibility to add .gitignore when creating a repository.


![Git ignore option on GitHub](https://community.codenewbie.org/remoteimages/uploads/articles/p5nneg50a36ojooq5abh.png)

Gitignore is a text document that looks like [this](https://github.com/Mama-simba/unit-tests/blob/main/.gitignore).

My mentor also showed me a very cool tool to create [gitignore templates](https://www.toptal.com/developers/gitignore). Find the video tutorial [here](https://docs.gitignore.io/).

In my case, I did the unit-test exercise without having any .gitignore and I thought that I had to restart the whole exercise again. Fear not! There is also a way to create a .gitignore file and move all nonsense files into it. I used the following commands for it:


![Removing files commands](https://community.codenewbie.org/remoteimages/uploads/articles/o59ybmrqhatxyms6ma2k.png)

Thanks to this my [unit test repository](https://github.com/Mama-simba/unit-tests) looks much better now. I hope this helps you understand better gitignore now and you can start applying it in your projects.
CLI application for working with disposable email service
Tags: go, cli, cobra, pterm
Published: 2022-10-05 21:03:42

Here's my latest Go project - Mail.tm CLI, a CLI application for working with Mail.tm disposable email service.

Disposable email - is a free email service that allows receiving emails at a temporary address that self-destructs after a specific time elapses.

Mail.tm CLI is a command-line-based application that works with one such service - Mail.tm. Mail.tm CLI allows you to manage a disposable #mailbox and receive emails from the CLI console.

Stars, issues, and Pull Requests are welcome!

https://github.com/ABGEO/mailtm
Mapping Records to arrays
Tags: typescript, webdev
Published: 2022-10-06 08:14:05

I needed this functionality to parse a configuration regardless of whether it was supplied as an array or a Record. This function converts the Record into an array of the same type:

```typescript
function mapRecordToArray<T, R extends Omit<T, K>, K extends keyof T>(record: Record<string, R>, recordKeyName: K) {
  return Object.keys(record).map(key => ({ ...record[key as keyof typeof record], [recordKeyName]: key })) as T[]
}
```

It can be used like this:
```typescript
type Field = {
  name: string,
  label: string,
}

type Collection = {
  name: string,
  label: string,
  fields: Record<string, Omit<Field, 'name'>> | Field[]
}

const collections:Collections[] = [] // ...

collections.forEach(collection => {
  const fields = Array.isArray(collection.fields)
    ? collection.fields
    : mapRecordToArray(collection.fields, 'name')
})
// Function typings will look like this:
// function mapRecordToArray<Field, Omit<Field, "name">, "name">(record: Record<string, Omit<Field, "name">>, recordKeyName: "name"): Field[]

// Notice the return type: Field[]
```
Installation of Embulk on Ubuntu 20.04
Tags: ubuntu, embulk
Published: 2022-11-11 09:04:35

## Environment

- Ubuntu 20.04.3 LTS

## Instruction

(1) Check Java version

```
$ java -version

Command 'java' not found, but can be installed with:

sudo apt install default-jre              # version 2:1.11-72, or
sudo apt install openjdk-11-jre-headless  # version 11.0.17+8-1ubuntu2~20.04
sudo apt install openjdk-13-jre-headless  # version 13.0.7+5-0ubuntu1~20.04
sudo apt install openjdk-16-jre-headless  # version 16.0.1+9-1~20.04
sudo apt install openjdk-17-jre-headless  # version 17.0.5+8-2ubuntu1~20.04
sudo apt install openjdk-8-jre-headless   # version 8u352-ga-1~20.04

```

Not installed java

(2) Install Java 8

EMbulk only operates with Java 8.

```
sudo apt install openjdk-8-jre-headless
```

(3) Check Java version

```
$ java -version
openjdk version "1.8.0_352"
OpenJDK Runtime Environment (build 1.8.0_352-8u352-ga-1~20.04-b08)
OpenJDK 64-Bit Server VM (build 25.352-b08, mixed mode)
```

(4) Install Embulk

```
curl --create-dirs -o ~/.embulk/bin/embulk -L "https://dl.embulk.org/embulk-latest.jar"
chmod +x ~/.embulk/bin/embulk
echo 'export PATH="$HOME/.embulk/bin:$PATH"' >> ~/.bashrc
source ~/.bashrc
```

Ref: [Embulk](https://www.embulk.org/)

(5) Check embulk command

```
which embulk
```
4 Tips for How to Work with Critical Feedback
Tags: career, softskills, feedback, management
Published: 2022-11-12 14:28:54

What to do if you get negative feedback at work? How to make sure you career stays on track and your manager is actually happy with you?

Getting critical (negative) feedback might be painful but if you approach it constructively it can be beneficial for you, your manager and entire organization. In this video I share my approach for working with bad feedback from your manager. Working with feedback is one of the most important soft skills software engineer or tester may have.

{% embed https://youtu.be/QhqN22nv0qM %}
Free Tailwind CSS Site Templates For Your Your Next Project
Tags: tailwindcss, webdev, design
Published: 2022-11-12 20:20:37

I love Tailwind CSS. A lot of people love Tailwind CSS.

So I made a site to share my Tailwind CSS site templates I've made over the years.

Use them on your next project, to learn, to showoff off to your friends and pretend you made it. Doesn't matter to me. Enjoy :)

https://tailwindsites.com/

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/7cb34pr526rr1850s7ra.png)
【Laravel】How to change redirect URL in authentication
Tags: laravel
Published: 2022-11-13 07:00:16

When you are making app with Laravel and using automatically generated files made by "php artisan make:auth," you might want to know how to change their redirect url.

app>Http>Controllers>Auth>LoginController.php, for eaxample.
There is a code as below.
```
protected $redirectTo = '/home';
```
When user has logged in correctly, the page is redirected to '**/home**.' You need to change '/home' to whatever you want to redirect to.
How to get current date in JavaScript
Tags: codenewbie, javascript, webdev, beginners
Published: 2022-11-15 13:48:00


There are 2 ways you can get current date in JavaScript. You can just create a new `Date` object without
any arguments, or you can use the function `Date.now`.

<!--more-->

So both `new Date()` and `Date.now()` can be used to get current date in JS.

Let's log the results to the console.

```js
console.log(new Date());
console.log(Date.now());
```

If the first case, we'll see a date + time in UTC timezone, and with `Date.now` we'll get the number of milliseconds
passed after Jan 1, 1970.

```text
2022-01-13T15:19:32.557Z
1642087172563
```

Both results represent current date in JavaScript and can be easily compared.

A date object can be converted to milliseconds since Jan 1, 1970 by using a `getTime` method.

```js
console.log(new Date().getTime()); // 1642087361849
```

And you can convert milliseconds returned by `Date.now()` to a Date object, although it's pretty redundant.
If you just need current date, it's better to call `new Date()` without arguments.

```js
console.log(new Date(Date.now())); // 2022-01-13T15:24:55.969Z
```
JavaScript Events
Tags: javascript, beginners, programming, webdev
Published: 2022-11-15 08:15:18

## JavaScript Events:

_An event is a signal that something happened._
All DOM generated signals.

# Types of Events
There are many Events in JavaScript but some events discuss in this article.

### - Mouse Events

1. Click : Its performed when mouse click on any element.
           and touchscreen user can tabs to perform this event.
2. contextmenu :  Its performed when mouse  right click on any element.
3. mouseover : Its performed when mouseover the element.
4. mouseout :  Its performed when mouseout the element.
5. mouseup : Its performed when mouse pressed.
6. mousedown: Its performed when mouse released over an element.


### - Keyboard Events

1.keydown and keyup – when a keyboard key is pressed and released.

### - Form Element Events

1. submit:  when the visitor submits a <form>

2. focus:  when the visitor focuses on an element, e.g. on an <input>

### - Document Events:

1. DOMContentLoaded: when the HTML is loaded and processed, DOM is fully built.

### - CSS events:

1. transitionend:  when a CSS-animation finishes.
Tired of doing all the initial setup that a fullstack typescript project requires?
Tags: react, directus, nest, typesafety
Published: 2022-11-13 18:41:28

Start your next project with the **dna** architecture, and be good to go with the best opensource tools of each layer ensuring an initial typesafe enviroment:

Repo: https://github.com/cesarsalesgomes/dna

Backend: Nestjs / Directus
Frontend: React / Tailwind
Porque isso tá aqui e como? Pensamentos sobre modelos de Pull Request
Published: 2022-11-15 03:37:56


Bom, todo desenvolvedor uma hora ou outra vai se deparar com as seguintes situações:
- Voltar de férias e ter que se atualizar sobre os projetos;
- Lidar com incidente pós virada de versão;
- Revisar uma nova alteração e não ter como falar com autor;

Todas essas situações tem um ponto comum, são resolvidas com uma boa documentação anexada, mas como e onde fazer isso sem criar um processo impeditivo e burocrático?

## De desenvolvedor para desenvolvedor...

Documentação está totalmente relacionada a DX [(Developer Experience)](https://developerexperience.io/practices/good-developer-experience) e se são os desenvolvedores que produzem o código, manter a documentação viva é a forma que os mesmos tem de manter a comunicação alinhada entre o time.

Mas... eu fiz código e quem vai revisar vai ler ele eu deveria mesmo documentar mais? A resposta é sim, quem revisa ou vai ter que revisitar o PR nem sempre vai ter todo o contexto da alteração e quais necessidades ela atendeu, ou como faz para replicar/testar, por isso é imprescindível documentar afinal ninguém vai querer ser acionado de madrugada ou quer ter de esperar um dia inteiro para tirar dúvida sobre o motivo de ter sido feito daquela forma pela falta de contexto nos PRs. E vamos ser sinceros, o nosso garbage collector é muito bom, limpa a nossa memória que é uma beleza.  

## MODELOS DE PR

Assim modelos de PR surgem como uma alternativa para manter a documentação viva e a comunicação dentro do time, tanto para garantir requisitos mínimos acordados, as decisões tomadas e os resultados esperados, assim facilitando o entendimento e a rastreabilidade de alterações. 

**Benefícios**
- Reduz a necessidade de comunicação síncrona 
- Explicita as alterações e os motivos
- Facilita o teste e a revisão
- Cria um padrão de desenvolvimento

**Como implantar?**
Comece sempre com o simples e evolua o modelo junto com a equipe conforme o processo de adoção acontece, de nada adianta ter um modelo completo com todos cenários possíveis se o time não conseguiu se adequar ao uso e adaptar a sua realidade. 

**Ideal seria iniciar com:**
- Breve resumo da alteração
- Passo a passo de como testar
- Pontos importantes/críticos da implementação/decisão
- Referência do ticket/card do seu software de gestão

![Modelo de pull request demonstrando campos e exemplos](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/pqsopt215csbrk73rq4z.png)

E ao longo das retrospectivas levantar com o time se há sugestões de novas seções, checklists entre outras necessidades mais relacionadas ao time podendo evoluir para um cenário onde existem dois ou mais modelos distintos um por exemplo com peculiaridades de PR de BUG, FEAT, mas nada impede de começar apenas com o resumo e incrementando ai vai da decisão do time. 

Bom essa é a minha ideia de como os modelos de PR são importantes dentro de um projeto, e você já implanta esses modelos como funciona ai?
Hey, check this amazing tool!
Tags: socialmedia, webdev, devops, randomtools
Published: 2022-11-15 10:41:32

Looking for a tool that will help you with everything at one place? Well, the solution is here.

Random tool (https://randomtools.io/reddit-comment-search/) is software to make your daily life easier. It comes with developer tools such as - SQL formatter, CSS beautifier, URL encoder and decoder, and Lorem Ipsum generator that can help you with website development. In addition, you'll find tools like Basic image correction, Grayscale image, AutoGamma correction and a lot more to make editing easier. 
You'll also find some cool social media tools and math tools to help you with more challenging mathematical problems. 
Random tools also help you with website analytics.
Introduction to Data Analysis
Tags: machinelearning, datascience, beginners, tutorial
Published: 2022-11-15 14:51:08



**What is Data analysis?**
Data analysis is a process of inspecting, cleansing, transforming, and modeling data with the goal of discovering useful information, informing conclusions, and supporting decision-making.
**Tools used in Data Analysis :**
Auto-managed closed tools->
Qwiklabs, Tableau,Looker, Zoho Analytics 
The programming language used: Python,R,Julia
**Why Python for Data Analysis?
**-very simple and intuitive to learn.
-correct language 
-powerful libraries  
-free and open source 
-Amazing community,docs, and conferences
**When to choose R language?
**- When R studio is needed
-When dealing with advanced statistical methods.
-When extreme performance is needed.
**Data analysis Process:**
1:Data extraction->
SQL,Scrapping ,File format(CSV,JSON,XML),Consulting APIs,Buying Data,Distributed database
2:Data cleaning ->
• Missing values and
empty data
• Data imputation
• Incorrect types
Incorrect or invalid
values
• Outliers and non
relevant data
● Statistical sanitization
3. Data Wrangling->

Hierarchical Data
Handling categorical
data
Reshaping and
transforming
structures
Indexing data for
quick access
Merging,combining
and joining data
4:Analysis->
• Exploration
• Building statistical
models
• Visualization and
representations
. Correlation vs
Causation analysis
• Hypothesis testing
● Statistical analysis
• Reporting
5:Actions->
• Building Machine
Learning Models
Feature Engineering
• Moving ML into
production
• Building ETL
pipelines
• Live dashboard and
reporting
• Decision making
and real-life tests
**PYTHON ECOSYSTEM:
**The libraries we can use ...
pandas: The cornerstone of our Data Analysis job with Python
matplotlib:The foundational library for visualizations.Other libraries we'll use will be
built on top of matplotlib.
numpy:The numeric library that serves as the foundation of all calculations in Python.
seaborn:A statistical visualization tool built on top of matplotlib.
statsmodels:A library with many advanced statistical functions.
scipy:Advanced scientific computing, including functions for optimization,linear
algebra, image processing and much more.
scikit-learn:The most popular machine learning library for Python (not deep learning)
Today is the beginning of my coding journey 🙌
Tags: beginners, webdev, javascript, programming
Published: 2022-11-15 20:12:18

Today marks the first day on my coding bootcamp and to be honest im so excited but at the same time I'm **scared** of the unknow and what awaits me in the deep dark internet world of learning how to code 😭 lol 

So if there's any tips or advice you guys can give to someone coming into this field from a complete beginners perspective then all would be appreciated!!

**_Thanks and happy coding_**
What editor theme do you use ? 🧑‍🎨🎨
Tags: vscode, javascript, programming, productivity
Published: 2022-11-16 00:34:06

I use [Bearded Theme](https://marketplace.visualstudio.com/items?itemName=BeardedBear.beardedtheme) along with [Bearded Icons
](https://marketplace.visualstudio.com/items?itemName=BeardedBear.beardedicons).
What is your theme of choice ?
memo, 2022-04-07
Tags: java, eclipse
Published: 2022-11-16 04:25:27

이클립스

- window ⇨ other ⇨ search

⇨ containing text : 검색하고싶은것 + working set : 검색 범위

- ctrl + D : 라인삭제

- revert : 원상복구

- 충돌&오류 난것 ⇨ revert하거나 overwrite 하기
what is array map() in JavaScript
Tags: javascript, webdev, beginners, programming
Published: 2022-11-16 09:18:35

**map()**  method creates a new array with the results of calling a function for every array element.

A function that is executed for every element in the array is passed into **map()** which has these parameters:

* current element
* the index of the current element
* array that map() is being called on

An example of using map() would be to square every element in an array

```javascript
let numbers = [2, 4, 6, 8, 10];

// function to return the square of a number
function square(number) {
  return number * number;
}

// apply square() function to each item of the numbers list
let square_numbers = numbers.map(square);
console.log(square_numbers);

// Output: [ 4, 16, 36, 64, 100 ]
```
Another example is converting an array of data into JSX.
```javascript
const food = [
    { id: 0, name: 'orange', color: 'orange' },
    { id: 1, name: 'banana', color: 'yellow' }
];

food.map(food => {
    return (
        <div key={food.id}>
            <div>
                {food.name} - {food.color}
            </div>
        </div>
    );
});

```

## summary of map()
Use **map()** when something needs to be done on every element in an array.
BE A 10X BY UTILISING A WIKI.
Tags: webdev, javascript, programming, productivity
Published: 2022-11-16 12:15:12

As hard as it is to debug and solve issue. One of the more common mistakes we make as developers, is to solve a problem and forget about it. Only to find a similar problem in your next challenge or project.

I **myself** am no stranger to this issue and it wasn't up until I track all the issues I faced on a wiki and how I solved them.

This helps me to remember what I did by documenting it in some way but mostly helps with solving issues way faster because most issues are always recurring. So by keeping track of what you solved and how, you don't have to think the next time you face a similar issue since you have a wiki to remind you.

**A wiki will help you be more productive, you may not realise it now but you'll thank your self for doing it in the future.**