teleren/devto huggingface dataset:
Take a 3-Minute Break and Listen to "Code Monkey" by Jonathan Coulton
Tags: fun, music
Published: 2018-10-29 17:24:48

Found this gem today and thought this would be a good place to share it:


[!["Code Monkey" by Jonathan Coulton on YouTube](https://upload.wikimedia.org/wikipedia/en/3/3b/Thing_a_Week_Three.jpg)](https://www.youtube.com/watch?annotation_id=annotation_883500&feature=iv&src_vid=kWrjYdD0Tg0&v=MNl3fTods9c)

(Image links to YouTube video.)
The 7 Most Popular DEV Posts from the Past Week
Tags: top7, bestofdev
Published: 2018-10-29 16:45:56

---
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, bestofdev
cover_image: https://thepracticaldev.s3.amazonaws.com/i/sfwcvweirpf2qka2lg2b.png
---

#1. Top Priority

- Why accessibility matters
- Making a website accessible
- Testing accessibility

{% link https://dev.to/maxwell_dev/the-web-accessibility-introduction-i-wish-i-had-4ope %}

#2. 10+ years of Vue experience, please

A fun app for recruiters ;)

{% link https://dev.to/jsrn/you-want-how-many-years-experience-4jl4 %}

#3. Where do you spend your time?

If it's in the terminal and you've customized zero things, this post is for you! If your terminal is ultra configured, leave share additional suggestions in the comments :) 

{% link https://dev.to/thejessleigh/essential-quality-of-life-terminal-improvements-4pa4 %}

#4. Don't split the canvas

Every individual/team works differently. Adrián explains why they believe git branching is harmful to the development cycle. 

{% link https://dev.to/anortef/why-branching-on-git-is-wrong-1pao %}

#5. Grok testing

- What is Testing
- Benefits of Testing
- Black Box vs White Box
- Test Pyramid
- Structuring Tests
- What to Test
- When to Write Tests

{% link https://dev.to/alysivji/testing-101-introduction-to-testing-5hdk %}


#6. An excellent language

Exactly at the title suggestions. Arik shares how features like JVM to automatic memory management are reasons why they love Java. 

{% link https://dev.to/acoh3n/why-i-love-java-5c14 %}

#7. Don't believe everything you read on the internet

Common misconceptions about DevOps 🙃

{% link https://dev.to/mattstratton/hot-takes-myths-and-fake-news---why-everyone-is-wrong-about-devops-except-for-me-265j %}

_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!_
React Ladies: Call for NYC Speakers
Tags: react, nyc
Published: 2018-10-29 16:43:07

---
title: React Ladies: Call for NYC Speakers
published: true
description: React Ladies is accepting lightning talk submissions
tags: react, NYC
---

React Ladies is accepting lightning talk submissions ⚡️for our November 14th, Meetup in NYC! 

- Have you played with any ~ experimental ~ React features?  
- First-time speaker?
- Do you have the basics of ReactJS down?
- Have you explored GatsbyJS?

We want to hear from you! 🎙️

http://reactladies.com/nyc/ 

RSVP to Meetup and view current lineup here: https://www.meetup.com/React-Ladies/events/255228134/
Learn Angular 7 | Episode 3 of 5 | Part 3
Tags: angular, webdev
Published: 2018-10-29 16:38:18

---
title: Learn Angular 7 | Episode 3 of 5 | Part 3
published: true
description: Learn Angular 7 | Episode 3 of 5 | Part 3
tags: angular, webdev
---

{% youtube OFArTOJ21s0 %}
RXWorkshop 
Tags: discuss
Published: 2018-10-29 15:00:45


---
title: RXWorkshop 
published: true
description: Is RxJS workshop worth it?        
tags: #discuss
---
I need to learn RxJs quickly for a new job. I came across the ['official' workshop](https://www.thisdot.co/rx-workshop) by the creator Ben Lesh. I'm sure it's high quality but it's only 2.5 hours long, and the kicker is that you can only watch it for two weeks after purchase and it's $200. Anybody taken it here?
Error with github OAuth
Tags: errors, devto
Published: 2018-10-29 14:25:48

---
title: Error with github OAuth
published: true
description: The login with github account got an error
tags: error, dev.to
---

I have logged in to my Github account and remember the password in Safari keychain of my computer. The keychain filled my account and password when I'm logging in to dev.to with my Github account and it shown the error as attached image. Maybe there are some issues with page redirection after authorizing with OAuth. This is my first experience with dev.to ! ^^


![OAuth github error](https://thepracticaldev.s3.amazonaws.com/i/kohvhmgavyu12dndq47s.png)
PromptConfig, craft a custom terminal prompt with JSON
Tags: opensource, bash, terminal, shell
Published: 2018-10-29 14:16:02

---
title: PromptConfig, craft a custom terminal prompt with JSON
published: true
tags: opensource, bash, terminal, shell
---

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

[PromptConfig](https://github.com/brandonweiss/promptconfig) lets you describe your prompt expressively in JSON and then it gets compiled to Bash. A very simple prompt might look like this:

```javascript
{
  "prompt": ["character", "space"],
  "components": [
    {
      "key": "character",
      "value": "❯",
      "color": "magenta"
    }
  ]
}
```

And it will generate Bash that looks like this:

```bash
function _promptconfig_prompt() {
  local prompt=''
  prompt+='\[\e[38;5;5m\]'
  prompt+='❯'
  prompt+='\[\e[0m\]'
  prompt+=' '
  PS1=$prompt
}

PROMPT_COMMAND="_promptconfig_prompt; $PROMPT_COMMAND"
```

## Why?

Bash is hard. It’s an arcane language and environment with a steep learning curve. Most programmers wind up using it on a very superficial level, figuring out just enough to get done what they need to do.

Unfortunately, customizing your prompt correctly requires a disproportionately high understanding of how Bash and the terminal work relative to what you’re trying to actually do. The internet is filled with recommendations that will break your prompt in subtle ways that aren’t immediately obvious and later you might not understand are caused by your custom prompt. I’m speaking from personal experience. 😭

It shouldn’t be that complicated and hopefully now it isn’t.

[Take a look](https://github.com/brandonweiss/promptconfig) and let me know what you think!
Create a Web Component with LitElement
Tags: customelements, webcomponents, javascript, frontend
Published: 2018-10-29 14:15:21

---
title: Create a Web Component with LitElement
published: true
description: Web application developed with Lit-element
tags: customelements, webcomponents, javascript, frontend
cover_image: https://thepracticaldev.s3.amazonaws.com/i/t990uoia0srpihxwbqc8.png
---

Two weeks ago I started to play with Web Components. I think that Web Components is a great approach to build reusable components.

So I want to share with you the repositories where I worked. I also created a scaffolding to generate a **custom-element** with all you need.

Custom Elements:
 - [Respository](https://github.com/grandemayta/custom-element-pokemon-cards)
 - [Scaffolding](https://github.com/grandemayta/custom-elements-scaffolding)
 - [Codepen Example](https://codepen.io/grandemayta/pen/WaMYwe)

{% codepen https://codepen.io/grandemayta/pen/WaMYwe %}

After tried the potential of custom elements I created another project with Web Components support. For this purpose I used [Lit-element](https://github.com/Polymer/lit-element) a library developed by Polymer team to support Web Components.

Web Components:
 - [Respository](https://github.com/grandemayta/webcomponents-exchange-rates)
 - [Scaffolding](https://github.com/grandemayta/webcomponents-scaffolding)
 - [Codepen Example](https://codepen.io/grandemayta/pen/mzgBKw)

{% codepen https://codepen.io/grandemayta/pen/mzgBKw %}

While I writing this post Chrome, Safari and Firefox support Web Components and Microsoft [announced](https://blogs.windows.com/msedgedev/2015/07/15/microsoft-edge-and-web-components/) they are working to bring Web Components to Edge. 

If you need to support IE11 you can integrate [webcomponents library](https://github.com/webcomponents/webcomponentsjs) that works fine.

What do you think about Web Components?
Interfaces de comandos con Python
Tags: python, cli
Published: 2018-10-29 15:06:59

---
title: Interfaces de comandos con Python
published: true
tags: python, cli
canonical_url: https://yorodm.github.io/blog/python-simple-cli/
---

# Interfaces de comandos sencillas con Python.

Entre las muchas cosas para las que uso [Python](https://python.org) está escribir pequeñas herramientas de líneas de comandos que me ayudan en el día a día (especialmente cuando toca trabajar de **devops** ). Aunque en la biblioteca estándar existe `argparse` y muchos están contentos con eso, personalmente me gustan alternativas que me hagan la vida más fácil.

## Docopt.

[Docopt](http://docopt.org/ "Docopt") Es (en mi opinión) uno de los mejores frameworks para crear herramientas de líneas de comandos que existe y tiene además la ventaja de no ser exclusiva de **Python** , para utilizarla solo tienes que documentar el módulo o función que va a obtener los argumentos de la línea de comandos. Veamos un ejemplo de una herramienta que utilizo para subscribir ahorrarme tener que subscribir a un conjunto de usuarios cuando creo un repositorio.

```python
"""Subscriber.

Usage:
  subscriber.py repo <reponame> group <groupname>

"""

def main(arguments):
    repo_name = arguments.get('<reponame>')
    group_name = arguments.get('<groupname>')
    # El resto va aqui

if __name__ == ' __main__':
    arguments = docopt( __doc__ )
    main(arguments)

```

Al invocar la herramienta sin parámetros obtenemos el siguiente mensaje de ayuda:

```
$ python subscriber.py
Usage:
  subscriber.py repo <reponame> group <groupname>
```

Para utilizarla simplemente podemos

```
$ python subscriber.py repo https://my.repo.cu group developers
```

Ventajas:

1. El código extra es mínimo (casi todo es documentación).
2. Ganas la documentación de gratis.
3. El minilenguaje de las cli es extremadamente poderoso.

Desventajas:

1. Tienes que aprender el minilenguaje.

## Lazycli.

[Lazycli](https://github.com/ninjaaron/lazycli "Lazycli") es un framework **muy nuevo** pero de una simpleza y claridad que dan ganas de usarlo. En lugar de documentación utilizamos decoradores para declarar nuestra **CLI**. El autor nos muestra como ejemplo un clon de `cp`

```
#!/usr/bin/env python3
import lazycli
import shutil
import sys

@lazycli.script
def cp(*src, dst, recursive=False):
    """copy around files"""
    for path in src:
        try:
            shutil.copy2(path, dst)
        except IsADirectoryError as err:
            if recursive:
                shutil.copytree(path, dst)
            else:
                print(err, file=sys.stderr)

if __name__ == ' __main__':
    cp.run()
```

Si invocamos la herramienta obtenemos lo siguiente:

```
$ python cp.py -h
usage: cp.py [-h] [-r] [src [src ...]] dst

copy around files

positional arguments:
  src
  dst

optional arguments:
  -h, --help show this help message and exit
  -r, --recursive
```

Ventajas:

1. Casi 0 código extra (ejecutar el objeto que devuelve el decorador).
2. Convención sobre configuración.

Desventajas:

1. No es tán versátil como `docopt`.
A Short Comparison for Automated Testing Tools
Tags: testing, productivity, discuss, webdev
Published: 2018-10-29 12:09:05

--- 
title: A Short Comparison for Automated Testing Tools
published: true
description: Comparing Automated Testing Tools
tags: testing, productivity, discuss, webdev
---


The open source and zero license cost nature of Selenium is attractive when compared to the license or subscription costs of commercial automation solutions. 

But there is more to it than just that when you look at the cost of implementing an automation solution.

Selenium is open source and free, however building and using an automation solution on this ‘free’ software comes with some real costs.


The open source tools/libraries provide a starting point but you still have to write code for test creation, management, execution, handling errors and reporting.  Note that this is over and above the test logic that you want to automate.

Also to be considered are the costs of building and managing an infrastructure to run these tests. 


![endtest testim mabl ghost inspector](https://i.imgur.com/eGwjDXS.png)

Now let's have a look at the costs:

![endtest testim mabl ghost inspector](https://i.imgur.com/fYc33uf.png)


As you can see, [Endtest](https://endtest.io)’s pricing plan provides the best value for your money, especially taking into consideration the amount of functionalities provided,  mentioned in the comparison above.
What is abstraction in computer science?
Tags: abstraction, computerscience, concepts
Published: 2018-10-29 11:14:45

---
title: What is abstraction in computer science?
published: true
description: 
tags: abstraction, computer science, concepts
---

Hi, dev.to! 

I decided to focus on creating a video series explaining important concepts of computer science and programming. This new episode is about abstraction. 

It gives a short overview, some analogies and visual explanations, then proceeds to a couple of examples showing how one might add or remove abstractions in a real app.

This is quite new to me, and I hope you'll find it useful. Don't hesitate to leave any kind of feedback. I'll do my best to learn and improve my work :-)

{% youtube _y-5nZAbgt4 %}
Refactor an app to use Redux with React-Redux
Tags: javascript, react, learning
Published: 2018-10-29 10:35:36

---
title: Refactor an app to use Redux with React-Redux
published: true
description: 
tags: #javascript, #react, #learning
---

Want to learn using Redux with React for FREE? I've got great response and reviews on my first course in React. Therefore I've decided to give away my continuation of the course where we learn how to use Redux with official React-Redux bindings. It’s free for everyone to take and it’s possible to take the course without taking my previous course in React. 

https://www.udemy.com/weiben-react-redux

https://thepracticaldev.s3.amazonaws.com/i/vsbob6d058drze9erlr1.jpg
Forgot Windows password
Published: 2018-10-29 10:31:28

---
title: Forgot Windows password
published: true
description: I lost access to my Windows computer after recent update. My initial password was denied. What are the other options to recover the password except reinstall?
tags: 
---

I lost access to my Windows computer after recent update. My initial password was denied. What are the other options to recover the password except reinstall?
Crypto Currencies - What do you think about it?
Tags: crypto, currency, discuss, research
Published: 2018-10-29 10:25:51

---
title: Crypto Currencies - What do you think about it?
published: true
description: Leave me some feedback on crypto and what are your thoughts about it!
tags: #crypto #currency #discussion #research
---

![Header Crypto](https://thepracticaldev.s3.amazonaws.com/i/a1487knscotcmrqdy1u8.png)

Lately, I came across this thesis survey: 

{% twitter 1056653304212742145 %}


Which made me think about: 

* What do you, as a developer and also non-developers, think about certain aspects of crypto currencies?
* Have you even heard of it? 
* Do you think it's something that you will work on in your coming years?

Please let me know and definitely check out the survey to answer those questions made by [AnnaRomeroSierr](https://twitter.com/AnnaRomeroSierr)
What do you mean it’s not editable any more?
Tags: fields, sitecore
Published: 2019-09-06 14:41:32

---
title: What do you mean it’s not editable any more?
published: true
tags: Fields,Sitecore
canonical_url: https://blog.jermdavis.dev/posts/2018/what-do-you-mean-its-not-editable-any-more
---

So while battling the jetlag that hit me pretty hard getting back from [Sitecore Symposium](https://dev.to/jermdavis/get-your-sitecore-simposium-slides-5cj9-temp-slug-5117309), this issue came popped up in my bug queue last week. QA reported that a certain component on a test page was not allowing one field to be edited. It had worked in the past, but the behaviour suddenly changed so that one field no longer got the “you can edit this” overlay in Experience Editor. It took me longer than it should have to work out why…

## The issue:

Turning on “show controls” in Experience Editor showed the following:

[![](https://jermdavis.files.wordpress.com/2018/10/fieldyoucantedit.png?w=800&h=513)](https://jermdavis.files.wordpress.com/2018/10/fieldyoucantedit.png)

The page’s other fields are all editable, but the “This bit of text…” field isn’t. And oddly an empty edit control has appeared above it. Looking at the view behind the control there are two editable fields:

[![](https://jermdavis.files.wordpress.com/2018/10/badfieldview.png?w=800)](https://jermdavis.files.wordpress.com/2018/10/badfieldview.png)

But in the markup you can see in the browser, there seems to be an editable field with nothing in it, followed by the text for our field, followed by an empty element:

[![](https://jermdavis.files.wordpress.com/2018/10/badfieldmarkup.png?w=800)](https://jermdavis.files.wordpress.com/2018/10/badfieldmarkup.png)

What’s going on there?

## Bitten by the HTML specification!

Well the answer is pretty simple really: &lt;p/&gt; elements have rules about what they’re allowed to contain. The rules say you can put “[phrasing content](https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Content_categories#Phrasing_content)” inside a paragraph. And those rules exclude other &lt;p/&gt; elements, or &lt;div/&gt;s.

The content for the broken field was rich text, and looking at the HTML it contained:

[![](https://jermdavis.files.wordpress.com/2018/10/fieldcontents.png?w=800)](https://jermdavis.files.wordpress.com/2018/10/fieldcontents.png)

There was another &lt;p/&gt; in the markup…

So that’s what was breaking the editing behaviour. The Glass editing control was within a &lt;p/&gt;, but the field contained a &lt;p/&gt;. So the browser was seeing invalid HTML, and closing the first (view) &lt;p/&gt; before it started on the &lt;p/&gt; from the field’s content. That meant Sitecore’s Experience Editor markup was being applied to the first (empty) element, and not to the second one that the browser created – which had the field’s text in it…

## So…

The key thing to remember is: When you’re doing the HTML for your views, don’t put &lt;p/&gt; element around a rich text field, unless you’re doing something to restict the rich text to elements that are valid inside a &lt;p/&gt;...
Tune down LinkedIn noise with JS
Tags: javascript, linkedin
Published: 2018-10-29 06:41:33

---
title: Tune down LinkedIn noise with JS
published: true
description: If you're LinkedIn is overflowing with useless crap from people, try this.
tags: #javascript #linkedin 
---

![image](https://upload.wikimedia.org/wikipedia/commons/f/f6/White-noise-mv255-240x180.png)

Hi everyone,

I recently realised how much useless **likes, follows, shares** are on my LinkedIn feed and decided to make a change, by unfollowing several people at once. However LinkedIn doesn't provide this option (or atleast I don't know about it). The method is fairly simple and many people have done this already, but here's my take.

####Explore
Go to [manage followers](https://www.linkedin.com/feed/followers/) page and click on **x Following** next to **Follow fresh perspectives**. Hit Inspect on the **Following** check on any of the people on it. On inspecting you'll see the massive DOM with too much information.

####What's it about?
It's just a button which toggles between follow and unfollow.

####What do we want to do?
**Assuming you want to unfollow everyone**. Click on all these **Following** buttons on this page and that's where JS comes in handy. When you're following someone the button will be of let's say **CLASS FOLLOWING** and **CLASS NOT FOLLOWING** otherwise.

####What we'll do?
Just loop over all these **Following** buttons. Check out this [link](https://www.sitepoint.com/community/t/looping-through-li-elements-in-ul/6049).

####How?
In console, this is what you do, while being on the same page. Now this might be kind of stupid/naive way of doing it, but it worked.

```javascript
//Create a variable that refers to the **CLASS FOLLOWING** buttons on this page.

var follow = document.getElementsByClassName("SEARCH THE CLASS ;)");

//get follow length, that is, how many buttons are there on the current scroll, since they increase when you go down, responsive web design or whatever that is.

var followLength = follow.length;

//loop over all the buttons and click them one by one, thereby unfollowing people.

for(var i =0;i<followLength;i++){
        follow[0].click();
    }

```

####Limitations

1. Since I'm a JS noob, the follow length updates while the page is scrolled down, this might cause some trouble.
2. If you're following everyone, like say 500 people like I did, It can just halt chrome to a grind!
3. I frankly get confused by following/followers page, because followers page also has the same button and then it resets itself, because....I'm not able to explain it, but why can't LinkedIn make it on the same page?!So you might want to check this behaviour out and see how it works for a couple of people.

***I tried this because I wanted to unfollow everyone, in case you do, you might want to follow a small set of people who are relevant to your case, otherwise you'll end up checking/unchecking them again manually!***

Oh and don't forget to click on the DONE button on top to refresh your feed! :)

Have fun!
Looking For Front End Developer
Tags: php, crypto, adult, livestream
Published: 2018-10-29 04:08:33

---
title: Looking For Front End Developer
published: true
description: AdultChain is looking for developers or technical savvy people
tags: PHP, Crypto, Adult, Livestream
--- 

![Looking For Front End PHP Dev](https://thepracticaldev.s3.amazonaws.com/i/x4vu9l087mitfoe5fuho.png)

### for a live streaming adult entertainment platform

Hey guys, I really hate my first post being a request for help, but I seriously couldn't help myself after finding dev.to I cant tell you how much l love using markdown for everything I do so you can imagine how excited I got when I clicked on “write post” and was immediately familiar.

So anyways it would seem that I have inherited a cryptocurrency [AdultChain](http://www.adultchain.me) after the dev left the project and handed it down to me after it had already been done once. I dont plan on doing the same so Im turning to the community.

We have been handed the code from the previous team and it actually looks like a lot of it was roughed in, and we would like to find somebody willing to 

- help complete the platform
- maintain the code for us possibly.

What we currently need

- age verification
- user content management (ie, scheduling shows, alerts, info page etc)
- web wallet integration to allow micro payments and tipping of AdultChain
- chat box, commenting
- other stuff I forgot?

The platform in its current state is supposed to be a [Chaturbate]
(https://chaturbate.com/) clone or similar. The site in its current form can be seen here [AdultChain.Live](http://adultchain.live/) 

We currently have a back end developer who was kind enough to get both the front and back ends communicating as well as tested their streaming capability but we still need to find someone able to complete it so we can at least start Beta testing.

Normally I would just be begging for help in a situation like this, or forced to learn things I probably shouldn't be using in production, but I can happily compensate the qualified individual for doing this work for us. I understand there is a bit of a stigma attached to the whole industry and understand some people being turned off by the idea of working on such a project but if non of that bothers you please direct message me or come talk me in [discord](https://discord.gg/xDuxwDb). 

Im really interested in talking to someone a little technical its been rough asking the actual community lol. Im a script kiddy at best and just cant do this in the time frame needed.

Look me up on twitter as well for reference [@Fleshwounded](https://twitter.com/fleshwounded)