teleren/devto huggingface dataset:
Version and automate your dev.to publishing with GitHub Actions
Tags: showdev, tutorial, meta
Published: 2019-10-01 21:38:22

---
title: Version and automate your dev.to publishing with GitHub Actions
description: What do devs do in the face of adversity? They dev!
tags:
  - showdev
  - tutorial
  - meta
published: true
cover_image: https://thepracticaldev.s3.amazonaws.com/i/cj1cc3jk1n3w1n1yig8o.jpg
canonical_url: https://github.com/Xowap/dev-blog/blob/master/articles/showdev/git_publishing.md
---
I love publishing on [dev.to](https://dev.to/), yet there is a very big problem related to doing this: the web editor is not really dev-friendly since it doesn't allow you to version your content. There is also the constant fear of doing something wrong and losing an article that you wrote within the browser because of stupid computer crash or other kinds of CTRL+Q disasters.

Yet, faced with a challenge, what do devs do? They dev!

First things first, I've created a [GitHub repo](https://github.com/Xowap/dev-blog) to manage all my upcoming Markdown files. Now I've got a place where to store my articles but how do I get them online?

Apparently the hot new thing is GitHub actions. So I created one in my repo! The GitHub interface is surprisingly intuitive for doing so. I'm absolutely no expert on the matter since I wrote [my first action ever](https://github.com/Xowap/dev-blog/blob/master/.github/workflows/publish.yml) about 5 minutes ago, but it's fairly easy to use since that same action published this very article!

In order to be able to publish using GitHub actions, you need some kind of script. I couldn't find anybody who did that (but maybe did I search not enough?) so I created my own tool. Let me introduce [DEV-CLI](https://github.com/Xowap/DEV-CLI)! 🎉 You'll find all the details in the README. You can of course use it right now to publish your Markdown, with or without GitHub actions 😇

I must say that this was a fun evening project. It's still completely experimental and I'd love feedback from other people doing the same thing &mdash; or not doing this if they have alternative workflows!
A story: Getting a software engineering job with NO college degree
Tags: beginners, webdev, codenewbie, career
Published: 2019-10-01 21:31:48

Recently I had the change to talk with Joél Ramirez (Joxel) about his coding bootcamp experience. 

What amazed me was his grit and persistence, as he chose this path instead of finishing his college degree. Now he has a job in the industry, which has completely changed his life for the better.

**Check out this interview with Joxel, here:**
{% youtube 9n9FLVfezWk %}

Are you thinking about going to a coding bootcamp? What are your questions, worries, and uncertainties?

Have you gone to a coding bootcamp? What was your experience like?

If you enjoyed this interview, please consider subscribing to my YouTube Channel! I talk about tech, life in Silicon Valley, and self-improvement!

**Subscribe Here**
[YouTube - Matt Upham](https://www.youtube.com/mattupham?sub_confirmation=1)

If you have any questions about my coding bootcamp experience, shoot me a DM on Instagram [@mattupham](https://www.instagram.com/mattupham)

Thanks for reading!
Contribute to opensource: the right way – Download the book now!
Tags: coaching, opensource, book, free
Published: 2019-10-04 10:59:39

---
title: Contribute to opensource: the right way – Download the book now!
published: true
date: 2019-10-01 20:47:25 UTC
cover_image: https://daniele.tech/wp-content/uploads/2019/10/cover.png
tags: Coaching,Open Source, book, free
canonical_url: https://daniele.tech/2019/10/contribute-to-opensource-the-right-way-book/
---

Have you ever wondered how the open source world exists? Be a part of the open source world can be the 21 century skills that you deserve?

I wrote a book in the last 7 month, free, available on GitHub (generated as pdf/mobi/epub) but also on Leanpub.

In the post [Contribute to opensource: the right way – Download the book now!](https://daniele.tech/2019/10/contribute-to-opensource-the-right-way-book/) you can find all the links and the story why I chose to write "Contribute to Open Source: the right way".

I am open to any kind of questions, and about hacktoberfest is just a coincidence the release of this book :-)
AI can become a massive discrimination engine. What is YOUR responsibility as a developer?
Tags: discuss, ai, fairness
Published: 2019-10-01 20:38:04

---
title: AI can become a massive discrimination engine. What is YOUR responsibility as a developer?
published: true
description: AI is being used to screen job applicants' external traits based on AI trained and developed by humans. What does this smell to you?
tags: #discuss, #artificialintelligence, #ai #fairness
cover_image: https://thepracticaldev.s3.amazonaws.com/i/7lp9p48qxbihs2nzegbc.jpg
---

# All right, here's the deal:

[AI is being used](https://www.telegraph.co.uk/news/2019/09/27/ai-facial-recognition-used-first-time-job-interviews-uk-find/) - reportedly for the first time - to screen job applicants in the UK and worldwide.

Is it just myself or does it smell really, really bad to you too? Please share your thoughts in the comments.

# Let's discuss:

What do you think is **your role, as a developer**, in preventing AI from being used as a massive human discrimination engine based only on external traits?

*Note*: _You/your company might not be working with AI now. But rest assured, you won't be able to avoid it for too long._

# Reflections on the article for background:

> The company behind the AI "... claims it enables hiring firms to interview more candidates ... and provides a more reliable and objective indicator of future performance **free of human bias**".

Ok.

Wow, wow, wow, wait. "**Free of human bias**"?

Last time I checked, **humans were building AI models**. And training samples!

> "The algorithms select the best applicants by **assessing their performances** in the videos **against about 25,000 pieces of ... information** compiled from previous interviews **of those who have gone on to prove to be good** at the job".

```javascript
console.log("wow, ".repeat(10));
console.log("wait, ".repeat(99));
```

Who gets to judge whoever has "_proved to be good_" or not? One thing is assessing an individual's performance. If the evaluator makes a mistake (or is biased), he'll damage _that_ individual.

This is already bad enough, but the scale is one individual.

Now, who decided it would be a good idea to scale that to an entire population?

Please share your thoughts in the comments.

---

_Cover image by [Chaozzy Lin](https://unsplash.com/@chaozzy?utm_source=unsplash&utm_medium=referral&utm_content=creditCopyText) on [Unsplash](https://unsplash.com/s/photos/guy-fawkes-mask?utm_source=unsplash&utm_medium=referral&utm_content=creditCopyText)_
To rewrite or not rewrite that is the question.
Tags: react, discuss, angular, webcomponents
Published: 2019-10-01 20:37:06

---
title: To rewrite or not rewrite that is the question.
published: true
description: I have a set of logic already built using Angular Web Components, should I rewrite them for my Gatsby project?
tags: react, discuss, angular, webcomponents
cover_image: https://thepracticaldev.s3.amazonaws.com/i/24unb7lqny8t76m6syb3.png
---

# To rewrite or not rewrite that is the question.

I will admit I am thinking "out loud" here, hence the tag for discussion. I want to know how others are handling this dilema of when to use Web Components. I really want to hear from all of the React community on this one! Are you spending time creating any Web Components? Do you just live happily within the React space?

## Why Web Components?

Having a set of web components that handle the logic for my firebase authentication is awesome! It makes having a set of business logic simple. It reduces my time to start up an app from scratch. 

## Angular Web Components

The one downside of this is requiring the build process for Angular to be included in each of my projects that require the Web Components. Now in reality I could probably use a private NPM to push the fully built js into a project.

## Web Components in React

If you follow anything that I do, you will have noticed I am rewriting my app from Hugo into Gatsby, which is React based. I have read a lot that Web Components don't play well with React. However the [react docs](https://reactjs.org/docs/web-components.html) show that this isn't really true.

## Pros vs. Cons to rewrite logic in React

### Pros

- Allows me to stay in a single framework
- Less build time as Angular prod build and copy to app not required

### Cons

- Spending around 8 hours to rewrite

## Discussion

Don't feel comfortable chatting openly?

Drop me a line:

🎥 YouTube: https://link.ajonp.com/youtube
🌎 Site: https://link.ajonp.com/😺
📦 GitHub: https://link.ajonp.com/github
💬 Slack: https://link.ajonp.com/slack
🐦 Twitter: https://link.ajonp.com/twitter
How to deploy a Web-App in IIS
Tags: csharp, webdev, dotnet, tutorial
Published: 2019-10-01 20:26:23

In my experience as a programmer, I have work for different types of a company starting from small ones to relatively big. 
When working for a small company they may not have a DevOps to make the deployment and all this kind of stuff. 
And being in this company I learned on my first 6 months how to deploy a .Net Web-App in a windows server <a href="https://stackify.com/iis-web-server/">IIS</a> to be clear. 
And this is a question I've been asked a lot during my career. 
Here are some simple steps on how to do that: 

###1. Open solution explorer

![solution explorer](https://thepracticaldev.s3.amazonaws.com/i/64dpkwpt5rdtb46xuwof.png)


###2. On the project file <b>Not solution file</b> right click=> click <b>Publish</b>

<img src="https://thepracticaldev.s3.amazonaws.com/i/qgnkmyhye068sacs5obi.png" />

###3. On the window opened we chose **IIS, FTP, etc**
![publish target](https://thepracticaldev.s3.amazonaws.com/i/9sywn9xrb13zd9exvzjk.png)

###4. We click "Create Profile" and the next window we chose the "File System" as publish method and in the target location we chose a folder from our local PC

![Published method](https://thepracticaldev.s3.amazonaws.com/i/c0wopti2ta3cgx25sc9d.png)

###5. My app is a .Net core application so the configurations in settings will be: 

![configurations](https://thepracticaldev.s3.amazonaws.com/i/0zejesxbr54ykcxf5taz.png)

And we click **SAVE**
The configuration window gets closed and next, we hit **Publish**

###6. We copy all the files from the folder chosen on step **4** and paste it to the website folder in IIS and with this, you should be done.

Hope this helps someone.
ES2017 async/await with fetch in Redux (No Callback Hell anymore)
Tags: javascript, asyncawait, react, redux
Published: 2019-10-01 20:23:50

When we need to use third party API or any REST API in our web app, we need to wait for the response coming from the server.
Then in the success callback , we use that data and do other operations.And if we have more REST calls, we all know that it could end up being a Callback Hell.

But if we use ES2017 async/await syntax , we can write our code as clean as possible with minimum lines of code.

Basic example of async/await is like below-

```javascript
function resolveAfter2Seconds() {
  return new Promise(resolve => {
    setTimeout(() => {
      resolve('resolved');
    }, 2000);
  });
}
 
async function asyncCall() {
  console.log('calling');
  var result = await resolveAfter2Seconds();
  console.log(result);
  // expected output: "resolved"
}
 
asyncCall();
```

here `var result = await resolveAfter2Seconds();` will wait to resolve the Promise and assign the returned data to `result` variable.
It seems like its executing the code line by line though it has asynchronous operation , which is awesome!

As of now , we know basic of async/wait , now we will use this inside redux ActionCreator. But first we will see how the code looks like without using async/await.

So our action creator code is –

```javascript
export const getSpeakers = () => (dispatch, getState) => {
  return fetch(`${API_SERVER}/speakers`)
    .then(
      response => response.json(),
      error => {
        console.log("No! error occured.", error);
        throw error;
      }
    )
    .then(speakers => {
      console.log("speakers success", speakers);
      dispatch(saveSpeakers(speakers));
    })
    .catch(error => {
      console.log("Return Error by throwing", error);
      throw error;
    });
};
```

So here ^ is our action creator named `getSpeakers` which calls one REST API endpoint and then dispatch the speakers to the redux store.Here we can see we need to chain with `then`, `catch` etc which make the code a bit messy and hard to understand.

Now we will use async/await with fetch and will make our code good looking

```javascript
export const getSpeakers = () => async (dispatch, getState) => {
  try {
    const response = await fetch(`${API_SERVER}/speakers`);
    const speakers = await response.json();
    console.log("speakers success", speakers);
    dispatch(saveSpeakers(speakers));
  } catch (error) {
    console.log("throwing Error", error);
    throw error;
  }
};
```

Here , we have added try/catch so that if any error happens, we can catch and take our decision what we want to do. Here in this case , I have just thrown the error, but we can dispatch another FAILURE action.
Ah , that made our code smaller,cleaner and easy to understand!

Cheers!
:wave:

As I am trying to contribute contents on the Web, you can buy me a coffee for my hours spent on all of these ❤️😊🌸
<a href="https://www.buymeacoffee.com/destromas" target="_blank"><img src="https://cdn.buymeacoffee.com/buttons/default-orange.png" alt="Buy Me A Coffee" style="height: 51px !important;width: 217px !important;" ></a>

My Blog: https://shahjada.me
My Hacktoberfest Contributions 😅
Tags: hacktoberfest, opensource, beginners
Published: 2019-10-01 19:49:00

It's my first time participating in Hacktoberfest, and I am 75% done. I have made 3 contributions so far, in which 2 of them have been merged.

## Contributions

#### Emoji Screen
EmojiScreen is a listing of movies, TV shows and musicals depicted through emojis.

{% github https://github.com/brittanyrw/emojiscreen/pull/454 %}



#### Process name
Process-name is an NPM package that allows you to get platform-specific application process name.
 

You can check out the package on npm [here](https://www.npmjs.com/package/process-name)

{% github https://github.com/arshadkazmi42/process-name/pull/4 %}


#### Translator Pounds Elis
Translator pounds elis is a course completion work in Information Systems from the Federal University of Goiás.

{% github https://github.com/pedrofsn/tradutor-libras-elis/pull/7 %}

So far, participating in Hactoberfest and contributing to Open Source projects have been fun, and it has been a great experience so far.


## How you can contribute
To contribute, create an account on [Hacktoberfest](https://hacktoberfest.digitalocean.com), read the rules and participation details, then search the projects list for the project you want to contribute to.

You can also check your Hacktoberfest profile to see how you're doing.

![Hacktoberfest profile](https://thepracticaldev.s3.amazonaws.com/i/9dbocru3pk3q1mi78dp9.png)

## **Update**
Today (3rd October), I have completed the challenge, with 4 Pull requests merged. The last of them that I contributed to was *Oh My Zsh* terminal.

#### Oh My Zsh
Oh-My-Zsh is a delightful, open source, community-driven framework for managing your ZSH configuration.

You can find out more [here](https://github.com/robbyrussell/oh-my-zsh)
{% github https://github.com/robbyrussell/oh-my-zsh/pull/8194 %}

If you are looking to participate in Hacktoberfest, click [here](https://hacktoberfest.digitalocean.com) to register.
Ebony: An open-source multi-channel chatbot framework
Tags: javascript, typescript, ebony, node
Published: 2019-10-01 19:45:41

I've been working with chatbots for almost 4 years. The result of all this work is the Ebony Framework, a multi-channel, easy to use, module-based chatbot framework.

It already powers a few production-grade high-traffic bots.

The thing is that up until now, the only person that ever used this framework was me. As a result, I need people to take a look at it and share feedback so I can refine it even more and make it a decent open-source project.

You can find the Ebony Framework on [**GitHub**](https://github.com/chrispanag/ebony/). Feel free to share any comments, feedback and questions with me! :)
What is DOM (Document Object Model)
Tags: javascript, react, beginners, tutorial
Published: 2019-10-01 19:43:50

Learn what a Document Object Model aka DOM in JavaScript is. This video will help you gain understanding about the DOM in a visual manner.

We will cover the basics of DOM, and the fundamental data types of DOM

********** Watch all JavaScript Tutorials **********

http://bit.ly/javascript-youtube

*******************   ********************************

Harit on Twitter: https://twitter.com/harittweets

Subscribe for more videos on JavaScript with Visualization: https://www.youtube.com/channel/UC0yZBnRsD9JRqLXBkfGym0Q?sub_confirmation=1
Automating New OSX Setup #1 - What?
Tags: osx, automation
Published: 2019-10-01 19:18:25

As part of moving to a new job, I'm going to end up with a new Macbook Pro.  As such I'm going to have a super clean slate to start with and I'd like to tackle a goal of mine I've had for a while - a fully automated system configuration.

Logically step 1 here seems to be the What question: What am I going to try to cover here?  I've come up with a short list that makes sense to me:

* Restore keypair from TimeMachine backup
* Install Python3 and pip
* pip install Ansible

Now that I have a basis for automation, I'd like to do the rest via ansible playbook if possible:

* install Homebrew
* Setup various OS preferences (iCloud login, trackpad, dock, display, etc)
* install Firefox
* sign into Firefox
* install VSCode
* setup dotfiles (should just be a git pull)
* install/configure [BashIt](https://github.com/Bash-it/bash-it)
* install/configure Go
* setup extensions for VSCode (python, Go, Ansible)
* setup AWS CLI (boto3, botocore)
* configure AWS CLI

Now's where you guys come in.  What am I forgetting here?
Nodejs Expressjs MongoDB Ready-to-use API Project Structure
Tags: javascript, node, mongodb
Published: 2019-10-01 19:15:57

Hello Everyone,

I have created a boilerplate application for API development built with Nodejs, ExpressJs, MongoDB.

{% github maitraysuthar/rest-api-nodejs-mongodb %}

This is a basic API skeleton written in JavaScript ES2015. Very useful to building a RESTful web APIs for your front-end platforms like Android, iOS or JavaScript frameworks (Angular, Reactjs, etc).

This project will run on **NodeJs** using **MongoDB** as a database. I had tried to maintain the code structure easy as any beginner can also adopt the flow and start building an API. 

Any feedback or suggestions are very much appreciated. Pull requests are welcome!
How to Start Contributing to Open Source at #Hacktoberfest With a Github Pull Request #OneDevMinute
Tags: onedevminute, git, hacktoberfest, digitalocean
Published: 2019-10-01 19:15:32

---
title: "How to Start Contributing to Open Source at #Hacktoberfest With a Github Pull Request #OneDevMinute"
published: true
description: "#Hacktoberfest — Good folks from DigitalOcean, GitHub, and this time Dev.to will track your open source contributions and upon four successful GitHub pull-requests — you'll receive swag items like a limited edition T-Shirt, stickers, and a discount code. Contribute to Open Source by Learning to Create A Github Pull-Request #OneDevMinute"
tags: OneDevMinute, git, hacktoberfest, digitalocean
---

>📺 [Watch on 1080p at YouTube →](https://YouTu.be/4RvIFvmZA3o)

🙌 As a full-time #OpenSourcerer — October is one of my favorite months. And it's October already. Today's #OneDevMinute is about #Hacktoberfest — it's a month-long online event where you signup at [GitHub.com](https://GitHub.com) and [Hacktoberfest](https://hacktoberfest.digitalocean.com/) to celebrate Open Source by contributing at least four times between Oct 1-31. 

✅ Good folks from DigitalOcean, GitHub, and this time the Dev.to team will track your open source contributions, help you stay motivated, and upon four successful GitHub pull-requests — you'll receive swag items like a limited edition T-Shirt, stickers, and maybe a few discount codes.

😇 Open source is for everyone, it's not just code — developers, designers, marketers, and content writers, basically anyone can participate. Improve an open-source project's documentation, refactor code, gift that project a new logo design — just participate and celebrate open source in October.

```sh
# Step #0: Create an account on GitHub.com 
# Step #0: Signup at https://hacktoberfest.digitalocean.com/.
# Step #1: Fork any open source GitHub repo.
# Step #2: Clone that repo in your PC. E.g.

git clone https://github.com/AhmadAwais/Hacktoberfest

# Step #3: Make changes and commit/push these changes.

git add .
git commit -m "📦 NEW: Resource for learning Git"
git push

# Step #4: Go to your fork, click open `Pull Request` link and create a PR.

```

- 📺 Watch on 1080p at [YouTube →](https://YouTu.be/4RvIFvmZA3o)
- 📨 [#OneDevMinute Newsletter signup →](http://eepurl.com/dINZsD)


### Use Emoji-Log

Learn to write good and useful git commit messages using the emoji-log project.

{% github https://github.com/AhmadAwais/Emoji-Log %}



> P.S. If you like my work, feel free to share it, like it. I am quite active on twitter you can find me cracking silly tech jokes there, maybe [follow me on Twitter](https://twitter.com/MrAhmadAwais) to connect and [subscribe to my YouTube channel →](https://YouTube/AhmadAwais)

> P.P.S. I have [100+ FOSS (Free & Open Source Software)](https://github.com/AhmadAwais) GitHub repositories where you can contribute and earn your #Hacktoberfest swag. [Check it out →](https://github.com/AhmadAwais)

> Peace! ✌️

{% tweet 1046661201336446976 %}

🗣️ Your comments are more than welcome. Use your code for good.
[Devmates.co] Product of Array 🍜 Yelp
Tags: challenge
Published: 2019-10-01 18:39:01

*Hello👋, 
*My name is [Alex](https://twitter.com/alexwawl) and I'm maker of [Devmates.co](https://devmates.co).* 😊

*We are resolving daily coding problems which asked by top tech companies together. We share our solutions, give some help if anyone stuck, support each other and just hangout together in the internet.* 🍻☕️💬

*I get this problem from our members or just searching them in the internet(leetcode forums, Glassdoor, teamblind, etc.). Sometimes this problem can be very easy, sometimes too 👷‍♂️hard, everything depends on skills but we are trying to resolve all of them and Have Fun.*  🙌 

Today I want to share problem which was asked by 🍜 Yelp.

#####Problem:

Given non-empty array __nums__ of integers,  return an array __output__ such that __output[i]__ is equal to the __product of all__ the elements of nums __except__ nums[i].

#####Example:
__Input:__ [1,2,3,4]
__Output:__ [1,2,3,4]
__Why?__
      output[0] = 2*3*4 = 24
      output[1] = 1*3*4 = 12
      output[2] = 1*2*4 = 8
      output[3] = 1*2*3 = 6
Ara contributors discuss page
Tags: hacktoberfest, discuss, contributorswanted
Published: 2019-10-01 18:28:09

Hey I thought I would make a landing page here on Dev for my project, you are welcome to ask questions, make suggestions, and give feedback on Ara.
{% github fultonbrowne/ara-android %}
{% github fultonbrowne/ara-server %}
{% link https://dev.to/fultonbrowne/how-to-contribute-to-the-ara-voice-assistant-2o73 %}