teleren/devto huggingface dataset:
Data Structures in GO
Tags: go, datastructures, beginners, programming
Published: 2021-05-31 02:32:47

Over the past couple of months we have been working on creating some really crucial content on one of the most evolved and interesting languages to have taken shape in recents times ,ie, "Go" .This content is a must for any upcoming developer who wants to understand the inner workings of not only this language but also computer science in general.Please read, review and let me know your thought process around the same.You can view our learnings at the following location: https://gochronicles.com/tag/data-structures-in-go/
JavaScript is short-lived
Published: 2021-04-16 08:02:28

So you're creating some front end stuff? Here is a cruel fact for you! That awesome JavaScript you just wrote? In five years it probably won't be there, or no longer be needed.

Not that there is nothing wrong with it. The thing with JavaScript is that it keeps on evolving and the nature of code is to change. A well written code is boring and easy to replace when needs change. It might not always be replaced with a better solution, but it will be replaced as long as the project remains actively developed.

In comparison HTML is very different. With HTML you need to end up with a solid structure and foundation, it needs to be accessible and good for search engines. There are only limited ways you can go with it. JavaScript and thus ARIA enhanced HTML gives a bit more variety and possibilities, but most often you really don't want to reinvent a thing if HTML and standards provide a working solution.

Once you've written HTML that works for the use case for everyone you shouldn't have a need to change it, because change risks breaking it for some user.

The sad thing of these times is that in many tools HTML/DOM has been abstracted behind hard-to-see layers and most of your focus is on JavaScript code instead, which may also be abstracted to something different such as components and JSX.

Maybe the next project should be written with HTML and CSS being more visible, not hidden behind layers of JavaScript components.
[PT-BR] A Sala das Duas Verdades
Tags: showdev, gamedev
Published: 2021-05-31 02:27:36

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/39kxshwv030vfixoanv0.png)

A Sala das Duas Verdades é o lugar onde se realiza a pesagem do coração das pessoas mortas. Várias delas estão enfileiradas num corredor escuro, que leva à uma grande porta, para a qual você se dirige lentamente.

Essas almas esperam para descobrir o destino que as aguarda, se irão para o Paraíso de Aaru ou se serão jogadas para Ammit, o Devorador de Almas. Será você quem decidirá se vai seguir o caminho da Mente e da Razão ou o caminho do Coração e da Emoção. Escolha apenas um deles.

Duas pessoas julgadas, dois caminhos possíveis. Mas você tem apenas uma escolha.

Jogo realizado durante a Game Jam das Minas 2021 pela equipe da mesa 2 apelidada carinhosamente como Uma mistura do Brasil com o Egito.

Convido todos vocês a testarem nosso joguinho e nos mandarem suas impressões e comentários acesse pelo [link](https://lnkd.in/e5DwX3D)

Visite também repositório do jogo no github onde estão disponíveis os códigos acesse pelo [link](https://github.com/celenny/Jamdasminas21)
Playlists and albums I've been listening to while I code, 2021 edition
Published: 2021-05-31 02:19:51

I plan to grow this list over the next couple of weeks. Enjoy!

## Playlists

{% spotify spotify:playlist:0cyH0TxFDgCQ2gQbs6shh2 %}
{% spotify spotify:playlist:5QjgJ20xSbkyfDY2iPERtz %}
{% spotify spotify:playlist:37i9dQZF1DX55dNU0PWnO5 %}
{% spotify spotify:playlist:6dlwJYNRdkTfZMALZclyIx %}
{% spotify spotify:playlist:2VYGEyET93LVLjG4FFpjMQ %}
SiaSearch partners with Virtual Mechanics Corporation (VMC) to accelerate ADAS development in Japan
Tags: datascience, machinelearning
Published: 2021-05-31 02:17:47

[SiaSearch](https://www.siasearch.io/), a Berlin-based AI startup, has announced their partnership with [Virtual Mechanics Corporation (VMC)](https://vmc.jp/) to accelerate ADAS development in Japan. Virtual Mechanics Corporation has over 20 years of experience and established relationships within the Japanese automotive industry. As the sole distributor of the SiaSearch product in Japan, Virtual Mechanics Corporation will promote the adoption of SiaSearch in the Japanese market.

Via web-based GUI or programmatic API, SiaSearch makes it 10x easier and faster for developers to explore, understand, and share large amounts of visual data.

- Structure - Automatically index, structure, and evaluate raw sensor data on a petabyte-scale, based on semantic attributes and keywords from a catalog of over 50 events and attributes
- Analyze - Quickly visualize your data, making full use of the extracted attributes and run more targeted analyses to improve your models.
- Search - Use custom attributes to efficiently find and select the data from your&nbsp;entire data lake.
- Collaborate - Save, edit, version, comment and share frames, sequences or objects with colleagues or 3rd parties.

“At Virtual Mechanics Corporation, we are laser focused on driving innovation within the mobility industry,” said Eiji Takita, CEO of Virtual Mechanics Corporation. “In working with SiaSearch, we have secured a partner with deep technical capabilities to help accelerate autonomous driving innovation in Japan.”

“Our distribution partnership with Virtual Mechanics Corporation opens up new and exciting opportunities to accelerate autonomous driving innovation in the Japanese market,” said Clemens Viernickel, CEO of SiaSearch. “We are beyond excited to be working with some of the globally leading automotive companies in Japan through this arrangement. The partnership represents an important milestone for us, and we will continue to pave the path of adoption of SiaSearch abroad.”

**About SiaSearch**
SiaSearch is a Berlin-based AI company on a mission to power automated mobility solutions of tomorrow with a truly scalable data infrastructure. The category-leading sensor management platform for automated driving, SiaSearch is currently in use by leading automotive OEMs, Tier 1 suppliers, and global technology companies.
For more information, visit https://www.siasearch.io/

**About Virtual Mechanics Corporation (VMC)**
Virtual Mechanics Corporation is working on vehicle dynamics simulation software to simulate driving in a virtual environment and its application technology. Leading customers, the developer and partner companies, Virtual Mechanics Corporation plays a pivotal role in innovation, allowing customers to expedite their research and development.
For more details, please visit https://vmc.jp/siasearch/ (information in Japanese)
Open Source Super Fast Covid19 Parser and Dashboard
Tags: covid19, superfast, opensource, actions
Published: 2021-05-31 02:12:27

---
title: Open Source Super Fast Covid19 Parser and Dashboard
published: true
description: Open Source Super Fast Covid19 Parser and Dashboard
tags: covid19,superfast,opensource,actions
cover_image: https://www.covid19.earth/COVID19.png
---

### COVID-19 Dashboard and parser
Open Source Super Fast COVID-19 Dashboard and parser

#### Purpose

1.  Develop awareness among the public.
2.  Visualized the data for everyone to understand.
3.  Gather data for research/experiences.

#### Features

1.  Parse data from government websites automatically daily, automated using GitHub Action of multiple countries.
2.  Parse data from WHO automatically on every Monday, automated using GitHub Actions
3.  Dashboard to visualize data.
4.  Publicly Data downloading.
5.  Multiple country handling frontend.
6.  Super Fast performance
7.  Fully customizable for  `country`  website for more info look  [Contribution guideline](https://github.com/lablnet/covid19/blob/master/CONTRIBUTING.md)

repo link: https://github.com/lablnet/covid19
Web link: https://www.covid19.earth
Working with Javascript Events
Tags: javascript, webdev, codenewbie, beginners
Published: 2021-05-31 02:08:17

The motivation of the web development is to provide a web experience that provides pages of information and allows a way for users a way to interact with the information. Javascript serves as the backbone of web in making web pages interactive through events. 

A javascript event is an action that happens after you interact with elements on a web page like clicking a button or typing into a form. 

Javascript is responsible for three parts as it relates to events. The first is recognizing events,  manipulating the DOM(document object model), and sending messages to the server. 

### Event Listeners

The work of adding events to pages may call this eventing and starts with adding an event listener to an element. 

The event listener recognizes whenever a user interacts with the attached element. 

It consists of an event type and a callback function that is invoked after the event is triggered. 

```html 
<!- Adding an event listener ->
<button>Shiny Button</button>
```
```javascript
// First, we grab our button element.
const shinyButton = document.querySelector("button");

// Next, we attach our event listener with a click event.
shinyButton.addEventListener("click", () => {
   console.log("Clicked!");
});
```

### Event Handler

The event handler is identified by the function in the event listener that handles what to do with an event after the event listener is triggered. 

```javascript 

// Here are using a event to alert any key event
window.addEventListener("keydown", event => {
      // We are now inside the event handler
      alert(`You pressed key: ${event.key}`);
});
```

### Event Object 

The event is represented by a javascript object that contains helpful properties like the event target and the event type. The event object is passed through the event listener to the event handler. 

### Eventing in Action

```html
<!- Creating an name input form ->
<form id="form">
  <label>Name: <input type="text"></label>
  <br><br>
  <button type="submit">Submit</button>
</form>

<!- We will display a name here ->
<p id="name"></p>
```
```javascript
// Adding the event handler
function onSubmit(event) {
  event.preventDefault();
  name.textContent = `Hi ${event.target.value}!`;
}

// Adding the event listener
const form = document.getElementById('form');
const name = document.getElementById('name');
form.addEventListener('submit', onSubmit);
```

### Let's chat about Events
Javascript events make up an important part of the web and we've covered a few ways of working with events. If you enjoyed this post feel free to leave a comment about your thoughts and experiences working with javascript events.

Happy Coding,
Terry Threatt
VirtualBox installation error in Linux - Error: Dependency is not satisfiable: libc6 (>=2.28)
Tags: linux, tutorial, beginners, devops
Published: 2021-05-31 02:05:01

![Dependency is not satisfiable: libc6 (>=2.28)](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/l4erhlph4svkpgojdkr3.png)
<br>
This is one of the strange problems of VirtualBox which drives me crazy until I figured out, how simple the solution was.

If you are running from the same problem, don't worry. Just make sure you are using the right installer for your distribution/OS

By the way, `Error: Dependency is not satisfiable: libc6 (>=2.28)` or `libc6 (>=2.29)` is referred to as the same problem


OK, Let me explain a bit further,  A few months ago I was wanted to install VirtualBox on my **Linux Mint** computer, So, I went to the VirtualBox Official website (https://www.virtualbox.org/wiki/Linux_Downloads) but I won't found the installer for **Linux Mint** Version there ( It's still not present here as you can see in the picture below)

![VirtualBox versions](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/cwannry4yyr0mxgilk6c.png)

So, I choose  `Ubuntu 19.10 / 20.04 / 20.10 / 21.04` from the available list because I knew **Linux Mint** is based on **Ubuntu**. so, whatever works on Ubuntu should be work on Linux Mint as well. It was not a big deal. But in the installation, it just won't worked and threw this `Dependency is not satisfiable: libc6 (>=2.28)` error.

![Ubuntu 19.10 / 20.04 / 20.10 / 21.04](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/d3s9fnrnapdunxxew37b.png)

At that moment I reconsider my OS. I was using **Linux Mint 19.3 Cinnamon**. OS version placed a critical role here. I simply Googled "**Linux Mint 19.3 Ubuntu Version**"  and found **Mint 19.3** is based on **Ubuntu 18.04** . 

I revisit the download page and download it again but now from the  `Ubuntu 18.04 / 18.10 / 19.04`  option and run the installer and Guess what, It was running absolutely fine without any issue. Through the installer required some extra dependency, not an issue, just allowed it

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

Maybe you downloaded the `Debian 10` version installer, not working.. then download it for `Debian 9`. `Fedora 33/34` not working... download it for `Fedora 32`. Just make sure that **the VirtualBox installer is compatible with your OS version** :)

##OR,

just download the VirtualBox from the `Software Center`. that will work fine too

Share your thoughts if you find something more interesting...

##[Watch on YouTube](https://www.youtube.com/watch?v=1K2zx32tBwA)

Thanks for reading. Have a great day :)

Coffee https://www.buymeacoffee.com/rahedmir
sfruttare al massimo il giorno del loro matrimonio
Tags: robe
Published: 2021-05-31 01:58:29


Il matrimonio fai da te di Danielle e Mark a Riverside Farm è pieno di fascino rustico, Gran parte della decorazione e dei dettagli realizzati da progetti fai-da-te sono stati uno sforzo di squadra di familiari e amici che hanno aiutato Danielle e Mark a creare il loro matrimonio da sogno, Con l'aiuto della loro coordinatrice del giorno Veronica Joy Events e della coordinatrice del locale Kim Gillne.it, la coppia felice ha potuto rilassarsi e godersi appieno il giorno del matrimonio. Vermont Farms Catering e The Whole Food Lady hanno creato un delizioso menu 100% senza glutine per Danielle e Mark e i loro ospiti! Tutti i dettagli personali e il dolce amore tra Danielle e Mark sono stati fotografati da Eden Strader.

Abbiamo iniziato molto presto a sostituire la parola "stress" con la parola "eccitazione". Ha aiutato a mantenere le cose chiare e in prospettiva :)
​http://www.gillne.it

Ci siamo conosciuti al New York Times ed entrambi adoriamo viaggiare vestiti da sposa economici, quindi ho pensato che sarebbe stato appropriato se la nostra lettera di benvenuto prendesse la forma di un articolo di 36 ore. Scritto e assemblato da noi, i clienti hanno trovato nella loro camera una copia dell'articolo personalizzato per luogo di sistemazione, Abbiamo scritto una nota a ogni ospite per far loro sapere quanto eravamo entusiasti di festeggiare con loro e ringraziarli per aver fatto il viaggio in Vermont! Hanno anche trovato 2 bottiglie d'acqua e un pacchetto di mix di tracce e un pacchetto di orsetti gommosi riempito da noi. Le bottiglie d'acqua avevano un logo personalizzato con "Happy Trails" e la borsa da trail mix aveva un logo abbinato con "The Perfect Mix".
Is It A Boolean?
Tags: javascript, tutorial, beginners, devops
Published: 2021-05-31 01:53:20

* Check if a value is classified as a boolean primitive. Return `true` or `false`.
* Boolean primitives are `true` and `false`.
* Hint:
This program is very simple, the trick is to understand what a boolean primitive is. The programs requires a true or false answer.

1. You will need to check for the type of the parameter to see if it is a boolean.

2.To check for the type of a parameter, you can use typeof.

3.Since you must return true or false you can use if statements or just have it return the boolean used for the if statement.
```
function booWho(bool) {
  return bool;
}

booWho(null);
```
* Answer:
```
function booWho(bool) {
  if (typeof bool === "boolean") {
    return true;
  }
  return false;
}

console.log(booWho(null)); // will display false
We Need To Return The Element From An Array That Passes A Function
Tags: javascript, tutorial, beginners, devops
Published: 2021-05-31 01:45:48

* Create a function that looks through an array `arr` and returns the first element in it that passes a 'truth test'. This means that given an element `x`, the 'truth test' is passed if `func(x)` is `true`. If no element passes the test, return `undefined`.
```
function findElement(arr, func) {
  let num = 0;
  return num;
}

findElement([1, 2, 3, 4], num => num % 2 === 0);
```
* Notes:
 If a number is evenly divisible by 2 with no remainder, then it is even. You can calculate the remainder with the modulo operator % like this num % 2 == 0 . If a number divided by 2 leaves a remainder of 1, then the number is odd. You can check for this using num % 2 == 1 . 
 1 % 2 = 1 because its odd
 2 % 2 = 0 because its even
 4 % 2 = 0 because its even
*Answer:
```
function findElement(arr, func) {
  for (let i = 0; i < arr.length; i++)
  if (func(arr[i])) {
    return arr[i];
  }
  return undefined;
}

console.log(findElement([1, 2, 3, 4], num => num % 2 === 0)); // will display 4
```
Web Threats
Tags: webserverattacks, ccybersecurity, webthreats, vulnerability
Published: 2021-05-31 01:34:39

👨‍💻What is a web application? | What are Web Threats?🗳

A web application (aka website) is an application based on the client-server model. The server provides the database access and the business logic. It is hosted on a web server. The client application runs on the client web browser. Web applications are usually written in languages such as Java, C#, and VB.Net, PHP, ColdFusion Markup Language, etc. the database engines used in web applications include MySQL, MS SQL Server, PostgreSQL, SQLite, etc.

Most web applications are hosted on public servers accessible via the Internet. This makes them vulnerable to attacks due to easy accessibility. The following are common web application threats.

SQL Injection – the goal of this threat could be to bypass login algorithms, sabotage the data, etc.

Denial of Service Attacks – the goal of this threat could be to deny legitimate users access to the resource

Cross Site Scripting XSS – the goal of this threat could be to inject code that can be executed on the client side browser.

Cookie/Session Poisoning – the goal of this threat is to modify cookies/session data by an attacker to gain unauthorized access.

Form Tampering – the goal of this threat is to modify form data such as prices in e-commerce applications so that the attacker can get items at reduced prices.

Code Injection – the goal of this threat is to inject code such as PHP, Python, etc. that can be executed on the server. The code can install backdoors, reveal sensitive information, etc.

Defacement – the goal of this threat is to modify the page been displayed on a website and redirecting all page requests to a single page that contains the attacker’s message.
Single Responsibility Principle (SRP) in 100 seconds
Tags: javascript, webdev, design, architecture
Published: 2021-05-31 01:20:32

## :bulb: What does SRP stand for?
**The single responsibility principle (SRP)** is a programming principle that states that every module, class or function in a computer program should have responsibility over a single part of that program's functionality, and it should encapsulate that part. All of that module, class or function's services should be narrowly aligned with that responsibility.
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ii2k081mdyf0b8m9l51b.png)

## :bust_in_silhouette: Origination
The term was introduced by Robert C. Martin (colloquially called *Uncle Bob*, an American software engineer, instructor, and best-selling author) in an article by the same name as part of his *Principles of Object Oriented Design*.
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/rhomhz1xyb29xq4rifx3.jpg)

## :speech_balloon: Quotes
- *A class should have one, and only one, reason to change.* (Robert C. Martin)
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/2syb5i3n481f1msiw0rf.gif)

## :open_mouth: Why SRP?
- Functions/ Modules/ Classes that have only one responsibility are much easier to explain, understand, implement and test than a one-for-all one.
- Prevents unexpected side-effects of future changes. The more responsibilities your function/ module/ class has, the more often you need to change it.

## :nose: SRP Violation Smells
- One class currently depends on many other classes.
- Big classes with lots of methods.
- A function that has too many lines of code.
- Constantly interfere with other developers on the same function/ module/ class despite working on different functionality.
- Top n functions/ modules/ classes that changed most often.

## :memo: Side Notes
- Not oversimplify your code by creating classes with just one function. There is no point in having multiple classes that just contain one function.

## :bulb: Tips
- Asking a simple question before you make any changes: *What is the responsibility of your function/ module/ class/ etc?*

- If your answer includes the word **and**, you're most likely breaking the single responsibility principle. That's the time to take a step back and rethink your current approach to find a better one.
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/21zmch9lev4txn608nhm.jpg)

## :iphone: Keep in Touch
If you like this article, don't forget to follow and stay in touch with my latest ones in the future by following me via:

- **Twitter:** https://twitter.com/RichardWynn01
- **Medium:** https://richard-wynn.medium.com
- **Github:** https://github.com/richard-wynn

## :newspaper: Other Programming Principles
Be interested? :smiley: You can visit the links below read my other posts in my programming principles series 
- [YAGNI Principle in 100 seconds](https://dev.to/richardwynn/yagni-principle-in-100-seconds-1i6j)
- [KISS Design Principle in 100 seconds](https://dev.to/richardwynn/kiss-design-principle-in-100-seconds-3ca6)
JavaScript Event Listeners
Tags: javascript
Published: 2021-05-31 01:05:20

On this blog I will teach how to create a flip card with event listeners.

The first step is to write your code in HTML starting with the generic syntax and including the external files.

```html
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="style.css">
</head>
<h1>Movie Card</h1>
<body>
    <!--card 1-->
    <div class="card">
        <div class="card_inner">
        <div class="card_face card_face--front">
            <h3>“Let me explain something to you. Um, I am not “Mr. Lebowski”. You’re Mr. Lebowski. I’m the Dude. So that’s what you call me. You know, that or, uh, His Dudeness, or uh, Duder, or El Duderino if you’re not into the whole brevity thing.”
            </h3>

    <script src="movieCard.js"></script>
</body>
</html>
```

Lets add a div tag with a class attribute, then two more divs nested inside the main div. We will need an h1 tag for the title, follow by and image tag to insert the image source. 

```html
       <div class="card_face card_face--back">
            <div class="card_content">
                <div class="card_header">
                   <h1>The Big Lebowski</h1>
                    <img src="./images/big_lewoski.jpg" alt="" class="movie-info"/>
                    <h2>The Big Lewoski</h2>
                    </div>
                    </p>
                    
                </div>
            </div>
        </div>
    </div>
</div>
  ```

To make the card flip, all you have to do is select the ".card_inner" attribute and implement an event listener as illustrated below. 

```javascript

const card = document.querySelector('.card_inner');
card.addEventListener('click', () => {
    card.classList.toggle('is-flipped');
}) 
```

### Here's the final piece
{% codepen https://codepen.io/soulchick25/pen/ZEeajWZ %}

Photo by Jopwell from Pexels