teleren/devto huggingface dataset:
Rrogat në IT (Programim)
Tags: webdev, computerscience, programming
Published: 2021-08-01 07:17:20

Po flasim pak për rroga! Një temë goxha e nxeht, por dhe shumë aktuale në një treg të eger të IT’s, më saktesisht në programim.

Keto definime (sic i kam cekur më posht) bazohen pjeserisht në praktikat e kompanis që udheheq dhe janë pik reference. 

> Mbi gjitha unë besoj që cdo kompani duhet të këtë një politik të drejt dhe që çdo puntor duhet të marr një rroge që e meriton dhe të ndihet i shperblyer për punën që bënë.

Gjithashtu një kompani, përpos rroges, duhet të punoj me punëtoret dhe të jap hapsirë që punëtoret të ngriten/zhvillohen dhe në menyr profesionale.

Personalisht, kur diskutoj për rrogë me dikend, gjithmonë bazohem në keto pika:


- Njohurit aktuale të fushes/pozites
- Mentaliteti dhe kultura e punës
- Potenciali

Kurse titulli dhe shkollimi për mua asnjëher nuk kan qen si kerkese/kriter. Me duhet të cek që studentet nga FIEK dhe UBT veçohen në fushen tonë. 🙌


###Junior Developer 📖

Një person që vetem sa ka filluar karrieren e tij, si zakonisht ka përfunduar shkollen formale (ose i vet mesuar) dhe ka përfunduar punen praktike.

Rroga fillestare për nje Junior, të sapo punësuar, duhet të filloj nga 400 deri ne 750 EUR. Kurse periudha kohore sillet mes 0-3 vjet punë të rregullt.

###Intermediate Developer 🔨

Një developer që me disa orientime/udhezime të vogla kryn pune të medha. Përndryshe developerat e tillë mund të quhen edhe klasa punetore e një kompanie.

Rroga fillestare për një developer mesatar fillon nga 700 deri ne 1100 EUR, dhe periudha kohore është 2 - 5 vjet punë të rregullt.

###Senior Developer 🚀

Developerat e mirë kushtojn, një developer i mirë, senior, është dikush që ka njohuri të mira programimi dhe aftesi për ti kanalizuar ato tek pjesa tjeter e ekipit. Rroga fillestare per nje Senior Developer është 1100+ EUR, kurse periudha kohore sillet mbi 4 vite prevoj pune të rregullt.

###Për fund …

Ndoshta nuk je i pajtimit me kete qe thash, dhe është në rregull. Më shumë deshirë pranoj mendimin tënd në këtë aspekt në qoft se deshiron ta ndash me mua dhe të tjeret ketu?!

> Me duhet të potencoj dhe një her që keto standarde (definime) jan pika referuese sepse çdo person është unik dhe rroga definohet duke u bazuar në aftesite dhe virtytet që ka ai/ajo.

Në fund të dites, është tregu që e definon rrogen (supply vs demand)!
Day 159
Tags: 100daysofcode, programming
Published: 2021-08-01 06:03:50

Day 159/200 of  #100DaysOfCode 

- Solved three problems on Codewars.

1 -  (Ready for) Prime Time (5 kyu)
2 -  Twin Prime (6 kyu)
3 -  Pluck (7 kyu)
Learning Python Course- yearning for suggestions
Tags: discuss, python, tutorial, learningpython
Published: 2021-08-01 05:16:30

Hi guys, we have just completed the basic module of the [Learning Python Course](https://github.com/Aatmaj-Zephyr/Learning-Python). 

So in case you missed it out, [here](https://dev.to/aatmaj/learning-python-basic-course-day-25-summary-of-the-basic-course-563j) is a short summary of the module.

____
This post is made for discussions of any comments or doubts related to this course. 

I urge all to comment below👇 for any suggestions which I can incorporate in the next 👍 module.
Unit test using pytest
Published: 2021-08-01 04:58:36

Hi Team,
I am very new to pytest is there anyone who can help me writing the unit test using pytest for the below code :-

import os
import numpy as np
import pandas as pd
import re

from core.enums.filetype import FileType
from core.interfaces.trainingdataprovider import TrainingDataProvider
from tdm.constants import SqlStoreProcedures
from tdm.utils.textprocessing import TextProcessing


class LooDataProvider(TrainingDataProvider):
    PROCESSED_File: str = f'./data/processed/'
    RAW_OUTPUT_CSV_FILENAME: str = './data/processed/raw.csv'

    def obtain_data(self) -> pd.DataFrame:
        data_filename: str = f'{self.PROCESSED_File}{self.training_config.EXPERIMENT_NAME}.pkl'
        self.data = pd.read_pickle(data_filename) if os.path.exists(data_filename) else None
        self.PROCESSED_File = data_filename
        if self.data is None:
            self.logger.debug('Processed ')
            self.data = self.__load_union_data()
        return self.data

    def __load_union_data(self) -> pd.DataFrame:
        data: pd.DataFrame = pd.read_csv(self.RAW_OUTPUT_CSV_FILENAME, keep_default_na=False)\
            if os.path.exists(self.RAW_OUTPUT_CSV_FILENAME) else None

        if data is None:
            self.logger.info("Cached data does not exist; pulling from DB (this might take a while)!")
            pull_data_query: str = "SELECT * FROM processed_table WHERE Taxability NOT IN ('IGNORE')"
            data = pd.DataFrame(self.data_access_layer.select(pull_data_query))
            self.store_data(data, self.RAW_OUTPUT_CSV_FILENAME, FileType.csv)


        # clean text, filter taxability, encode taxability, encode reason code, concatinate textcols
        self.logger.info(f'processing data')

        #TODO: discuss support for data processing pipeline
        text_processing = TextProcessing(data,
                              self.training_config.features,
                              self.training_config.col_cat,
                              self.training_config.balance_col)
        text_processing.preprocess_data()
        if self.training_config.balance_col != '':
            data = text_processing.balance_data()
        else:
            data = text_processing.data_df

        self.store_data(data, self.PROCESSED_File, FileType.pickle)
        csv_file = f'{os.path.splitext(self.PROCESSED_File)[0]}.csv'
        self.store_data(data, csv_file, FileType.csv)

        return data
Advanced Guide for CSS Selectors
Tags: css, codenewbie, webdev, 100daysofcode
Published: 2021-08-01 04:56:55

Okay so till now we generally used common CSS selectors like class, id, universal and element name

in example that will be indicated like

class  ->  .
id    ->  #
tagName  ->   tagName
universal  ->   *
attribute  ->  [attribute]

Okay so today we will review some other selectors 
<br/>
1] Descendant combinator

this thing is pretty dangerous i guess 😂 reason is if we assign some styles with this rule it will be big pain in a** let me explain

div p {
 color: red;
}

it will apply styles to all p tag whether it is just below div or at any other level below div, sometimes it helps sometimes becomes trouble. meaning it will be applicable to 

div > h2 > p
div > p

<br/>
2] Child combinator

this one is solution for the 1st one we saw its classes will be applicable to the exact child of the parent not to the every element under that parent. 

example

div > p {
 color: red;
}

now color red only be applied for the elements which are direct child of div not to the every p element.

<br/>
3] General sibling combinator

well this rule is useful in some critical times we struggle to style to next all elements below specific element, syntax is 

div ~ p {
  color: red;
}

this will apply color red to all p tags which are next to div tags

<br/>
4] Adjacent sibling combinator

well this rule is exactly like the previous but only difference here is styles will be applied ONLY to the next element i.e. adjacent element not to all elements below it.

example syntax

div + p {
  color: red;
}

<br/>


and that's it for this post i guess. if you love this post then follow me for more posts.
tmux command line
Tags: cli, linux, tmux
Published: 2021-08-01 03:04:56

---
tags: ['cli', 'linux', 'tmux']
title: tmux command line
published: true
canonical_url: https://waylonwalker.com/tmux-command-line/
series: tmux

---

So far we have covered a lot of tmux commands and how they map to keybindings but these same commands can be executed at the command line.

## From the command line

Let's make a popup that displays our git status for 5s or until we close it manually.  We can run the following command at the command line, in a split.

``` bash
tmux display-popup -E -d '#{pane_current_path}' 'git status && sleep 5'
```

## From the tmux command line

Or we can open the tmux command line and run it from tmux's built in command line, which is very similar to bim EX mode. By default the tmux command line
can be opened with `prefix+[`.

``` bash
display-popup -E -d '#{pane_current_path}' 'git status && sleep 5'
```
> 🗒️ note that the tmux command is called by default when inside of tmux.

## Make it a keybinding

Finally we can make it a keybinding by adding a bind command ahead of our tmux command, then we can execute this in the tmux command line or add it to our
`~/.tmux.conf`.

``` bash
bind s display-popup -E -d '#{pane_current_path}' 'git status && sleep 5'
```

Be sure to check out the full youtube playlist and subscribe if you like it.

[![tmux playlist on youtub](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/v4cgo76y53s1hwykajo1.png)](https://www.youtube.com/playlist?list=PLTRNG6WIHETB4reAxbWza3CZeP9KL6Bkr)

{% post https://dev.to/waylonwalker/how-i-navigate-tmux-in-2021-2ina %}

> Also check out this long form post for more about how I use tmux.
My first steps with trying to learn app development on Tauri
Tags: tauri
Published: 2021-08-01 04:41:36

Recently I've been trying to find a lightweight alternative to Electron for app development using web technologies. I wanted to avoid using Electron because it consumes a MASSIVE amount of memory and binaries are also huge, even for small and simple applications. My search has let me to find two options that I think can get the job done: Tauri and Neutralino.

In this post, I'll cover how I got started with Tauri and possibly Neutralino in a different post.

For right now, I'll be using Tauri because there appears to be a native plugin for Vue and I've also been wanting an excuse to learn a little Rust.

Here's what I did to get up and running on a Windows machine (Tauri + Vue 3):
1. Follow the initial instructions [here](https://tauri.studio/en/docs/getting-started/setup-windows) to download all the required core software dependencies. As a summary, you'll need to download and install 4 dependencies:
  * Microsoft Visual Studio 2017 C++ build tools
  * Node.js (I used v14.17.x)
  * Rust & the Cargo package manager
  * WebView2
2. There are a few other dependencies to install:
  * Install Yarn: `npm install --global yarn`
  * Install the Vue CLI: `yarn global add @vue/cli`
3. Now we start to build our project!
  * Start a new Vue project and select Vue 3 to be your default preset: `vue create app1`
  * change directory in to app1
  * Install the Tauri plugin for Vue CLI: `vue add tauri`
4. Run your app for the first time!
  * `yarn tauri:serve`
  * please note that you may need to wait a while, this time, before you can see the Tauri app window. This is because a lot of things need to be downloaded and compiled. But future runs should be much quicker.

From here I'll make some other small updates on the following Tauri topics as soon as I learn how to do these things (yes, I'm just sharing what I've learned along the way):
- How to make a custom CLI with Tauri
- How to make wire custom functions in Rust to javascript and Vue.
  - I'm told that this is referred to by Tauri as "custom commands"
- Maybe how to add some components developed using WASM
Manfaat dari Teknologi Internet
Tags: internet, teknologi
Published: 2021-08-01 02:56:08

Dikala ini internet seakan jadi kebutuhan primer manusia sebab penuhi nyaris segala ruang kehidupan mereka. Mulai dari perihal yang sangat kecil sampai perihal yang lumayan rumit seluruh bisa dikendalikan serta dikerjakan dengan dorongan internet. Saat sebelum mangulas menimpa besarnya khasiat internet, definisi internet pula berarti buat Kamu dikenal terlebih dulu.

manfaat internet sangatlah banyak apalagi sebagian besar orang belum betul- betul memahaminya, paling utama khasiat yang sifatnya sangat privat. Tidak hanya cuma menggunakan guna sekalian khasiat internet, dengan mengenali lebih perinci tentang definisi internet.

Kamu pula dapat meningkatkan internet supaya lebih mutahir dikala digunakan di bermacam bidang kehidupan.

Apa Itu Internet

Sebagian besar orang bisa jadi sangat mengenali tentang sebagian khasiat internet di kehidupan mereka, paling utama selaku perlengkapan komunikasi yang lebih instan. Dan dalam banyak perihal digunakan selaku media hiburan. Tetapi, tidak sering dari mereka yang mengenali lebih perinci tentang sejarah timbulnya internet ataupun apalagi penafsiran internet itu sendiri.

Internet ialah suatu singkatan dari Interconnection Networking, ataupun yang berarti jaringan yang tersambung secara luas. Internet ialah keterkaitan jaringan pc lewat standard yang diucap global Transmission Control Protocol ataupun Internet Protocol TCP/ IP. Terdapat sistem pertukaran paket komunikasi yang berasal lewat informasi.

Dengan jaringan inilah seluruh orang dapat berbicara dengan gampang serta dalam waktu yang pendek dari segala dunia tanpa batasan. Istilah internet diperuntukkan pada rangkaian jaringan yang sangat besar, sebaliknya metode buat menguhubungkannya diucap internetworking.

manfaat Internet Apa Saja?

Semenjak awal kali jaringan pc diciptakan, manfaat internet merupakan buat menolong membetulkan komunikasi jaringan antar pasukan militer. Tetapi, bersamaan berkembangnya waktu serta terus menjadi majunya inovasi teknologi serta komunikasi membuat internet berguna buat seluruh aspek kehidupan.

Source : https://teknotimes.id/
List of interesting GitHub endpoints of APIs
Tags: github, githubapi, rest, nelsoncode
Published: 2021-08-01 02:54:14

This post will show you some GitHub REST API endpoints that you can use

### List of Contributors of an organization

```bash
GET https://api.github.com/repos/:owner/:repo/contributors
```
### List of repositories of a user

```bash
GET https://api.github.com/users/:user/repos
```

### Users by location

```bash
GET https://api.github.com/search/users?q=location:"El Salvador"&page=1
```

### Information of organization

```bash
GET https://api.github.com/orgs/:org
```

### Members of an organization

```
GET https://api.github.com/orgs/:org/public_members
```

### Organizations by location

```bash
GET https://api.github.com/search/users?q=type:"org"location:"El Salvador"&page=1
```

### Profile of a user

```bash
GET https://api.github.com/users/:user
```

### Followers of a user

```
GET https://api.github.com/users/:user/followers
```

### Gists of a user

```bash
GET https://api.github.com/users/:owner/gists
```
### Repositories of a user

```bash
GET https://api.github.com/users/:owner/repos
```

### Organizations of a user, don't include if is owner

```bash
GET https://api.github.com/users/:owner/orgs
```
Creating vite vue ts template: Configure Eslint for Jest
Tags: eslint, jest, vite, vue
Published: 2021-08-01 02:21:51

## Enable linting for tests

1. Update `.eslintrc.js`
    ```diff
    @@ -16,4 +16,15 @@ module.exports = {
         'plugin:vue/vue3-recommended',
         'prettier',
       ],
    +  overrides: [
    +    {
    +      files: [
    +        '**/__tests__/*.{j,t}s?(x)',
    +        '**/tests/unit/**/*.spec.{j,t}s?(x)',
    +      ],
    +      env: {
    +        jest: true,
    +      },
    +    },
    +  ],
     }
    ```
1. `git add -u`
1. `git commit -m 'enable jest tests linting'`
1. Install `eslint-plugin-jest`
    ```console
    $ npm install --save-dev eslint-plugin-jest
    ```
1. Update `.eslintrc.js`
    ```diff
    -  plugins: ['@typescript-eslint'],
    +  plugins: ['@typescript-eslint', 'jest'],
       extends: [
         'eslint:recommended',
         'plugin:@typescript-eslint/recommended',
         'plugin:vue/vue3-recommended',
    +    'plugin:jest/recommended',
         'prettier',
       ],
       overrides: [
    ```
1. Add `eslint-plugin-jest` to `.pre-commit-config.yaml`
    ```diff
               - vue-eslint-parser@7.9.0
    +          - jest@27.0.6
    +          - eslint-plugin-jest@24.4.0
    ```
1. `git add -u`
1. `git commit -m 'install eslint-plugin-jest'`

## Links

-   https://eslint.org/docs/user-guide/configuring/language-options#specifying-environments
-   https://eslint.org/docs/user-guide/configuring/configuration-files#how-do-overrides-work
-   https://github.com/jest-community/eslint-plugin-jest

## Project

{% github https://github.com/imomaliev/vue-ts no-readme %}
Flex vs Grid
Tags: css, beginners
Published: 2021-08-01 00:53:19

I am a cat person. I am not against dogs. There are times I even enjoy them. But given the chance, I would always choose the cat over the dog. 

That's how I have been treating [CSS Flexbox](https://www.w3schools.com/css/css3_flexbox.asp). 

It has been the cat that I kept on choosing. 

But today. I had to choose the dog. And you know what? [CSS Grid](https://www.w3schools.com/css/css_grid.asp) was not going to fight with me like Flexbox was. It was pretty compliant, actually. It's like it **wanted** to make me happy. 

Just here to say that sometimes, circumstances are just better suited to having a dog than a cat. 



Photo by <a href="https://unsplash.com/@majomaya?utm_source=unsplash&utm_medium=referral&utm_content=creditCopyText">Yan Laurichesse</a> on <a href="https://unsplash.com/s/photos/cat-and-dog?utm_source=unsplash&utm_medium=referral&utm_content=creditCopyText">Unsplash</a>
Como aumentar o lucro na mineração de chia (para pequenos fazendeiros ou iniciantes)
Tags: chia, plots, minerar, lucro
Published: 2021-08-01 00:50:48

Após o BUUUM inicial do desenvolvimento da criptomoeda chia - chegando a valer mais de 1000$ - a busca por HDS e SSDS aumentou drasticamente. Isso demonstrou o potencial que essa nova criptomoeda possui. Assim, para ajudar microfazendeiros, irei fazer uma lista que crescerá de acordo com minhas novas publicações no DEV.TO sobre isso. 

Algumas técnicas podem aumentar o ganho e diminuir o gasto para quem deseja minerar chias hoje, destas cabe destacar as presentes nestes artigos: 
* [Criar plots somente com HDS](https://dev.to/jecrs687/criando-plots-chias-em-hds-usando-o-maximo-de-desempenho-no-linux-4ecf)
* [Como usar SSDS menores que 249GB](https://dev.to/jecrs687/criar-plots-em-ssds-com-menos-de-249g-livres-linux-2o0e)

Qualquer dúvida respondo nos comentários 🙂👌
Salvar arquivos maiores que o tamanho do SSD (linux)
Tags: chia, ssds, mergerfs, linux
Published: 2021-08-01 00:49:33

<p>Para resolver esse problema, sugiro o uso de duas tecnologias: mergerfs e RAID 0. </p> 
<p>O Mergefs é um gerenciador de sistemas de arquivos que cria um diretório fictício e manipula a destinação do arquivo para preencher dois ou mais discos, fazendo com que pareçam estar na mesma pasta. Isso permite que o espaço de um HD complemente o espaço disponível no SSD, e o potencial máximo do SSD seja utilizado. A única diminuição ocorre no momento em que o mergerfs começa a enviar e ler os arquivos no HD. A documentação do mergerfs está disponível no <a href="https://github.com/trapexit/mergerfs">GitHub</a>.</p>
<p> É recomendável utilizar uma RAID 0 de HDS para evitar uma diminuição drástica na velocidade de plotagem. Eu escrevi outro artigo que explica como fazer isso: <a href="https://dev.to/jecrs687/criando-plots-chias-em-hds-usando-o-maximo-de-desempenho-no-linux-4ecf">Tornando hds velhos mais rápidos que um ssd - criando "cluster" de hds</a>.</p>
<p>Se você quiser uma descrição mais detalhada do processo com mergerfs, basta deixar um comentário.</p>
<p>Qualquer dúvida será respondida nos comentários 🙂👌</p>

Poderia me dar um café?
xch: xch1aqle0ecaqnws2rvx2wy4etx97jr7tyszctj979fjq4n4krhzkepqxhged2
My newest open source video game: "Rue"
Tags: gamedev, indiedev, solodev, opensource
Published: 2021-08-01 00:05:45

---
title: My newest open source video game: "Rue"
published: true
description: Alpha release of "Rue", a new video game
tags: gamedev, indiedev, solodev, opensource
cover_image: https://dev-to-uploads.s3.amazonaws.com/uploads/articles/s7gea6ksxyes9v6dpsua.png
---

I'd like to present my newest video game "Rue". This is a card game, where all players sit around a table, with a rose moving from around.

The aim of the game is for each player to deduct the opponent's moves and influence the rose to end in the player's side.

This project is available for free, and is also open-sourced.

It is currently in Alpha, having just the base game implemented. There's a few features and some polish planned, but until then feel free to enjoy the game. It is available for Windows, Linux and Android.

Check out its web page: https://darkdimension.org/games/rue.html
CSS - Box Model
Tags: css, webdev, tutorial
Published: 2021-08-01 00:05:03

## Everything is a Box


#### When I started out in web development, this was one of the first concepts that really helped me understand what was going on. 

#### Every div, image, and paragraph, etc.. are all boxes. Each of these boxes has the same attributes that can be altered to change how they are displayed. 

#### In order from outermost to innermost, these attributes are margin, border, padding, and lastly your content. Below is a graphic that demonstrates this.


![CSS Box Model](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/lnxa043pbd3a3dhuo3nt.png)


## Margin

#### Margin is very helpful to create space on the outside of a box. It is transparent and therefore meant to structure and space out your boxes without changing the inner content. 

## Border


#### Border is typically used to outline the padding and content. It doesn't have to be visible, but can be if given a color. Defining the radius will also round edges of the visible content.

## Padding


#### Padding is also transparent and is used for spacing like margin. However, the important distinction between the two is that padding creates space directly around the content.
 
#### If for instance, the content was a picture, more padding would actually shrink the image. It does not expand the total size of the box, where as margin does.


## Tips and Advice 


#### If you are having a difficult time visualizing what is going on, That is perfectly normal! 

#### The most helpful resource to help you learn, is the development tools that are built into every major browser. 

#### How to use Google Chrome development tools:

1. Open chrome and find a website you want to inspect. 

2. Now, either right click and choose the inspect option, or hit F12. 

3. You should notice a side panel pop up to the right. Inspect the webpage content and you will see the box model layers surrounding the content. 


4. Now comes the fun part where you get to break things! Inspect something and on the right panel, and change one of these box model attributes you just learned about! Ex. Change padding from 20px to 40px. Reload the page when needed.

#### Have Fun, good luck learning, and happy coding!
Create multi-organization composite vue applications dynamically-rendered
Tags: vue
Published: 2021-08-01 00:00:11

Introducing collaborative Vue "front end" platform:
* Vue UIs are rendered dynamically from a json text blob
* Any organization can create an application by submitting such json text blobs
* Any organization can also create Vue components and mixins this way
* Applications can be composed of components from any organization (presented as a single cohesive UI)
* There is a common user-base for all organizations
* Every application and component can have its own "back end" accessed via a URL registered with the system
* Just about any Vue-based application can be "front-ended" on this system
* Applications are published to the system App Store where any user can subscribe to them
* Back-endless prototypes can be create with the system's simple db
* The system has messaging, workflow queues and calendar the content (messages, task and events) of which can contain EMBEDDED APPLICATIONS
* open source under MIT license
* available for test drive now at [system.cloudhaven.net](https://system.cloudhaven.net)

Think of it as common user management/authentication/user-collaboration combined with a Vue-based "UI-as-a-Service" for any full-stack application back-end but where multi-organization composite applications can be created, seamlessly.

See [www.cloudhaven.net](https://www.cloudhaven.net) for more info
OR watch this 2 min [YouTube video](https://www.youtube.com/watch?v=h9Pum1pNB4I&t=12s) for a concise preview