teleren/devto huggingface dataset:
Starting a New Gatsby Project
Tags: gatsby, react, beginners
Published: 2019-01-24 16:45:00

---
title: Starting a New Gatsby Project
description: In this video, we see how easy it is to get a new Gatsby project up and running on your computer.
canonical_url: https://michaeluloth.com/gatsby-starting-a-new-project/
tags: gatsby, react, beginners
cover_image: https://dev-to-uploads.s3.amazonaws.com/i/rf8l47wuu3xseurrday5.png
series: Up & Running with Gatsby
published: true
---

This is the second video in our [beginner series](https://www.youtube.com/watch?v=jAa1wh5ATm0&list=PLHBEcHVSROXQQhXpNhmiVKKcw72Cc0V-U) exploring GatsbyJS and how to use it to easily build performant apps and websites.

In this video, we see how easy it is to get a new Gatsby project up and running on your computer.

Check out the video below or [view the entire playlist](https://www.youtube.com/watch?v=jAa1wh5ATm0&list=PLHBEcHVSROXQQhXpNhmiVKKcw72Cc0V-U) on YouTube.

Enjoy! 🎉📺

{% youtube afeqjonYgs8 %}
[Markdown] Short notation for an image with a link using reference-style link
Tags: markdown
Published: 2019-01-24 16:26:49

---
title: [Markdown] Short notation for an image with a link using reference-style link
published: true
description: 
tags: markdown
---

###### (A Japanese translation is available [here](https://qiita.com/TomoyukiAota/items/193cdf4890dbb0e8bf49).)

# Introduction

In Markdown, when we want to put an image with a link, the notation tends to be lengthy.

For example, the status badge for Travis CI will be like this:

[![Build Status](https://travis-ci.org/travis-ci/travis-web.svg?branch=master)](https://travis-ci.org/travis-ci/travis-web)


```
[![Build Status](https://travis-ci.org/travis-ci/travis-web.svg?branch=master)](https://travis-ci.org/travis-ci/travis-web)

```

(This badge is an example from [Embedding Status Images](https://docs.travis-ci.com/user/status-images/) on Travis CI.)

In a table, such lengthy notation will be problematic, like this:

| OS     | Status |
|:------:|:------:|
| Ubuntu | [![Build Status](https://travis-ci.org/travis-ci/travis-web.svg?branch=master)](https://travis-ci.org/travis-ci/travis-web) |

```
| OS     | Status |
|:------:|:------:|
| Ubuntu | [![Build Status](https://travis-ci.org/travis-ci/travis-web.svg?branch=master)](https://travis-ci.org/travis-ci/travis-web) |
```

The table above has just one badge. When we want to put several badges in a row, the notation becomes so complex that it is difficult to recognize the column separator `|`. For example, [README.md of srz-zumix/iutest](https://github.com/srz-zumix/iutest/blob/master/README.md) has a table with many badges whose [raw content](https://raw.githubusercontent.com/srz-zumix/iutest/master/README.md) looks very complicated.

Can we get shorter notation somehow?


# Solution

[Reference-style link](https://www.markdownguide.org/basic-syntax/#reference-style-links) is useful. For the table, it will be like this:

```
| OS     | Status |
|:------:|:------:|
| Ubuntu | [![travisci-image]][travisci-link] |
```

`travisci-image` and `travisci-link` also needs be defined in the document, like this:

```
[travisci-image]: https://travis-ci.org/travis-ci/travis-web.svg?branch=master
```

```
[travisci-link]: https://travis-ci.org/travis-ci/travis-web
```

With this short notation for the badge, the notation of the table will be kept managable even when we put several badges in a row.

`travisci-image` and `travisci-link` are arbitrary strings, so we can do whatever we want, like giving them comprehensible names, adjusting length of the names so that the column separator `|` aligns across rows, etc.

Lastly, I created [an example GitHub Gist](https://gist.github.com/TomoyukiAota/812dd25222819347cb9c7eea973fc3b3). Click "Raw" button to see that this notation actually works!
Configure a local Magento 2 multi-store
Tags: magento, magento2, php
Published: 2019-01-24 15:31:01

---
title: Configure a local Magento 2 multi-store
published: true
canonical_url: https://rafaelstz.github.io/blog/magento/Magento-2-multistore-local.html
description: Configure a local Magento 2 installation using multi-store with different themes and configurations, it is the faster way to property test your multi-store and make it work.
tags: magento, magento2, php
---

When we have to configure a multi-store in your local machine you can configure the local NGINX or Apache configuration to make it work, or you can quickly change your `index.php` just to test, fix the issues and not commit this change.

In this same case just to test using Magento 1 we used to change the `$mageRunCode` and `$mageRunType` in the *.htaccess* or *httpd.conf*.
In Magento 2 to test quickly you can use that code into your `index.php`:

```php
$params = $_SERVER;
$params[\Magento\Store\Model\StoreManager::PARAM_RUN_CODE] = 'website_code';
$params[\Magento\Store\Model\StoreManager::PARAM_RUN_TYPE] = 'website';
$bootstrap = \Magento\Framework\App\Bootstrap::create(BP, $params);
```
Feedback: Looking to up my front-end skills
Tags: discuss, feedack, help
Published: 2019-01-24 15:22:11

---
title: Feedback: Looking to up my front-end skills
published: true
description: Soliciting feedback on how to become a better Front-End Dev
tags: #discuss #feedack #help
---
What can I do to improve my front end skills. I enjoy building the front end and working on interfaces too, but I need to dramatically improve my CSS skills and knowledge around UI/UX. 

Do you believe online training programs would be wise and if so which ones would you recommend? 

*I'm open to online bootcamps or Udemy stuff, so don't hold back based on price or learning style.
GitHub Actions is the next big thing
Tags: github, podcast, opensource, productivity
Published: 2019-01-24 15:18:12

---
title: GitHub Actions is the next big thing
published: true
cover_image: https://thepracticaldev.s3.amazonaws.com/i/8ronwg684ir7iptvl47n.png
description: A must-listen episode of The Changelog for anyone who uses GitHub to get stuff done
tags: github, podcast, opensource, productivity
---

This is a _must-listen_ episode of [The Changelog](https://changelog.com/podcast) with [Kyle Daigle](https://twitter.com/kdaigle) (GitHub's Director of Ecosystem Engineering). ICYMI: [Actions](https://github.com/actions) is GitHub's new automation platform that was announced in October and is still in beta.

> Build your container apps, publish packages to registries, or automate welcoming new users to your open source projects — with access to interact with the full GitHub API and any other public APIs, Actions seem to have limitless possibilities.

{% podcast https://dev.to/changelog/331-github-actions-is-the-next-big-thing %}

Get the show notes and transcript (coming soon) [on changelog.com](https://changelog.com/podcast/331) ✊
Which fictional character best describes your job role?
Tags: discuss, career
Published: 2019-01-24 15:13:23

---
title: Which fictional character best describes your job role?
published: true
description: If a character from a book, movie or TV show represented your role at work best, who would it be? And why?
tags: #discuss #career
---

We've had a few good posts on the old "What Is Your Job Title?" question here on Dev ([here](https://dev.to/ben/whats-your-job-title-and-why-is-that-your-title-57h1) and [here](https://dev.to/wuz/what-is-your-job-title-5545)). But I have a problem with job titles. They invariably tell us nothing about what you actually do while sitting in the chair for 8+ hours each day.

I thought we could have a little fun with it and see if anyone can show which fictional character they feel best represents what they *really* do in their job. Could be from a book, a TV show, a movie, comics, songs, whatever - just as long as you can tell us which characteristics or actions tie them back to your role.


##I'll go first.

![Which character is Alan like?](https://thepracticaldev.s3.amazonaws.com/i/dgrtwobcej4w8m69q9dl.jpg)

My job title is "Head of Retail Commercial Excellence". (Gives very little away, doesn't it?) These days, my role is best described as a cross between **Winston Wolfe** from Pulp Fiction and **Liam Neeson** in Taken.

I use my "particular set of skills" to take care of difficult problems. Maybe not quite in the same way those two take care of their problems but still...data can get *very messy*.

Throw in a bit of **Tom Hagen** from The Godfather for mediating between different factions and areas in the business to deliver executive orders. And a dash of **Obi Wan Kenobi** after he became one with the Force as I help mentor and advise people in the mystic arts of our systems and business data. And you're 90% of the way there.

(Yes, I have given this question some thought!)

##It's not just a bit of fun.

You never know who you might get chatting to at a meetup or online. Answering the inevitable "And what do you do?" with "I'm a \<insert generic meaningless job title\>" really won't do you full justice.

If someone told me they were a mix of The Wolf and Liam Neeson though I'd probably give them the old eye roll so don't necessarily rhyme that off. But at least get the main concepts of what it is you **actually** do beyond the usual generic "I write code"/"I analyse data"-style answers. You never know where the resulting conversation might take you.

I've ran analyst interviews where the candidate couldn't deviate at all from what they've (sparingly) written on the page. Sometimes it reads like it's been cribbed straight from the job advert that they got hired on the previous time. It never fills me with confidence that they might actually have the street smarts to operate without needing to be hand-held the whole time. And no-one wants that.

###Now it's your turn.###

Let's see what you've got for us.
Preparation Guide For The MBA Interview
Tags: essay, education, college
Published: 2019-01-24 15:01:53

---
title: Preparation Guide For The MBA Interview
published: true
description: If you are applying to an MBA program, chances are you have put a lot of time and effort into your academic career. You have worked hard to achieve a good score on the GMAT and put thought into writing just the right personal essays. Do not blow all that hard work by not putting the same effort into the MBA interview.
tags: essay, education, college, 
---
Of course, your academic achievement and your professional experience are key factors in admission to business school. They are part of what gets you invited for an interview. But the interview itself is extremely important. MBA programs are also interested in your interpersonal abilities.

Your interview gives the school the opportunity to get a better feel for who you are personally. They are looking for you communication skills as well as your values and if you can stand up under pressure. Basically, the interview is a chance for the school to assess your leadership potential, not only if you can make it through the program academically.

It is always best to go to the school itself to be interviewed instead of seeing a representative locally. You will then also have the chance [help me write an essay](https://writemyessay.services/essay-help/ "help me write an essay") and evaluate whether it is a good fit for you. It also gives you the opportunity to meet some of the faculty and have more than one interview.

Do your best to dress for the part for your interview. This means a conservative suit, especially if you are applying to an Ivy League school. Your clothes must be clean and neat and you should not have on a lot of jewelry. Make sure that no tattoos are visible if you have any.

The interview will ask questions on many different subjects including why you are applying to the school, your life growing up, your career, your education, and current news. It is especially important that you are properly prepared to explain your motivation for going to business school and that you are interviewing at in particular.

Your tone in giving your answers is equally important as the answers themselves. You want to sound confident but not arrogant, self-assured but not self-absorbed. Be calm and rational in your answers. The interviewer wants to see that you are emotionally well balanced.

Have your own questions ready about the school and its program. An MBA interview is also your chance to determine whether the school meets your needs. Your questions should be specific to the individual school and its program. Show that you know what you are talking about and have given consideration to how the school relates to you.

Approach your MBA interview as seriously as you would a job interview. Take it seriously but do not be stressed. Remember that if you are invited for an interview it is because they are seriously interested in what you have to offer.
Form Validation, You're Doing it Wrong, Part Two
Tags: javascript, webdev, ux, regex
Published: 2019-01-24 14:28:18

---
title: Form Validation, You're Doing it Wrong, Part Two
published: true
description: 
tags: javascript, webdev, ux, regex
---

This is a follow-on to [yesterday's post of mine](https://dev.to/dexygen/form-validation-youre-likely-doing-it-wrong-37h9).  Again I will be referring to the same excellent article on [the sorry state of form validation](https://baymard.com/blog/inline-form-validation), though I do have a quibble with the following assertion:

> The validity of each field input should be checked when the user leaves the field or reaches the intended input length.

Actually I think their more general position a bit above this is the better guideline:

> The validity of the input should not be checked until the user has had a chance to fully type *a valid input*."  

Here the emphasis is mine; I think whether an input is valid can sometimes be determined *before* "the user leaves the field or reaches the intended input length."  To that end I've created [another gist](https://gist.github.com/dexygen/b0225fffe4e6d3b39c088a72e431e0dd/56f33d8023a9c7bfb316df47b9d2c000e43ab935), this one demonstrating validating a zip code with an optional dash plus four digits (zip-plus-four) *both* while the user types, *and* when they move away from the field.

Specifically I use two slightly different "regular expressions" to achieve this, the one for matching as the user types permitting zero to five beginning digits with an optional dash and then zero to four digits, the one for matching when the user leaves the field requiring *precisely* five beginning digits, and then an optional dash and *precisely* four digits -- the actual input as it will be needed for submission in the long run:

      const keyupRegex = new RegExp("^\\d{0,5}(-\\d{0,4})?$");
      const blurRegex = new RegExp("^\\d{5}(-\\d{4})?$"); 

Here is a screenshot showing that the user can type a partially correct entry without getting nagged:

![](https://thepracticaldev.s3.amazonaws.com/i/i83pss7rs67wkj9vck7x.png)

But if they blur off the zip field by clicking the checkbox....

![](https://thepracticaldev.s3.amazonaws.com/i/s3qvzllm3lrl2is5c6kv.PNG)

Then though, if the user re-enters the zip field and starts typing something that could potentially be valid (another digit), the error message goes away!

![](https://thepracticaldev.s3.amazonaws.com/i/yybz5d18mj85m72qb5x0.png)

Finally if they finish entering a valid input and uncheck the checkbox, likewise the error is lacking, as it should be.

![](https://thepracticaldev.s3.amazonaws.com/i/xmomkxodue8nm19l19g8.PNG)

This technique could likewise be used for email addresses though the regular expressions will be more complicated.  Hope you learned as much as I did!
Use TweetDeck for your next #DevDiscuss
Tags: productivity, beginners
Published: 2019-01-24 14:25:02

## I've been living under a rock.

I tried using Twitter years ago, but I just couldn't understand the allure. I ended up with several different accounts, and not a single one of them sparked joy for me. 🤣 Then one day I unlocked the mystery when I tagged a musician in this tweet:

{% twitter 225189813962276864 %}

To which he responded:

{% twitter 225827526746988544 %}

Just like that, Ben Kweller knew I existed. *Finally*, I thought, *I get why people use this thing,* and I forgot about it almost entirely. 

Today it is one of the top platforms I use to connect with colleagues, stay abreast of industry news, and laugh at Nathan Fillion's antics.

## Have you heard of TweetDeck?

I have. Maybe. Truth be told, I might be confusing the name with SlackDeck, because before last Tuesday I wasn't aware of TweetDeck's existence. When I fired it up, I noticed that it shared a likeness with another application I've been using lately:

![DevHub](https://thepracticaldev.s3.amazonaws.com/i/ulek9i99b7exl1oqe47x.PNG)

I decided that TweetDeck must have inspired the design, and, therefore, TweetDeck must be the senior application by, what, a year or two?

**Ten Years.** 🤦🏼‍♂️

## How I will be using TweetDeck in the future.

This isn't a *How To Use TweetDeck* article; I intend a very specific purpose, so I will be terse. For your next #DevDiscuss, try adding only three columns to your TweetDeck:

1. A search column for #DevDiscuss
2. A notifications column
3. A collections column to save things for later.

Your #DevDiscuss tweets will flow into one place, you can respond without navigating away, responses will show up in your notifications, and you can drag tweets you want to come back to into your collections column:

![TweetDeck](https://thepracticaldev.s3.amazonaws.com/i/67un9yv0dhyktirp2dxl.PNG)

## One Final, Obvious Tip.

The above image shows a squeaky clean setup for #DevDiscuss, but TweetDeck also makes it easy not to miss tweets from your favorite people by assigning them to a column. On any given day, half of you might be in mine. ❤️

## That is all.
A customisable OS Angular Material Treetable component
Tags: javascript, angular, typescript, webdev
Published: 2019-01-24 13:50:27

---
title: A customisable OS Angular Material Treetable component
published: true
description: 
tags: javascript, angular, typescript, webdev
cover_image: https://images.unsplash.com/photo-1511497584788-876760111969?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1000&q=80
---

Hey folks, first post here on dev.to!

I've just released the beta version of my first (semi-real) open source library. It's a customisable Angular Material TreeTable component, which seemed to be missing in the standard Angular Material libraries.

You can check it out [here](https://github.com/mlrv/ng-material-treetable) 😊

Comments, feedback, suggestions, bug reports, and ⭐⭐⭐ are very much appreciated!
Follow This Path - A Study Guide for Software Development with Swift
Tags: study, swift, guide
Published: 2019-01-24 11:59:51

---
title: Follow This Path - A Study Guide for Software Development with Swift
published: true
description: 
tags: study, swift, guide
cover_image: https://thepracticaldev.s3.amazonaws.com/i/6rr5ehhom0uyy9dkxf4y.png
---
A difficulty that I always have in my studies was to prioritize what I should study. The big questions have always been "Is this important?" "Is this difficult?" "Will this subject take me a long time?" These questions can be a fuel for procrastination.

To solve this problem, me and some friends created and organized a study guide. It consists of 3 levels and each level has a lot of tasks to be accomplished. All tasks are prioritized, from the most basic topic to the most advanced and most important to the least. The goal is for this guide to be a reference both for beginners and for those who already work professionally with software development.

## How to study
Given the popularization of the Kanban boards, the study guide was created and organized in Trello, a kind of virtual Kanban. For those who do not know, Kanban is a scheme / framework to organize some tasks, and then execute. To use this board, you must follow some rules:
- Never skip a task, always take the first from top to bottom;
- Avoid jumping from levels (columns), advance only to the next level if you finished the previous one;
- When you begin to study a topic (card), move it to the Learning column;
- Have only one subject in the Learning column;
- Use the card description field to write down what you have learned about the topic;
- Use the links that are attached on the cards as a reference of content and add your own references on the card;
- Move to Done only when you are comfortable talking about the topic or applying what you have studied;
- Along with the above suggestion, create your own definition of done.

## How to use the board
![Trello Board](https://thepracticaldev.s3.amazonaws.com/i/nf7xaw4nlen5u1was0l4.png)
On the board exists 5 columns and the first 3 represent each of the levels. To take your study guide you must follow these steps:
- Create a Trello account;
- Access https://trello.com/b/hLGyiEEE/swift-developer-roadmap-template;
- Click Show Menu;
- Click More;
- Click Copy Board;
- Define a title for your study guide;
- Click Create, and you are done.

If you missed something, with the board copied to your Trello, you can add as many topics as you like. But it is up to you to set a priority for the new items.
Contribute

If you have any ideas for changing the guide, do not hesitate to share it with me. Send me a message on the [**telegram**](http://t.me/ronanrodrigo) and then we can talk about board improvements.

I started creating this guide based on this Medium post and in this repository on Github. This work had contributions from: Eric Alve Britto, Francesco Perotti-Garcia, Judar Lima, Muriel Silveira, Thiago Holanda, Vitor Maraccini, Vinicius Andrade e Vinicius Carvalho. I thank you all!
Natural Language Processing interview Questions 
Published: 2019-01-24 11:42:11

---
title: Natural Language Processing interview Questions 
published: true
description: Here I am going to share 10 Important Natural Language Processing(NLP) Interview Questions that can be asked to an NLP engineer.
tags: 
---

Here I am going to share 10 Important Natural Language Processing(NLP) Interview Questions that can be asked to an NLP engineer.

##1. What is NLP?

##2.Define the NLP Terminology?

##3. What is Lemmatization in NLP?

##4. What is latent semantic indexing and where can it be applied?

##5. What is dependency parsing?

##6. Explain the difference between regular grammar and regular expression.

##7. Explain Named entity recognition (NER)?

##8. What is pragmatic analysis in NLP?

##9. Explain the Masked Language Model?

##10. What is the difference between NLP and NLU?

Good Luck for Interview.Hope you can answer these questions. 

https://www.onlineinterviewquestions.com/nlp-interview-questions/
Connect Game Controller over RDP
Tags: gaming, rdp, xbox, usb
Published: 2019-01-24 11:13:15

---
title: Connect Game Controller over RDP
published: true
description: 
tags: Gaming, RDP, XBOX, usb
---
As you recognize, many folks need to attach native gamepad to a distant game station via the Remote Desktop Protocol (RDP) to play favorite games, perhaps do not know all, however has a method. Remote protocols cannot support USB devices of some varieties, however with a reliable third-party USB over RDP redirector app known as [USB Network Gate](https://usb-over-network.org), you’ll be able to forward just about any native USB peripheral over RDP.
In this article you can know, how to connect [Game Controller over RDP](https://www.eltima.com/article/game-controller-over-rdp/).