teleren/devto huggingface dataset:
Hiring - Software Developer
Tags: hiring, career, html, programming
Published: 2021-04-28 23:21:04

Hi Developers!

[Colonist.io](https://colonist.io) a web-based online game with a million monthly players is currently in need of software developers: 

Software developers - entry to senior level

Will use technologies depending on position;

- **Frontend:** Pixi.js, Typescript, EJS, HTML5, CSS
- **Backend:** Node.js, Typescript, PostgreSQL, Docker

**Essential Functions:**

- Implementing new features, updating existing features & fixing bugsWriting unit tests
- Working with the team, managers & players
- Working with testers to identify & fix bugs
- Doing many other tasks which may be necessary

**Requirements:**

- English: Ability to efficiently communicate in English. Naturally and effortlessly write sentences and paragraphs to communicate with our players and the team.
- Internet Native: Knows how to use various software tools, social media, document editors, spreadsheets, meme makers, torrent, proxy, etc.
- Inventor: Loves exploring new tools. Researches and discovers new ways to get things done. Loves to invent new methods.
- Doer: Outgoing and straight-shooting type. Doesn't wait for answers, goes out, and gets shit done.
- Self Improver: Ready to evolve up to the next level when their tasks, job, or role changes.
- PC Gamer: Where else would you play?

**Other details:**

- Location: Remote
- Schedule working hours: Flexible
- Start Date: Sooner than later

For interested applicants, send an email here: 
**mayla@colonist.io** with the title _**“Colonist Developer Application - [Yourname]”**_ body including 2 sentences about you with your portfolio attached.
Data Visualization with Pandas and Matplotlib: General Syntax
Tags: python, datascience, pandas, matplotlib
Published: 2021-04-28 23:15:24

#_Note_: The numbers attributed to figsize in the code below can be changed to whatever the analyst sees as most suitable.

>>>Import pandas as pd
If you're using notebooks, using inline allows you to view your lines in the notebook
>>>% matplotlib inline

>>>df = pd.read_csv('name_of_csv_file.csv')
df.info()

###To view histograms of your dataframe
>>>df.hist()


###You can control the size of the output histograms by adding it in the parentheses and add a semicolon to suppress any noise
>>>df.hist(figsize = (8, 8));

###You can call that function on a specific variable in the data set
>>>df['name_of_column'].hist()

##A more generalized formula is as follows:
>>>df['name_of_column'].plot(kind='hist');


###If you're looking to create a bar or a pie chart for one of the variables, you'll need the counts of each distinct value or bar, which you can get through:
>>>df['name_of_variable/column'].value_counts()

###Then add the visualization of the bar chart:
>>>df['name_of_variable/column'].value_counts().plot(kind='bar');

###As for the pie chart:
>>>df['name_of_variable/column'].value_counts().plot(kind='pie', figsize = (8, 8));

_As you can see, we also determined the size of the pie chart_

##To get insights into all numerical variables as well as histograms for each:
>>>pd.plotting.scatter_matrix(df_file, figsize = (15, 15));

###To get one scatter plot function with parameters to specify the columns that will be used for X and Y axes:
>>>df.plot(x='paramter1', y='parameter2', kind='scatter');

###To create a box plot:
df['name_of_variable'].plot(kind='box');
Introducing Klarg v0.0.1
Tags: python, showdev
Published: 2021-04-28 23:04:30

**WARNING: A terrible sense of humor lies below**

Introducing klarg v0.0.1. _What is klarg?_ You might ask, and I might tell you that it is the result of bad decisions upon bad decisions. Or that it is a dead simple command line argument processing library. But that sounds like bragging. 

_Why should you use it?_ Well, if me making it is not enough, then just look this

```py
# glorious_syntax.py
import klarg

klarg_is_cool = klarg.get_bool("klarg-cool")
if klarg_is_cool: # Not even considering another option 
    print("Klarg is cool")
```

When we do this ...
```sh
python glorious_syntax.py --klarg-cool
```

We get this
```
Klarg is cool
```

You can also configure klarg as easily as you can make a cake. (which by the way, is _very_ easily). I mean, just look at this

```py
import klarg
klarg.config["long_prefix"] = "+"
```

Just like that. We can call that taking advantage of python's awesomeness, just like that. 

Also, there are no third party dependencies. ~~wow, much rare~~

On a more serious note, check it out on [github](https://github.com/tominekan/klarg), it actually is a pretty cool project.

{% github tominekan/klarg %}
Fixing Up Column Names with Pandas
Tags: python, datascience, dataanalysis, analysis
Published: 2021-04-28 22:49:31

#This serves to remove a common word from the names of multiple variables (For example: time_mean, area_mean, etc...)

###remove "_mean" from column names
>>>new_labels = []
>>>for col in df.columns:
    if '_mean' in col:
        new_labels.append(col[:-5])  # exclude last 6 characters
    else:
        new_labels.append(col)

>>>new_labels

###Assigning the new column names to your original data set
>>>df.columns = new_labels

###Display the first few rows of dataframe to make sure that the changes applied
>>>df.head()
🛠 Mapping JPA Entities into DTOs in Spring Boot Using MapStruct
Tags: spring, datascience
Published: 2021-04-28 22:44:45

In multi-layered architectures, data is usually represented differently at each layer. For example, this is what usually happens in client-server applications. In such architectures, communicating between layers may become cumbersome. This can be avoided by harnessing the DTO pattern, which involves defining simple classes to transfer data between layers, thus simplifying communication. The main issue that comes with this approach is that it requires writing a large amount of mapping code, which is an error-prone and tedious task. Thankfully, there is MapStruct, a Java library aimed at avoiding this boilerplate code by automating the mapping process as much as possible.

Firstly, you will dive into the DTO pattern and MapStruct. Then, you will see how to create a demo REST services application aimed at showing how to harness the DTO pattern with MapStruct in Spring Boot in Java.

[Read more...](https://auth0.com/blog/how-to-automatically-map-jpa-entities-into-dtos-in-spring-boot-using-mapstruct/?utm_source=content_synd&utm_medium=sc&utm_campaign=spring_boot)
When Big O Does and Does Not Matter
Tags: bigo, bigonotation, timecomplexity
Published: 2021-04-28 22:38:24

**Abstract:** *There are times when the big O notation of a programming algorithm will not predict performance in a meaningful manner, and then there are times when the opposite is true.&nbsp;  This article attempts to first illustrate why this is the case in abstract terms, and then show a strategy for selecting an optimal algorithm, or in some cases multiple algorithms, to be implemented in a software build.*

Due to the numerous code snippets, graph links, and native image resizing, this article could not be published directly on dev.to and instead is available [here](https://richard-burd.github.io/when_big_o_does_and_does_not_matter) on my personal webpage.

I would appreciate any feedback on errors that this community could bring to my attention; I look forward to making the necessary corrections.
Mi experiencia participando en la NgConf 2021
Tags: angular, webdev, codenewbie, typescript
Published: 2021-04-28 22:36:09

La NgConf es la conferencia mundial de Angular que se organiza en Estados Unidos. Este año, por la coyuntura del Covid-19, el evento pasó a ser virtual. Sin duda, esto permitió que mucha más gente pueda inscribirse como speaker y/o participante.

En este evento se juntan varios de los mejores desarrolladores del mundo que trabajan en empresas como Google, Amazon, Facebook, Uber, Apple, Microsoft, etc. Y es una gran oportunidad para aprender de ellos.

Mi experiencia fue bastante buena ya que pude participar en una **lightning  talk** con un tema que tiene bastante acogida por varios desarrolladores: **Angular and Stencil working together**. Aquí pude explicar de como estas tecnologías trabajan juntas y que beneficios traen a nuestras aplicaciones. La sesión fue grabada y estará en los canales oficiales de la NgConf en unas semanas. 

![NgConf lightning talks](https://media-exp1.licdn.com/dms/image/C4D22AQFVS5dL3Kd8Tw/feedshare-shrink_800/0/1619119301633?e=1622678400&v=beta&t=Nog7kHD-3wRd9cflm2BNAhHi_RrEeWK5ELZRKtysSJQ)

Finalmente, destacar también mi experiencia como participante, aprendí mucho de las tendencias emergentes con diferentes herramientas tecnológicas como Angular, Typescript, etc. Sin duda, una experiencia que volvería a repetir y espero poder volver a ser speaker en la siguiente NgConf 🚀😎
ACTIVELY LOOKING FOR A JOB
Published: 2021-04-28 22:22:46

HTML, CSS, JAVASCRIPT, REACT JS, EXPRESS JS, MATERIAL UI, BOOTSTRAP, SASS, EJS, PYTHON, FAST LEARNER AND HARD WORKING.
I AM ACTIVELY LOOKING FOR A JOB...
AVAILABLE FOR INTERVIEWS, PLEASE GIVE ME SOME HOPE WITH A MAIL: eochade15@gmail.com
Use Destructuring Assignment to Assign Variables from Nested Objects
Tags: tutorial, devops, beginners, javascript
Published: 2021-04-28 22:10:25

* Let's take this for example:
```
const LOCAL_FORECAST = {
  yesterday: { low: 61, high: 75 },
  today: { low: 64, high: 77 },
  tomorrow: { low: 68, high: 80 }
};
```
* Here's how to extract the values of object properties and assign them to variables with the same name:
```
const { today: { low, high }} = LOCAL_FORECAST;
```
* And here's how you can assign an object properties' values to variables with different names:
```
const { today: { low: lowToday, high: highToday }} = LOCAL_FORECAST;
```
```
console.log(lowToday); will display 64
```
We just replace the two assignments with an equivalent destructuring assignment. It should still assign the variables lowToday and highToday the values of today.low and today.high from the LOCAL_FORECAST object.
Essential JavaScript Building Blocks for React
Tags: javascript, react, beginners
Published: 2021-04-28 22:06:12

Recently I had a conversation with my good friend [Julio 🌮](https://twitter.com/julio_codes) about the minimum required JavaScript concepts to get started with React. I realized in that discussion with Julio that I have been building apps with React for over a year now, but I have never considered which JavaScript concepts and patterns are common in React. 

With the help of my other good friend [Katherine](https://twitter.com/katherinecodes), we came up with the following list:

* [array methods: map(), filter(), find() and reduce()](https://dev.to/jamesncox/array-methods-33ii)
* template literals (string interpolation)
* functions/arrow functions
* array destructuring
* object destructuring
* spread operator
* default parameters in functions
* conditionals
* ternaries
* &&, ||, ??
* async functions/promises

Feeling a bit like Spongebob and Gary yet??

![Spongebog and Gary surrounded by an extremely long list](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/anfq70x31h9x73t33v6c.jpg)

If you are looking at this list and feeling overwhelmed, I am confident that when you have completed this series, you will feel much more comfortable diving into React.

The purpose of this **JavaScript Essentials for React** series is two-fold: 
1. Help others trying to break into React. I have strong opinions in favor of learning a framework like React even if your JavaScript isn't as strong as you'd like it to be.
2. Reinforce my own understanding of these core JavaScript concepts. During my talk with Julio, I quickly realized where my own gaps are. Through the process of looking at documentation and coming up with examples to explain a particular fundamental, I felt as though I learned just as much as Julio!

### Disclaimers

* This series focuses on [ES6 JavaScript](https://www.w3schools.com/js/js_es6.asp) 
* Any examples are templated with [Create React App (CRA)](https://reactjs.org/docs/create-a-new-react-app.html) or [CodeSandbox](https://codesandbox.io/)
* All React components/examples will use [functional components](https://reactjs.org/docs/components-and-props.html) and [Hooks](https://reactjs.org/docs/hooks-overview.html)

### Final Thoughts

* Each concept listed above will receive its own post
* I will update this post with a link to each one as they are created
* I will make this post Part 1 in the series
* I might change the order in which I work through this list, depending on if some topics require knowledge of a previous topic.

As always, THANK YOU SO MUCH for reading my posts and I look forward to creating this series and sharing it with everyone. I know there are probably hundreds of similar posts on this topic, but like I previously mentioned, this series is just as much for me as it is for others!

First up is array methods (map, forEach, filter, find, reduce, etc.)

Alright y'all, its...
![Oscar Martinez from The Office saying "Showtime"](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/psbat63fqtdo661gpbh0.gif)
Day 355 : Delivered
Tags: hiphop, code, coding, lifelongdev
Published: 2021-04-28 22:04:48

_liner notes_:
- Professional : Had a townhall meeting and then worked on some stuff that will hopefully help speed up recording our videos and make them both consistent and interesting. That called for spending some time with a new program. Spent some time working on examples.

- Personal : Finally got the video for my talk this week edited. I event added some waiting music during parts where I'm showing demos or playing videos and not talking. Went through this whole process to get the license for a song just to make sure I'm good. After that, uploaded it, sent it to the event organizers and finished watching season 2 of "Dr. Stone". Pretty good. Hope they make another season.

![A single leafless tree in the middle of a desert in Lençóis Maranhenses Park, Brazil at sunset](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ae0o8274req6h77yff5f.jpg)

Of course, I just remembered that I didn't put a link to a demo in my video I recorded, but I did link to where a person could create their own. That's probably better. So I ordered some items for my van. Found out that a local home improvement store could cut the extruded aluminum I'm using. So I ordered a couple of long pieces and have them cut it. The order says it will be delivered in 2 weeks which is WAY LESS than the 3 months and multiple calls it took when I ordered from the other place. We'll see how it works out. Getting really close to start putting the framing together. May start this weekend. Probably go through tracks for this weeks radio show and work on the landing page for my next side project. Got a lot of it done already. Just need to finish up a couple of things and work on another subdomain were people can sign up for push notifications.

Have a great night!

peace piece
Dwane / conshus
https://dwane.io / https://HIPHOPandCODE.com
{% youtube r6yrrqDNRWg %}
Use Destructuring Assignment to Pass an Object as a Function's Parameters
Tags: javascript, devops, tutorial, beginners
Published: 2021-04-28 22:02:05

In some cases, you can destructure the object in a function argument itself.
Let's use destructuring assignment within the argument to the function half to send only max and min inside the function.

```
const stats = {
  max: 56.78,
  standard_deviation: 4.34,
  median: 34.54,
  mode: 23.87,
  min: -0.75,
  average: 35.85
};

const half = ({ max, min }) => (max + min) / 2.0;
```
```
console.log(half(stats)); will display 28.015
```
Downgrading a MacBook Air M1 from macOS 11.3 to 11.2.3
Tags: macos
Published: 2021-04-28 21:53:11

Ahh, Updates. New functions, less bugs (or at least different ones), all wonderful. Updating is a good idea.

Unfortunately life is full of more urgent problems and sometimes one misses the given time window to stop depending on legacy function calls.

I had that issue with a software I absolutely depend on and so I decided to downgrade my first generation MacBook Air M1. After learning that a downgrade is not really foreseen, I thought: If I delete the disk in the recovery mode (when the Mac is switched off, press the on button and hold it for a few seconds to go there), I can reinstall the macOS version the device came with.

Alas, I could not. Somehow the reinstallation procedure downloaded the newest macOS version available, so I had deleted everything for nothing.

I called the very friendly, competent and helpful macOS support. The people there understood my problem and took quite some time to solve my issue, but were also new to the problem (this is the first major release that comes as an update for the new M1 machines) and promised to call me back tomorrow with a solution.

In the meantime I looked around a little further and found one myself and I want to share it with everybody, so that you dear reader will have less trouble than I did.

1. Backup your data
1. Try out your backup
1. Erase your disk in the recovery mode as described in the Apple help text [HT212030](https://support.apple.com/en-us/HT212030)
1. While following the instructions in help text [HT211983](https://support.apple.com/kb/HT211983) at the very end below the headline "Or use Terminal to reinstall
" pay attention to this:
  1. The URI in the last line determines the version that you will install
  1. The URI for different versions of the `InstallAssistant.pkg` is published in a table at [MrMacintosh](https://mrmacintosh.com/macos-big-sur-full-installer-database-download-directly-from-apple/)
1. When you are done with the installation and the first reboot is happening, switch your wifi off and insist that your computer is offline.
1. Check under  -> About this Mac -> Software Update… -> Advanced that macOS updates won't be installed automatically
1. Pay attention to not install them by accident, macOS will nudge you and preselect the OS updates.
1. Connect your Mac to the wifi.
1. Talk to the authors of the software and ask what you can do so they will support the new OS version

That's it. Hopefully it will save all of you more time than I wasted on this topic.
Use Destructuring Assignment to Assign Variables from Objects
Tags: javascript, devops, tutorial, beginners
Published: 2021-04-28 21:38:18

Destructuring allows you to assign a new variable name when extracting values. You can do this by putting the new name after a colon when assigning the value.

* Using the same object from the last example:
```
const HIGH_TEMPERATURES = {
  yesterday: 75,
  today: 77,
  tomorrow: 80
};
```
* Here's how you can give new variable names in the assignment:
```
const { today: highToday, tomorrow: highTomorrow } = HIGH_TEMPERATURES;
```
You may read it as "get the value of HIGH_TEMPERTURES.today and assign it to a new variable named highToday" and so on. The value of highToday would be the value 77 and the value of highTomorrow would be 80.
📱 Background Processing in Android
Tags: android, security
Published: 2021-04-28 21:33:25

🔎 Let’s take a deep look at Android's different options for running operations in the background.

**TL;DR**: Android apps use the main thread to handle UI updates and operations (like user input). Running long-running operations on the main thread can lead to app freezes, unresponsiveness and thus, poor user experience. To mitigate this, long-running operations should be run in the background. Android has several options for running tasks in the background and in this article, we'll look at the recommended options for running different types of tasks.

[Read more...](https://auth0.com/blog/background-processing-in-android/?utm_source=content_synd&utm_medium=sc&utm_campaign=android)
Using Destructuring Assignment to Extract Values from Objects
Tags: javascript, devops, tutorial, beginners
Published: 2021-04-28 21:31:47

Destructuring assignment is special syntax introduced in ES6, for neatly assigning values taken directly from an object.

* Consider the following ES5 code:
```
const HIGH_TEMPERATURES = {
  yesterday: 75,
  today: 77,
  tomorrow: 80
};

const yesterday = HIGH_TEMPERATURES.yesterday;
const today = HIGH_TEMPERATURES.today;
```
* yesterday would have a value of 75, and  would have the value 77.

* Now let's Replace the two assignments with an equivalent destructuring assignment. It should still assign the variables today and tomorrow the values of today and tomorrow from the HIGH_TEMPERATURES object.
```
const { today, tomorrow } = HIGH_TEMPERATURES;
```
```
console.log(today); will display 77
console.log(tomorrow); will display 80
```
How to fix Vetur taking forever to save a file
Published: 2021-04-28 21:10:04

There is [a known bug](https://github.com/vuejs/vetur/issues/2150) in Vetur, the Vue VSCode extension, where it takes forever (sometimes several minutes!) to lint Vue files on save.

This made people very angry because linting a file on save is cool but, uh, you know, nobody wants to wait ages for that.

Luckily there is a very easy workaround where, instead of asking Vetur to use Eslint to lint the file on save, we could do it ourself using the [RunOnSave](https://github.com/emeraldwalk/vscode-runonsave) VSCode extension.

It depends on your local VSCode settings what might work for you exactly but here's what worked for me:

```json
{
    // use eslint to lint files on save...
    "eslint.codeActionsOnSave.mode": "all",
    "editor.codeActionsOnSave": {
        "source.fixAll": true
    },

    // ...except for vue files, where we don't want Vetur + Eslint
    // taking control of the lint (and failing at it)
    "[vue]": {
        "editor.codeActionsOnSave": {
            "source.fixAll": false
        }
    },

    // instead, run Eslint directly
    "emeraldwalk.runonsave": {
        "commands": [
            {
                "match": "\\.vue$",
                "cmd": "npx eslint --fix ${file}"
            }
        ]
    }
}
```
2nd dress of 2021!
Tags: lgbtq, clothing, cosplay, dressingup
Published: 2021-04-28 20:49:48

2nd dress of 2021! I love the length, fabric, cut, & color! Definitely want it in more colors!

I'm new to serious self-photography, turns out, it's a ton of fun! The tripod I use is broken preventing it from raising higher. I use a Samsung S9 for taking the pictures. I'll look around for places outside I can take pictures. Can't take pics elsewhere in the house :(

Exercising for the sake of acquiring a heart shaped booty!

Dress = Walmart: https://walmart.com/ip/Anna-Kaci-Summer-Women-Renaissance-Peasant-Maiden-Boho-Inspired-Cap-Sleeve-Lace-Trim-Dress/444620332
Corset = Dracula Clothing: https://draculaclothing.com/black-satin-extreme-waist-cincher.html
Shoes = Xero Shoes: https://xeroshoes.com/shop/shoes/aptos-women/

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/8gjx4rcq1lovutj1vfco.png)
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/1jq9wv07eor8uw44pjs0.png)
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/wwrxks93786z3c0mym3i.png)
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/lyb3hzdgi4x1mt3b6udd.png)
Headless BI stack with PostgreSQL - we want your feedback on the product!

Tags: docker, analytics, database, datascience
Published: 2021-04-28 20:47:07

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/wcmto7brl4dczecv7hl1.gif)

https://use.gd/decouple_your_bi_stack

This article demonstrates a decoupled headless BI stack that can be deployed to a Kubernetes cluster or to a Docker container on your local machine. We released this free community cloud-native version of our platform a few weeks ago: https://hub.docker.com/r/gooddata/gooddata-cn-ce. 

Your feedback on the product will be valuable. The docker image comes with Postgres containing demo data, but you can use your data source. 

Thanks!