teleren/devto huggingface dataset:
My first frustration-free OpenSource Pull Request 
Tags: opensource, beginnerfriendly, rails
Published: 2018-09-03 22:21:41

---
title: My first frustration-free OpenSource Pull Request 
published: true
cover_image: https://3kllhk1ibq34qk6sp3bhtox1-wpengine.netdna-ssl.com/wp-content/uploads/bitbucket411-blog-1200x-branches2.png
tags: opensource, beginner-friendly, rails
---

Finally. FINALLY! I just opened my first opensource PR, with much less frustration than I've grown accustomed to expecting.

For several months now, I have searched for an opensource project that I could successfully recreate in my local environment, and start contributing to. It's been hard. Whenever I did locate a Rails-based app, it was either all-but-abandoned or too complicated for me to install. In the latter case, my cries for help to the code maintainers would either go unanswered, or their responses would confuse me all the more. Trust me: `#beginner-friendly` doesn't always guarantee a smooth ride for a first-time contributor. With each iteration of being bombarded with "unsolvable" error messages, I grew less and less enthused about opensource.

**Enter Dev.to**. I wanted to get excited when I learned that their platform was Rails-based, but multiple past disappointments kept me guarded. After some encouragement from Ben Halpern, I forked the Dev.to repo and started going through the installation steps. Y'all, I encountered just one error (which is what my PR is based on). Just ONE! I couldn't believe it: there was my local Dev.to app at localhost:3000, looking just lovely! I'm just grateful to be on the opensource board as it were. I almost don't care if my PR gets rejected lol. Almost, though, almost 😄
I have an idea for a next of kin wallet for crypto assets in the event of death!
Tags: help
Published: 2018-09-03 20:54:39

---
title: I have an idea for a next of kin wallet for crypto assets in the event of death!

published: true
tags: help
---

Idea for a next of kin wallet for crypto assets in the event of death!

https://community.xyo.network/t/omg-what-happen-if-you-die-or-lose-your-crypto/240
Anyone interested to discuss?
Strange idea for the country selector
Tags: react, javascript, ux
Published: 2018-09-03 18:46:35

---
title: Strange idea for the country selector
published: true
description: How about to use emojis for flags in country selector instead of images?
tags: [react, javascript, ux]
cover_image: https://thepracticaldev.s3.amazonaws.com/i/fyuv7xquqd7jkxp10miw.png
---

Did you ever need this country selector component? Maybe for the country or for the phone code or maybe something else. Seems to be a trivial task but you can not just drop-in this component in your codebase, typically you also need to copy the folder with assets (flags). Also if you want to use native select because of a11y or because of you believe that native elements provide a better user experience, you can not use flag images.

And I had this strange idea: what if we will use emojis instead of images. Out of simple curiosity, I built the React component: [react-simple-country-select](https://github.com/stereobooster/react-simple-country-select). It is a simple HTML select and emojis, so it is really lightweight and easy to setup and use. Check it out and tell what do you think.

<table>
<thead>
<tr>
  <th>iOS</th>
  <th>Android</th>
  <th>Desktop</th>
</tr>
</thead>
<tbody>
<tr>
  <td width="33%" valign="top"><a target="_blank" rel="noopener noreferrer" href="https://raw.githubusercontent.com/stereobooster/react-simple-country-select/master/other/screenshots/ios.png"><img src="https://raw.githubusercontent.com/stereobooster/react-simple-country-select/master/other/screenshots/ios.png" alt="ios screenshot" style="max-width:100%;"></a></td>
  <td width="33%" valign="top"><a target="_blank" rel="noopener noreferrer" href="https://raw.githubusercontent.com/stereobooster/react-simple-country-select/master/other/screenshots/android.png"><img src="https://raw.githubusercontent.com/stereobooster/react-simple-country-select/master/other/screenshots/android.png" alt="android screenshot" style="max-width:100%;"></a></td>
  <td width="33%" valign="top"><a target="_blank" rel="noopener noreferrer" href="https://raw.githubusercontent.com/stereobooster/react-simple-country-select/master/other/screenshots/desktop.png"><img src="https://raw.githubusercontent.com/stereobooster/react-simple-country-select/master/other/screenshots/desktop.png" alt="desktop screenshot" style="max-width:100%;"></a></td>
</tr></tbody></table>
Learn React in a fun way! Create a Movie Web App
Tags: javascript, react, learning, beginners
Published: 2018-09-03 19:46:51

---
title: Learn React in a fun way! Create a Movie Web App
published: true
description: Free course for the 20 first who enroll!
tags: javascript, react, learning, beginner
---

https://thepracticaldev.s3.amazonaws.com/i/g77t0h52th2cclqomgrl.png

Hi .. I'm Thomas Weibenfalk, a developer and designer from Sweden. I've just finished my FIRST EVER online video course. That's right! My first ever! So be nice. =) I will show how you build an IMDB style web application in React.js 
The movie data is fetched from The Movie Database.

It's on Udemy and if you use the code FIRST-EVER you can enroll it for free if you're among the 20 first who enroll. 

Visit the course here: https://www.udemy.com/learn-react-the-fun-way/

Have fun! =) 

Thomas
A discussion regarding pure JS apps
Tags: discuss, javascript, framework
Published: 2018-09-03 19:04:20

---
title: A discussion regarding pure JS apps
published: true
description: Let's trade information on this very interesting topic
tags: discuss, javascript, framework
---

Recently, the necessity to build a portal for my team to share the current projects and their progress came into the picture, so I tought that this time I could ditch the frameworks and go with the majestic pureness of Javascript.

On the same theme, [David](https://dev.to/gypsydave5) wrote the article 'Why you shouldn't use a web framework' a while back:
{% link https://dev.to/gypsydave5/why-you-shouldnt-use-a-web-framework-3g24 %}

Now, I understand the principle behind the article, and I find it very interesting, so, when talking about JS apps (React, Angular and everything else-like), what are the advantages and disadvantages of writting an app without a framework and would you recommend that/can you give any resources that represent a real world app (not just an issue tracker or todo app)?

Thank you all.
Looking to Partner With Open-source Maintainers
Tags: help, opensource, entrepreneurship
Published: 2018-09-03 18:21:37

---
title: Looking to Partner With Open-source Maintainers
published: true
tags: help, open-source, entrepreneurship 
---

Hey dev.to! I recently got accepted to [YC's Startup School](https://www.startupschool.org/). I'm exploring different ways for OSS maintainers to sustain their projects financially. The current concept is [DevFlight](https://www.devflight.com/). Right now I'm looking for open-source maintainers (preferably working on infrastructure projects) who are interested in partnering with me. If you're a maintainer/significant contributor and you'd like to chat, please send along your email via this [signup form](https://devflight.carrd.co/). General feedback in the comments section is also appreciated. Thanks so much!
Module Monday 11: Scroll magic, Multi-image upload, Subscribe section & more
Tags: showdev, opensource, webdev, javascript
Published: 2018-09-03 18:19:35

---
title: Module Monday 11: Scroll magic, Multi-image upload, Subscribe section & more
published: true
description: Module Monday 11
tags: showdev, opensource, webdev, javascript
cover_image: https://res.cloudinary.com/component/image/upload/v1535760646/scrollmagic_bu4cxq.gif
canonical_url: https://guide.anymod.com/module-monday/11.html
---

## Five open-source website modules you can use anywhere

Everything below is open source and free to use in any project you choose. [Anymod](https://anymod.com) is a service for quickly adding features to your website or web app.

Click a mod to see it in action along with its source code.

### Scroll Magic A
Colorful content panes that appear as you scroll.
<a href="https://anymod.com/mod/bkkkk?v=20" class="button">View mod</a>
<a href="https://anymod.com/mod/bkkkk?v=20">
  <img src="https://res.cloudinary.com/component/image/upload/v1535760646/scrollmagic_bu4cxq.gif"/>
</a>

### Multi-image upload
Easy image uploads that work with Cloudinary.
<a href="https://anymod.com/mod/dbbbr?v=20" class="button">View mod</a>
<a href="https://anymod.com/mod/dbbbr?v=20">
  <img src="https://res.cloudinary.com/component/image/upload/v1535738605/cloudinary_lljya4.gif"/>
</a>

### Subscribe section (MailChimp)
Allow visitors to subscribe to your MailChimp list.
<a href="https://anymod.com/mod/rdddb?v=20" class="button">View mod</a>
<a href="https://anymod.com/mod/rdddb?v=20">
  <img src="https://res.cloudinary.com/component/image/upload/v1535765494/mailchimp_lgfuvi.png"/>
</a>

### Dismissible alert
Editable alert section to inform users wherever you want.
<a href="https://anymod.com/mod/lrrra" class="button">View mod</a>
<a href="https://anymod.com/mod/lrrra">
  <img src="https://res.cloudinary.com/component/image/upload/v1535748651/alert_etphjw.gif"/>
</a>

### Facebook like button
The classic like button, with no hassles.
<a href="https://anymod.com/mod/kbbbm" class="button">View mod</a>
<a href="https://anymod.com/mod/kbbbm">
  <img src="https://res.cloudinary.com/component/image/upload/v1535748894/like_u65jky.png"/>
</a>

<hr>

[Anymod](https://anymod.com) supports developers and open source, and Module Mondays are one way we give back to the developer community to help foster a more open, inclusive web.

I post new modules [here](https://dev.to/tyrw) every (Module) Monday -- I hope you find them useful!

Happy coding ✌️
I am a developer, got a new job, and I'm afraid to take it
Tags: help, discuss
Published: 2018-09-03 17:54:58

---
title: I am a developer, got a new job, and I'm afraid to take it
published: true
description: 
tags: help, discussion
---

Hello!, I'm Mathieu NIVOLIEZ. Recently (about 1 month, maybe more) I sign up in a company. The job is starting the 1er of October in a city called Grenoble. My wife and myself went there to find a new "home" and the city... let say have yet to convince us. To be honest my wife is scared to go there (the city seems pretty hostile) and I'm not sure either about it. Moreover, she's afraid she will not find any job there. I'm hesitating to end the trial period even before the start of the contract. Have you ever have to deal with this kind of situation? If yes how did you do it? Any advise to assess the situation there?

Thanks in advance.
Building for Alexa - 3 - Structuring your Code
Tags: alexa, csharp, dotnet
Published: 2018-09-03 20:18:53

---
title: Building for Alexa - 3 - Structuring your Code
published: true
tags: Alexa, csharp, dotnet
canonical_url: http://www.dotnetindia.com/2018/09/building-for-alexa-3-structuring-your-code.html
---

In this post I want to discuss the way I like to structure my code when developing the Skill handling backend. As mentioned in previous posts, the handler is based on the ASP.NET WebAPI project template, which is based on MVC. So out of the box the structure is like below:

[![image](http://manand.typepad.com/.a/6a00d83451a61969e2022ad36825b9200c-pi "image")](http://manand.typepad.com/.a/6a00d83451a61969e2022ad38e45df200d-pi)I like to structure the Intent Handling code in a way that I think makes it more maintainable and easier to debug. Again this is just my personal approach and is not in any way dictated by MVC or other patterns.

The [AlexaSKillKit.net](https://github.com/AreYouFreeBusy/AlexaSkillsKit.NET/) GitHub page has a get started section that would get you to the above structure and a working Skill handling backend.

So if you follow this structure you will have a basic Speechlet class that handles all of your intents and returns a SpeechletResponse to the Controller.  The Controller is very light weight and just contains code to receive a POST and returning, what your Speechlet implementation returns, after converting it to a API response(HTTPResponseMessage).

Since all the intents land up in the single speechlet implementation class, I prefer to create separate handlers for each intent. I usually declare a IHandler interface that contains something a single method like below:

```csharp
public virtual SpeechletResponse handleIntent(IntentRequest request, Session session, 
Context context, Dictionary<string, string> options=null)
```

So for each category of intents (not always each intent, but in a lot of cases it ends up being that), there is a handler.  The Speechlet implementation then hands off to the handler based on the intent received.

So our structure changes to something like this:

[![image](http://manand.typepad.com/.a/6a00d83451a61969e2022ad3adf049200b-pi "image")](http://manand.typepad.com/.a/6a00d83451a61969e2022ad38e45e5200d-pi)This has some advantages. Since handler logic is separated out, it is easier to maintain and debug  this code, instead of everything being in a big class. Also when later you want to do something like IOC, this structure will help make that possible.

I also prefer to have a set of service gateway classes that links up our handlers to the actual business services your may end up calling.  These could be SOAP or REST  based on your business, but most skills end up calling some kind of business services. So having a gateway pattern implementation would make future expansion and management of  these interfaces easier.
How to explain what is the back-end?
Tags: help
Published: 2018-09-03 17:10:19

---
title: How to explain what is the back-end?
published: true
tags: help
---

_Disclaimer: I'm never sure how it should be written: back end, backend, or back-end._

Lately I've had to explain to **non-technical** (read: lawyers, accountants, etc) people what is a back-end. 

I've found out one thing: It's **HARD**

Do you have any tip, analogy, example, or something on how to explain what is the back-end?
CSS VARIABLE SCOPE
Tags: css, styling, frontenddevelopment
Published: 2018-09-03 16:56:00

---
title: CSS VARIABLE SCOPE
published: true
description: This is a thought i'm trying to validate and gain more insights into.
tags: css, styling, front-end development
---

I think removing the native cascading effect of css variables will be awesome.

variables should be accessible to other selectors not within the scope of the :root element.

more like:

```
{
--variable_name: value;
}

selector{
    property: var(--variable_name);
}
```

code sample:

`index.html`

```
<div class="question">
    <h1>questions</H1>

    <ul>
        <li>Whats your name</li>
    </ul>
<div>

<div class="greet">
    <p>hello world</p>
</div>

```


`index.css`

```
/*
proposed css variable declaration 
*/
{
 --bg_color: #111;
--font_color: #fff;
}

.question{
    background-color: var(--bg_color);
    color: var(--font_color);
}

/*
   The greet class is on a different scope from the question class, but still shares the varible values with .question
*/
.greet{
    background-color: var(--bg_color);
    color: var(--font_color);
}

```

This are my thoughts though, I'd love to hear your thoughts about this too..
Kotlin Extensions for Minecraft Spigot
Tags: minecraft, kotlin
Published: 2018-09-03 16:53:42

---
title: Kotlin Extensions for Minecraft Spigot
published: true
description: 
tags: #Minecraft #Kotlin
---

Minecraft server MOD Spigot is useful, but there are a few inconvenient methods.
Let's change them using Kotlin Extensions.

1. Drop ItemStack

You can drop items in the world using the code below, but that is redundant.

```kotlin
val location = player.location
location.world.dropItem(location, itemStack)
```

Let's create a Location-based method with the following extensions.


LocationExtensions.kt
```kotlin
fun Location.dropItem(itemStack: ItemStack) {
    world.dropItem(this, itemStack)
}
```

2. Give ItemStack

You can give items to the player below.

```kotlin
val itemStack = ItemStack(Material.IRON_SWORD)
player.inventory.addItem(itemStack)
```

However, when the player 's inventory is full, you can not give items.

At that time it is kindness to define the following extensions and drop them to the ground.

PlayerExtensions.kt
```kotlin
fun Player.giveItem(itemStack: ItemStack) {
    if (inventory.firstEmpty() == -1) {
        player.location.dropItem(itemStack)
    } else {
        player.inventory.addItem(itemStack)
    }
}
```

3. Play Sound

Do it the same way.

```kotlin
location.world.playSound(location, sound, volume, pitch)
```

LocationExtensions.kt

```kotlin
fun Location.playSound(sound: Sound, volume: Float, pitch: Float) {
    this.world.playSound(this, sound, volume, pitch)
}
```

spawnParticle can be simplified in the same way.
7zip archives under attack!
Tags: 7zip, attack, dictionary, shell
Published: 2018-09-03 15:55:22

---
title: 7zip archives under attack!
published: true
description: If you forgot the password, but have some thoughts what the password is
tags: 7zip, attack, dictionary, shell
cover_image: https://thepracticaldev.s3.amazonaws.com/i/qy1wsp962tw13q3g1ngr.png
---

*Notice! This article is for folks who are familiar with BASH-console a bit.
If you feel you do not realize how it works let me know in comments please!*

> I think that one from my mind is correct, I just need to try all those two hundred ones! 

Does that remember you anything?

Sometime people face situation they do not remember the password on an archive, but at the same time they remember that is sort of simple one.

Sometime we know that the password is one of those couples in our mind, but we do not remember which exactly!
For such cases it would be good to have some mechanism or practice to find out the correct one, so that means we need to think about it and produce a solution!

In this article I will show you how an archive could be attacked using 7zip command-line interface without many efforts.

The first thing we need to think about is how many passwords we remember.
Let us say we remember ten of those, that means we need to arrange a list of those.

> password
makemoneymonkey 
...

Okay, let us say we have needed file and it already contains all needed passwords you could remember.
Then we have to use this file in conjunction with 7zip command-line interface.

All what we got to do in this case is just running the following script from a folder you have an archive that is going to be attacked using that dictionary.
Okay, let us see how it works in real life!

I have already prepared a script that allows us to run 7zip command-line interface against each password, check it out here:

```shell
#!/bin/bash

passwords_list="passwords-list"
archive=$1

echo "Starting attacking"

while IFS='' read -r line_data; do
    result=$(7z t $archive -p"$line_data" 2> /dev/null | grep -o "is Ok")

    if [[ $result ]]; then
        echo "Excellent! Password is $line_data"
        exit
    fi
done < $passwords_list

echo "Sorry we didn't find any appropriate password :-("
```

*Please let me know whether this article has been helpful or not*
Advices for building a Rest API
Tags: tutorial, beginners
Published: 2018-09-03 15:44:53

---
title: Advices for building a Rest API
published: true
description: Advices for building a good and secure Rest API
tags: #tutorial #beginners
cover_image: https://dreamix.eu/blog/wp-content/uploads/2017/11/cryptocurrencies1.png
---

#Chosing the language:
 ![languages](https://www.talentinternational.com/wp-content/uploads/2017/03/NewsJack-Image.png?x96169)

 If you're already familiar with a particular language then just go with it, but what i recommend is Go, because Go was built for this purpose and you don't need any framework when using Go.

###Other language you can use:
  - PHP (Laravel/Symfony/Zend)
  - Java/Kotlin (Play/Spring)
  - Ruby (Ruby on rails)
  - Python (Django)
  - Javascript (Node.js)
  - C# (.NET)

#Database:
 ![database](http://yaffetidbits.typepad.com/.a/6a00d8347d063969e201bb091e1152970d-800wi)

 There are multipule choice, i recommend maria-db which is basically mysql but whatever you chose, don't use SQLite3  for this purpose because you'll find yourself trapped when you want to host your back-end in multiple servers.
 
 To manipulate it there are two choices, Whether you use an ORM (i recommend [GORM](http://gorm.io/) for Go) or raw sql which is faster but harder for beginners.

#Security:
 ![security](https://www.diony-security.com/wp-content/uploads/2016/08/Dollarphotoclub_52367572-1.jpg)

 If you're planning to do explicit stuff like editing database or returning private data, you should use a private key that is passed throw header. Examples of errors that beginners usually do:

###1)

 When making the "forget password" request, never return the key to front-end and just store it in the database.

###2)

 When making the "login" request, make the front-end send the email/username and password to the back-end and in the back-end check if the user has made too many login attempts and then return as less informations as possible if the login is wrong.

###3)
 
 Use [jwt](https://jwt.io/). It's super important to check if the token is right or not when manipulating the logged-in user's data.

#Data:

 It's important to return a data that can be read by the front-end, most used are [JSON](https://www.json.org/) (recommended) and [YAML](http://yaml.org/).
 But you can simply all this query stuff for the user and the owner by using a query language like [GraphQL](https://graphql.org/) which is trusted by many [entreprises](https://graphql.org/users/).
![GraphQL](https://cdn-images-1.medium.com/max/1000/1*49DDRZhUWvVnH-QNHuSUSw.png)

#Contribution:
 
 Make you sure to give advices in the comments too!
Is amazing where is Javascript
Tags: javascript, vue, gtk, vuido
Published: 2018-09-03 15:39:44

---
title: Is amazing where is Javascript
published: true
description: Javascript is very Powered
tags: Javascript, Vue, GTK, Vuido
---

I got 6 years ago in javascript, I start with jquery, next ECMAScript and I worked with framework AngularJs and Angular, too libraries like VueJs and ReactJs is very interesting for me is technologies.

Today with Vue I can make visual application and with GTK waaaao!, check this out:

First Step:
```
sudo apt install build-essential libgtk-3-dev
```

and last one:
```
npm install --global vue-cli
vue init mimecorg/vuido-webpack-template my-project #Create new Project on vuejs
cd my-project
npm install
npm run build #Compile and update compiled
npm start #See Window, look this out
```

![alt text](https://thepracticaldev.s3.amazonaws.com/i/5v9vt4ndny19bi6u62fa.png "Windows Compiled with vuejs or vuido")