teleren/devto huggingface dataset:
I Got An Innovative Social Media Productivity App Idea. Yes. Productivity
Tags: showdev, startup, contributorswanted, discuss
Published: 2021-03-23 17:04:21

I am quite new to development, and I am new to this awesome community I found at dev.to... 

I have this idea for a social media productivity app (which I think will be open-source), so I'm posing here at this community to see if anyone is interested. 

Look at the research. Humans are wasting the precious time of our life scrolling often mindlessly through social media, without a single productivity... and we are doing this while we face many threats to our world... yet we are trapped. 

Research by the World Health Organization estimates that a person will spend over SIX years of their 72 years on earth on social media... and that's insane. But together, we can work to fix this. 

https://www.broadbandsearch.net/blog/average-daily-time-on-social-media

The app is called Social Eclipse, and what makes this app special is that it completely empowers individuals to take control of the time and content they consume online, especially on social media, without using the annoying parental-like blocking feature.

It first works by combining the APIs of different social media, integrating the chats and feeds into a single streamlined feed. Then, users will set how many minutes they want to spend online/social media, and with user data and machine learning, a limited amount of optimized content would be provided based on that... that's the idea. Get people back in control of the algorithms that waste days and months of our lives. 

The project can be found here: https://github.com/SocialEclipse

I haven't built anything, and I am looking for a co-founder... and others who are interested in this cool prject.

I'll love to hear your guys' and gals' feedback, so please type away your thoughts in the comments!
Как взять кредит без отказа в Украине?
Published: 2021-03-23 16:57:52

1. С какого возраста можно оформить кредит online

Все компании заключают кредитный договор с право- и дееспособным клиентом, который достиг совершеннолетия, т.е заемщик может рассчитывать на онлайн кредит с 18 лет без отказа. Граничный возраст, в среднем, достигает 65 лет, а некоторые МФО делают послабления, расширяя возрастной диапазон на онлайн кредит до 70 лет. В редких случаях есть интернет кредитование до 90 лет. Такая политика может отражаться на процентной ставке.

2. Кто может получить кредит онлайн 24/7 без отказа в Украине

Оформить онлайн кредит может только гражданин Украины, который имеет прописку места жительства на территории Украины (кроме неподконтрольной территории Донбасса и Крыма).

3. Какие документы необходимо для оформления онлайн заявки

Онлайн кредит без документов невозможен, но при этом пакет документов будет минимальный, только паспорт и код (идентификационный номер).

4. Что необходимо кроме документов, чтобы оформить быстрый кредит онлайн в Украине

В обязательном порядке у клиента должна быть в наличии активная банковская карта любого украинского банка, выданная на имя Заемщика. Для регистрации на сайте МФО и связи с клиентом требуется наличие постоянного личного мобильного номера, на который будет выслано SMS сообщение с кодом подтверждения.

В дальнейшем номер телефона может служить для входа в личный кабинет и для того, чтобы оплатить кредит. Некоторые компании могут принять заявку без электронной почты, но чаще всего это является обязательным полем для заполнения, поэтому лучше завести электронный ящик, перед тем как обратиться за кредитом.

5. Микрофинансовые компании выдают деньги без поручителей и без залога.

МФО также могут предоставить кредит онлайн безработным или лицам без официального трудоустройства, не запрашивая справку о доходах.

https://zaimodobren.com.ua/ru/kredit-bez-otkaza/
Reactive Rails: Comparing StimulusReflex and Hotwire
Tags: rails, javascript, hotwire, stimulusreflex
Published: 2021-03-23 16:55:14

In the final post in our series on Reactive Rails, we compare and contrast Hotwire and StimulusReflex and discuss the situation where each might be appropriate for a particular task. This last post provides high-level guidance when making decisions around Reactive Rails implementations.

[Reactive Rails: Comparing StimulusReflex and Hotwire](https://www.beflagrant.com/blog/reactive-rails-comparing-stimulusreflex-and-hotwire)
How to Encrypt Files on Linux?
Published: 2021-03-23 16:52:03

 How to encrypt files on linux?

There are various commands for encrypting files on Linux. You can use file permission option to limit the access of file contents but the more effective limiting of access on files can be done by choosing the file encryption option. The encryption of files in Linux means that a file is altered with commands and tools of Linux and it is unusable and unreadable for everyone unless the owner did not reverse the process of encryption. The size of the file is not reduced while encryption in Linux unless compression is not used for it. The encryption might make some files larger.

 

While preparing the file to encrypt there are some things which you need to keep in mind and those are how you intend to use it, how to manage keys of file decryption, and check whether the original file remains in the original system or replace from the place after encryption. Every user’s top priority is security and the user wants to secure sensitive information.

 

WAYS OF ENCRYPTING FILES ON LINUX

[Read here](https://comparecheapssl.com/how-to-encrypt-files-on-linux/)
The 7 Most Popular DEV Posts from the Past Week
Tags: top7
Published: 2021-03-23 16:47:20

---
title: The 7 Most Popular DEV Posts from the Past Week
published: true
description: A round up of the most-read and most-loved contributions from the community this past week.
tags: icymi
cover_image: https://thepracticaldev.s3.amazonaws.com/i/sfwcvweirpf2qka2lg2b.png
---
_Every Tuesday we round up the previous week's top posts based on traffic, engagement, and a hint of editorial curation. The typical week starts on Monday and ends on Sunday, but don't worry, we take into account posts that are published later in the week. ❤️_

## Front end education — from free to affordable

A well-curated list of resources can be a powerful tool when it comes to your developer education. Thanks to @adiatiayu for putting this thoughtful collection together!


{% link https://dev.to/adiatiayu/10-free-and-affordable-resources-to-learn-frontend-web-development-1ehb %}

## Write the post you wish you see on the internet

@carstenbehrens was having a hard time finding the perspective of a German self-taught developer — so they wrote one!


{% link https://dev.to/carstenbehrens/how-i-became-a-professional-self-taught-developer-in-germany-while-working-a-full-time-job-djd %}

## The three W’s of Jenkins

Great work on this Jenkins primer, @mariehposa! If you’re looking for more info on the what, when, and why of Jenkins, look no further!


{% link https://dev.to/mariehposa/achieving-continuous-integration-and-deployment-with-jenkins-4d6k %}

## Build an understanding of architecture diagrams

In this article, @allenheltondev shares the 5 different types of diagrams you should make depending on 5 different audiences. Super fascinating and interesting. 


{% link https://dev.to/aws-builders/solutions-architect-tips-the-5-types-of-architecture-diagrams-3pl3  %}


## Pure vs Impure? That is the question.

As @sanspanic says, outwardly inaccessible words can be demystified pretty easily. That’s exactly what this post seeks to do with pure vs impure functions. 


{% link https://dev.to/sanspanic/pure-vs-impure-functions-50aj %}


## Documentation is HARD!

“[When it comes to documentation] your first step is to admit to pretty much anyone and everyone, including yourself, that this is hard.”

-@missamarakay

Great read on an important topic 👀

{% link https://dev.to/missamarakay/measuring-successful-documentation-3hc8 %}

## To debounce or throttle? It depends.

@anuradha9712 explains that both debouncing and throttling are meant for performance optimization -- and the answer about which to use depends on the context. Take a look!


{% link https://dev.to/anuradha9712/debouncing-v-s-throttling-lb2 %}

_That's it for our weekly wrap up! Keep an eye on dev.to this week for daily content and discussions...and if you miss anything, we'll be sure to recap it next Monday!_
Kotlin in the backend, Spring with Kotlin
Tags: kotlin, spring, software, programming
Published: 2021-03-23 16:28:57

---
title: Kotlin in the backend, Spring with Kotlin
published: true
description: 
tags: kotlin,spring,software,programming 
cover_image: https://miro.medium.com/max/700/1*FtLAwt57yL-p2GUtNg-zgA.png
---

For those of you who don’t know, Kotlin is a statically typed programming language designed by Jetbrains, it’s the official language for the development of native android applications, but what you may not know is that you can use Kotlin to develop your server-side applications.
There are many libraries and frameworks which allow you to create your backend using Kotlin, such as Ktor and Spring.
In this article, we will take a look into using Kotlin together with the Spring framework.

Rest of this article:
https://rodrigo-silva96.medium.com/kotlin-in-the-backend-spring-with-kotlin-7a6b25e3a771
Git aliases
Tags: linux, devops, github, discuss
Published: 2021-03-23 16:25:44

## Introduction

Everyone wants to work faster, easier and one way to achieve this is to simplify their daily tasks with simple scripts or with creating aliases to run long commands that they often forget or just tired of typing them over and over again.

If you're not using any GUI for Git or using Visual Studio Code alongside Git you can definitely take advantage of the Git aliases to make things easier for you. If you want to learn how you can use Visual Studio Code with Git check out this article here:

[Version control with Visual Studio Code](https://devdojo.com/alexg/version-control-with-visual-studio-code-1)

## How to create Git Aliases

With Git you can create aliases to speed up your process and this is something really easy to configure.
All you need to do is to put them in your `.gitconfig` file and that's it. You can set aliases for the git commands you used the most as this is basically the general idea of using aliases, to speed up your workflow. I'll list the most commonly used commands and how to set aliases for them which you can also try out if you haven't done this yet.

You can also put the aliases in your `~/.bash_profile` or `~/.bashrc` but I think it will be better to put them in the `.gitconfig` since these are git specific aliases and it will be easier for you to manage them from the `.gitconfig` file itself.
 
As mentioned we need to edit our `.gitconfig` file and enter the aliases there. You can open the file with your favourite text editor and put them in a new code block named `[alias]` 

`vim .gitconfig`

And create the following code block:

```
[alias]
        st = status
        co = commit
        ch = checkout
        be = branch
        pom = push origin master
        plom = pull origin master
```

You can also define the aliases using the `git config` command directly. In order to set the aliases we've listed above you can use the following commands:

```
git config --global alias.st status
git config --global alias.co commit
git config --global alias.ch checkout
git config --global alias.br branch
git config --global alias.pom = push origin master
git config --global alias.plom = pull origin master
```

## Conclusion

This is pretty much how you can set Git aliases via the `.gitconfig` file or using the git config command. The process is pretty simple but the same as the BASH aliases it's really useful and you can easily speed up your daily Git tasks.

I hope that you enjoyed reading this and find it useful as well. Also, feel free to share your Git Aliases or how you speed up your work when working with Git.

## Support

If you've enjoyed reading this post or learned something new and would like to support me to publish more content like this one you can support me with buying me a coffee:

<a href="https://www.buymeacoffee.com/ageorgiev" target="_blank"><img src="https://cdn.buymeacoffee.com/buttons/default-orange.png" alt="Buy Me A Coffee" height="41" width="174"></a>

Thank you!
Day 84 Of 100DaysOfCode: Continue To Learn Introduction To Data Science In Python
Tags: womenintech, codenewbie, 100daysofcode, beginners
Published: 2021-03-23 16:25:17

Today, is my 84th day of #100daysofcode and #python learning journey. Today I was able to prepared database for my news data. I am happy for that I will complete my first project soon. 

At the end of the day I continued to learned from [DataCamp.](https://campus.datacamp.com/courses/introduction-to-data-science-in-python/different-types-of-plots?ex=2). Completed some assignments. 
<blockquote class="twitter-tweet"><p lang="en" dir="ltr">Day 84 Of <a href="https://twitter.com/hashtag/100DaysOfCode?src=hash&amp;ref_src=twsrc%5Etfw">#100DaysOfCode</a> and <a href="https://twitter.com/hashtag/Python?src=hash&amp;ref_src=twsrc%5Etfw">#Python</a> <br>Continue To Learn Introduction To Data Science In Python from [DataCamp](<a href="https://t.co/DybvJtkKiY">https://t.co/DybvJtkKiY</a>)<a href="https://twitter.com/hashtag/WomenWhoCode?src=hash&amp;ref_src=twsrc%5Etfw">#WomenWhoCode</a> <a href="https://twitter.com/hashtag/100DaysOfCode?src=hash&amp;ref_src=twsrc%5Etfw">#100DaysOfCode</a> <a href="https://twitter.com/hashtag/CodeNewbie?src=hash&amp;ref_src=twsrc%5Etfw">#CodeNewbie</a> <a href="https://twitter.com/hashtag/womenintech?src=hash&amp;ref_src=twsrc%5Etfw">#womenintech</a> <a href="https://t.co/2mJ2tvOumY">pic.twitter.com/2mJ2tvOumY</a></p>&mdash; Durga Pokharel (@mathdurga) <a href="https://twitter.com/mathdurga/status/1374393048101052421?ref_src=twsrc%5Etfw">March 23, 2021</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
CSS Focus Within
Tags: webdev, css, tutorial
Published: 2021-03-23 16:23:27

Learn how to style parent tags from within child elements with CSS focus-within property!

Part 8 of the 21 CSS tips for 2021 Series

[Subscribe To The Channel!](http://www.youtube.com/FollowAndrew?sub_confirmation=1)

{% youtube lioXqUmAf_Y %}
Watch the Video Tutorial on YouTube for a visual explanation!
Instalación Python, Flask, PipEnv en Linux Ubuntu 20
Published: 2021-03-23 16:03:48

## Guía de instalación

Abrir una terminal y ejecutar los siguientes pasos:

> Actualizar los paquetes disponibles y sus versiones.
```
sudo apt update
```

> Instalar Python 3
```
sudo apt install python3-pip python3-dev build-essential libssl-dev libffi-dev python3-setuptools

```

> Verificar la versión de Python instalada
```
python3 --version
```

> Instalar pipenv
```
sudo apt install pipenv
```

## Creación de mi primer API usando Flask

- Crear un carpeta e ingresar en ella
```
mkdir miApi
cd  miApi
```

- Crear el entorno virtual
```
pipenv shell
```

- Instalar Flask
```
pipenv install flask

```
- Verificar las versiones instaladas
```
python3 -m flask --version
```

- Crear un archivo `hello.py`
```
touch hello.py
```

- Pegar el siguiente código en el archivo `hello.py`
```
from flask import Flask
app = Flask(__name__)

@app.route('/')
def hello_world():
    return 'Hello World!'
```

- Agregar una variable de entorno con el nombre de la app
```
export FLASK_APP=hello.py
```

- Ejecutar la API
```
flask run

```
Which JavaScript frameworks are worth learning in 2021?
Tags: discuss, javascript, healthydebate
Published: 2021-03-23 16:08:50

I am sure there are no _right answers_ on the topic of JavaScript frameworks, but maybe this discussion will still prove useful if anyone wants to weigh in. Don't worry too much about the distinction of "framework" vs "library".

Feel free to vouch for the popular ones, or offer a lesser-known answer.
Primeros pasos en Discord.JS: MessageEmbed
Tags: discord, node, javascript, spanish
Published: 2021-03-23 15:51:03

# Introducción
Un Embed es un tipo de mensaje que representa el Objeto Embed en Discord, tiene una interfaz fluida y no va a verse igual en telefonos. Este tipo de mensajes puede ser utilizado para presentar información con un formato en específico. Debes de tomar en cuenta que:
- Los campos son opcionales.
- Debe de contener al menos un campo.
- Los campos no pueden estar vacíos, indefinidos o nulos.

Así mismo los embeds pueden contener los siguientes datos:
- Un autor, incluyendo un avatar y un link.
- Un título.
- Una descripción.
- Campos, que pueden incluir a su vez un título y un subtítulo

> Puedes incluir la cantidad de campos que requieras.

- Un footer o pie de mensaje, puede incluir texto y un ícono.
- Y un color que se muestra en la parte izquierda del mensaje

> Este color debe de ser expresado en su valor hexadecimal.

# Creando un embed
La forma más práctica de crear un embed es utilizando el constructor MessageEmbed.

Primero lo declaramos ya sea como una variable o como una constante, dependiendo de como lo vayas a utilizar.

```js
const embed = new Discord.MessageEmbed()
```

A partir de ahí solo debemos ir agregando los métodos que vayamos a utilizar. A continuación una plantilla creada por [CraterMike](https://twitter.com/cratermaik) en su guía ["Uso de mensajes Embeds"](https://portalmybot.com/guia/mybot/uso-embed) que representa fielmente los elementos que podemos agregar al mensaje:

```js
const embedDatos = new Discord.MessageEmbed() 
	.setTitle("Este es su título, puede contener 256 caracteres")
	.setAuthor(message.author.username, message.author.displayAvatarURL())
	.setColor(0x00AE86)
	.setDescription("Este es el cuerpo principal del texto, puede contener 2048 caracteres.")
	.setFooter("Pie de página, puede contener 1024 caracteres", client.user.avatarURL())
	.setImage(message.author.displayAvatarURL())
	.setThumbnail(message.author.displayAvatarURL())
    .setTimestamp()
    .setURL("https://github.com/CraterMaik")
    .addField("Este es un título de campo", "Este es un valor de campo puede contener 1024 caracteres.")
    .addField("Campo en línea", "Debajo del campo en línea",  true)
    .addField("Campo en línea 3", "Puede tener un máximo de 25 campos.", true);
    
message.channel.send({ embed: embedDatos });
```

El resultado del código anterior se vería algo así:

![A](https://portalmybot.com/assets/img/msgrichembed.png)

> Un error muy común al utilizar el constructor MessageEmbed es el colocar el **;** (punto y coma) antes de declarar el último método que formará parte del Embed, esto causará un error a la hora de enviar el mensaje.

Te invitamos también a pasarte por la [documentación oficial de Discord.js](https://discord.js.org/#/) para información más detallada.

También te invitamos a seguirnos en nuestra cuenta de Instagram, podrás encontrarnos como [@somos.devs](https://www.instagram.com/somos.devs), siguenos también aquí en Dev Community para enterarte más rápido de nuestras últimas públicaciones.
How email previews work
Tags: webdev, html, css
Published: 2021-03-23 15:47:02


Depending on your email client, when looking at your inbox you probably see three main things for each message:

1. The sender's name.
1. The subject line.
1. A preview of the text content (e.g. the first sentence of the body).

You may have noticed that sometimes that preview doesn't appear anywhere in the actual content. Where does this sneaky and *false* preview come from?

Turns out it's pretty simple. Most of the emails we get are HTML (instead of plain text). Most email clients understand HTML perfectly fine, and also allow for some basic CSS. Email clients are frustratingly behind the times when it comes to CSS, but they have more than enough CSS juice to solve the problem at hand: the magical mystery preview.

All that happens is that the preview text is added to the email body as the *first content* of its HTML, but with a combination of CSS properties that makes it highly likely to not be shown (even by email clients that can barely handle CSS at all). It'll look something like this:

```html
<span style="display:none;font-size:1px;color:#333333;line-height:1px;max-height:0px;max-width:0px;opacity:0;overflow:hidden;">
  Sneaky, magical preview text!
</span>
```

In your inbox, the parser that selects the first line of text for the preview doesn't know about CSS. So it grabs that text, even though the HTML container in which it resides is supposed to be hidden. Once you open the email, the parser that displays the whole body *does* evaluate the CSS, and so that preview text is invisible.

And there you have it, magical email previews!

The main limitation of this approach is that you don't control the *full* preview. If the user's preview container in their browser is wide enough, they'll see the entirety of the preview text plus the start of whatever text comes next. This can make for some wonky previews.

I saw a clever solution to this that Substack uses for its newsletter service. They add a whole bunch of whitespace characters to the end of your snippet text:

```html
<span style="display:none;font-size:1px;color:#333333;line-height:1px;max-height:0px;max-width:0px;opacity:0;overflow:hidden;">
  Sneaky, magical preview text!
  &nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj; <!-- many MANY times -->
</span>
```

You may be wondering why that whitespace isn't just trimmed away by the renderer. Apparently that's what that `&zwnj;` ("[zero-width non-joiner](https://en.wikipedia.org/wiki/Zero-width_non-joiner)") character is all about. I had never heard of the thing, but apparently its existence prevents the stripping of that whitespace. The end result is that your preview text has a ton of non-stripped whitespace after it, so that the likelihood of someone being on a monitor wide enough to show your text, plus all that whitespace, plus the next line of content-text is extremely low.

*This article was adapted from a portion of [Issue #8](https://www.bscotch.net/post/devchat-8) of the [DevChat newsletter](https://tinybs.co/devchat).*
Interview questions related to event bubbling in Javascript?
Tags: javascript, webdev
Published: 2021-03-23 15:39:19

**1) What is Event bubbling in Javascript. Give Example**

Event bubbling is the method of event propogation in which event travels from innermost element to the outermost parent element.

Like if we have below structure

```javascript
<section onclick="alert('section')">
   <div onclick="alert('div')">
     <p onclick="alert('paragraph')"> 
        This is paragraph
     </p>
   </div>
</section>
```

If click event of paragraph invoked it will call click handlers of all in below order

p>div>section

Event bubbling is also known as **Event Propagation** or **Event Delegation**


2) How can event bubbling can be stopped?

**stopPropagation()** method of javascript used for stopping event bubbling


For more such videos you can check my channel



{% youtube Eb6HXDGQoTI %}
Create a Navbar in NextJs using shared layouts and CSS modules.
Tags: javascript, nextjs, react, webdev
Published: 2021-03-23 15:27:54

## This is a video tutorial on how to create a shared layout in Next.js

This tutorial covers the following :

Customize _app.js and create a layout component for your website
Create global and layout styles using css modules
Navbar markup and styling
Navbar toggle and animation code logic
Add about and contact page 

#Enjoy the video
{% youtube prbOI7G0RvY%}