teleren/devto huggingface dataset:
Reset Button
Tags: beginners, webdev, discuss, career
Published: 2019-05-08 19:11:35

---
title: Reset Button
published: true
description: Sometimes the best option is starting over
tags: #beginners, #webdev, #discuss, #career
---

<img src="https://thepracticaldev.s3.amazonaws.com/i/pml309vo23f1yfb4uypy.jpg" width="300px" height="300px">

When I was a kid, the two most useful instruments you had playing a video game were the quick save button, and the reset button. I can't tell you how many nights I spent hitting the reset button trying to beat Super Mario 64 or get a perfect run on Tony Hawk's Pro Skater. Reset. Reset. Reset.

**It seems in life there's a few times we wish we too had a reset button!**

I graduated with a Bachelors degree in Mass Communication in 2013, armed with 4+ years of knowledge I set out ever so naively expecting to find a job right after graduation, live close to my girlfriend and maybe get married in two or three years. But as all coders know, just because you write a statement that looks perfect, doesn't mean it's going to run perfect. I mean let's be honest, pretty much nothing runs perfect the first time.

I found myself three years later unemployed after the computer store I was working at got bought out and the new company cleaned house; I was single, unemployed, living with my mom. This is starting to either sound like a movie trope, or the beginning of every "think piece" of journalism about people my age ever written.

**Clearly the black hole that was my bachelors degree wasn't going to work out. So what then?**

That's when I discovered coding. Not in some, miraculous fury of typing and learning a language in a month. No…I am not a "Rockstar coder". Honestly I ran through some tutorials on Ruby and some other coding language I don't even remember, and thought, "Hey! This is pretty fun." I took stock of who I am, and thought despite the Achilles' heel that is my math proficiency, I should take a look at this. I like problem solving, I like creativity, I like seeing something I've done from just pieces come together and actually do something. So with not even an idea of HTML/CSS, (I was more of a Xanga kid, I didn't really customize my Myspace page in high school), I looked at boot camps, and with some help decided on the A.A.S that I just graduated with.

What they don't tell you about reset buttons is it takes a lot of courage to press one. There are consequences. Financial commitment, sacrificing nights, and weekends; caring a little more about how to make sure your abstract class in your java final works with your subclasses, or about how PHP uses Salt to encrypt your password, and then how do you decrypt it for login?!

But there's only a few times in life where you get to press a reset button and end up exactly where you needed to be. Maybe I haven't completed the level, but I'm definitely at a better starting point than I was when it began. Sometimes all you need to do is have the courage to reset, whether in life, or when you can't get past a particularly hard error message, (I'm looking at you PHP). And who knows, you might just level up along the way.
Machine Learning – The Basic Technology of Robot
Tags: machinelearning, robotics
Published: 2020-01-02 18:45:21

---
title: Machine Learning – The Basic Technology of Robot
published: true
date: 2019-05-08 18:37:40 UTC
tags: MachineLearning, Robotics
canonical_url: https://codebriefly.com/machine-learning-the-basic-technology-of-robot/
---

 ![Machine Learning - The Basic Technology of Robot](https://codebriefly.com/wp-content/uploads/2019/05/Machine-Learning-The-Basic-Technology-of-Robot.jpg)

We can’t compare Robots with a human being complete. The robot is a great creation of a human being through machine learning technology and artificial intelligence. Also, automation and other supporting programming languages help accomplish the project successfully. The approach of Task We segment a task in an order of valuable actions with required parameters, keyword, […]

The post [Machine Learning – The Basic Technology of Robot](https://codebriefly.com/machine-learning-the-basic-technology-of-robot/) appeared first on [Code Briefly](https://codebriefly.com).
Time to update Bootstrap and JQuery!
Tags: opensource, javascript, vulnerabilities, cybersecurity
Published: 2019-05-08 18:15:13

---
title: Time to update Bootstrap and JQuery!
published: true
description: If you are using an old version of these libraries you are potentially exposed to serious exploits: it's time to upgrade, a patch release is available!
tags: #opensource #javascript #vulnerabilities #cybersecurity
---

**Bootstrap**
Bootstrap v4.3.1 and v3.4.1 [are out and available](https://blog.getbootstrap.com/2019/02/13/bootstrap-4-3-1-and-3-4-1/) to patch an XSS vulnerability, [CVE-2019-8331](https://cve.mitre.org/cgi-bin/cvename.cgi?name=CVE-2019-8331). For any users of the legacy 3.3.7, this will fix also other three XSS issues, namely [CVE-2018-14040](https://cve.mitre.org/cgi-bin/cvename.cgi?name=CVE-2018-14040), [CVE-2018-14041](https://cve.mitre.org/cgi-bin/cvename.cgi?name=CVE-2018-14041) and [CVE-2018-14042](https://cve.mitre.org/cgi-bin/cvename.cgi?name=CVE-2018-14042). Bootstrap now include a JavaScript sanitizer that will only allow whitelisted HTML elements in the data attribute of an element.

It's available through all the channels: as [NPM package](https://www.npmjs.com/package/bootstrap), [via CDNs](https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.4.1/js/bootstrap.min.js) and for old fashioned guys also as a [direct download from Github](https://github.com/twbs/bootstrap/releases/tag/v3.4.1). 

**JQuery**
Also, please do not forget JQuery! Versions prior to 3.4.0 are susceptible to prototype pollution attack (see [CVE-2019-11358](https://cve.mitre.org/cgi-bin/cvename.cgi?name=CVE-2019-11358)): even if the attack is quite complicated, it's advisable to upgrade any web app that uses jQuery code for its frontend.

You can find it as [NPM package](https://www.npmjs.com/package/jquery) or [via CDNs](https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.0/js/jquery.min.js)

**Conclusions?**
You do not have any excuses now: upgrade now!
Share your thoughts about code freezing
Tags: devtools, codefreeze, discuss
Published: 2019-05-08 18:11:35

---
title: Share your thoughts about code freezing
published: true
description: What are your thoughts on code freezing as a practice?
tags: devtools,codefreeze,discuss
---

In the last few days we've been getting feedback around how code freezing sort of flows in the opposite direction of Continuous Integration, which is not false, it does break it in a sense. But we also believe that for certain situations it is desired to stop merging code into production, here are a few examples:

- When young products are being demoed in events.
- When Mobile dev teams are submitting an app version for approval in the different application stores.
- When infrastructural changes are being made. (i.e. server migrations, database engine migrations, etc.)
- When apps need to be reviewed out, or audited for compliance purposes.

Do you agree with these? There could also be a lot more scenarios in which code freezing might be a good idea or strategy, but we would love to hear from you.

- Do you think this is a relevant topic or discussion to have?
- Do you think sometimes it is ok not to follow a principle completely? (like CI/CD for instance).
- What do you think in general about this topic?

Please share your thoughts!

Happy Wednesday!
Integrating Verimi Using Custom Connections
Tags: verimi, auth0, identitymanagement, authentication
Published: 2019-05-08 17:59:05

---
title: Integrating Verimi Using Custom Connections
published: true
description: Discover how to set up and use German identity provider Verimi and integrate it using Custom Connections
tags: #verimi #auth0 #identitymanagement #authentication
canonical_url: https://auth0.com/blog/integrating-verimi-using-custom-connections/
---

The purpose of this sample project is to demonstrate how a web developer, using Auth0, can add the identity provider Verimi as an option for their end users to signup and login to his/her web application.

[Read on 🎆](https://auth0.com/blog/integrating-verimi-using-custom-connections/?utm_source=twitter&utm_medium=sc&utm_campaign=ger_verimi)

![Integrating Verimi Using Custom Connections](https://thepracticaldev.s3.amazonaws.com/i/86beec7w4yy6xmbwj5tb.png)
netID Integration Using Custom Connections
Tags: identitymanagement, authentication, auth0, netid
Published: 2019-05-08 17:51:58

---
title: netID Integration Using Custom Connections
published: true
description: Discover how to set up and use German identity provider netID and integrate it using Custom Connections
tags: #identitymanagement #authentication #auth0 #netid
canonical_url: https://auth0.com/blog/netid-integration-using-custom-connections/
---

The purpose of this sample project is to demonstrate how a web developer, using Auth0, can add the identity provider netID as an option for their end users to signup and login to their web applications.

[Read on ✨](https://auth0.com/blog/netid-integration-using-custom-connections/?utm_source=dev&utm_medium=sc&utm_campaign=ger_netid)

![netID Integration Using Custom Connections](https://thepracticaldev.s3.amazonaws.com/i/ps620919xee6uvfk7625.png)
Is there any open source headless CMS that support native horizontal scaling?
Tags: help, kubernetes
Published: 2019-05-08 17:29:24

---
title: Is there any open source headless CMS that support native horizontal scaling?
published: true
description: 
tags: help, Kubernetes
---

I'm learning Kubernetes and want to test out the auto scaling, and I think there isn't anything other than a CMS can represent the majority websites today. I spend several days searching on Google. Though it comes some positive results, none of them are open sourced (at least self-hostable). 

I know WordPress can be scaled out to serve millions, but the setup is way too complicated.

Things I look for:
- Headless
- Native Scaling
- Small docker container size
- Decent plugin system for things like OpenID

Things I don't really care:
- Language
- Storage system (Flat file/Database)

I will be surprised that if there isn't a FOSS CMS build with these functionalities as micro-services with Kubernetes/EKS are the norm today.
I created react hooks for reducing re-rendering caused of statement change.
Tags: react, javascript, hooks, performance
Published: 2019-05-08 17:02:25

---
title: I created react hooks for reducing re-rendering caused of statement change.
published: true
description: `use-flush` will help component to be re-rendered just once in `n seconds`.
tags: reactjs, javascript, hooks, performance
---

In React, a component will be re-rendered when `state` is changed.
What will be happened if the state is changed very frequently?
The component will be re-rendered frequently. It will affect to performance.

`use-flush` will help component to be re-rendered just once in `n seconds`.

Now, Let's take a look how it works and how to use it.

## Explanation
Let's assume that the state will be changed very frequently like below.

- `+` means every **n seconds**.
- `*` means state is **changed**.

```
+--------+--------+--------+--------
  * *   *  ** *** *  *    *
```

The **flushed state** will be changed in every **n seconds** like below.

```
+--------+--------+--------+--------
         *(3)     *(6)     *(2)
```

## Installation
```
$ npm i -S use-flush
```

## Usage
If you click 5 times in 2 seconds, `flushedCount` will be `[0, 1, 2, 3, 4]`.

```js
import React, { useState } from 'react';
import { render } from 'react-dom';
import useFlush from 'use-flush';

const appRoot = document.getElementById('app');

const App = () => {
  const [count, setCount] = useState(0);
  const flushedCount = useFlush(count, 2000);

  return (
    <>
      <p>
        FLUSHED COUNT : {flushedCount.join(', ')}
      </p>
      <button onClick={() => { setCount(count + 1); }}>
        CLICK!
      </button>
    </>
  );
};

render(
  <App />,
  appRoot
);
```

You can check it on this [repository](https://github.com/wonism/use-flush).
Any PRs are welcome. :)
Find A String in a Massive Git Repo
Tags: git
Published: 2019-05-08 16:36:28

---
title: Find A String in a Massive Git Repo
published: true
description: Finding your code its lost in a huge repo
tags: git
---

Figure I would share this, as I just needed to do this.

We have a massive git repo for an [Engauge Analytics](https://engaugeanalytics.com/) project we are working on. Tons of these branches have active work being done, and some were just skipped during the pruning process.

I needed to find 10 characters.

Technically, I needed to find the method that contained those 10 characters, but I knew those 10 characters would be the key to finding it.

Let's say you're looking for a string title `the magic string` in one of your many git branches in your repo. You can use:
```
git grep "the magic string" `git show-ref --heads`
```

If the string exists in your repo, anywhere, you'll get something like this:
```
***c5cd1d8:path/to/file.js:let a = "the magic string"
```

Once you have that data, it's as easy as finding the branch!

```
git branch --contains ***c5cd1d8
```

There may be an easier way to do this. What do you recommend?
Pure CSS RPG Game
Tags: codepen, purecss, game
Published: 2019-05-08 16:35:49

---
title: Pure CSS RPG Game
published: true
tags: codepen,pure-css,game
---

<p>Well, the game is simple and not as funny as many other games. But it's pure CSS !</p>

{% codepen https://codepen.io/medrupaloscil/pen/arvzBG %}
Web Development Part 1D: Setting up for CSS
Published: 2019-05-05 22:37:27

---
title: Web Development Part 1D: Setting up for CSS
published: true
description: 
tags: 
---

It's time to take the next step! There's a LOT to learn here. Don't forget to use the hashtag #TimTeachesCode to chat about the course, help each other out, or brag about your new skills! Remember, you can all contact me whenever you'd like, 24/7 and I'll respond ASAP.


** LESSON 4 **

Hello Friends! In the last lesson, we used all of our knowledge of HTML to create a well structured FAQ page. This week we'll be working in the same codepen as we learn about CSS and class attributes. We won't be adding CSS in this lesson, but there's plenty to do in order to prepare!

Study:

https://developer.mozilla.org/en-US/docs/Learn/Getting_started_with_the_web/CSS_basics

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/link

https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/class

http://getbem.com/introduction/

https://developer.mozilla.org/en-US/docs/Web/CSS/Specificity

Complete: Add class attributes to your HTML source in order to style your FAQ page and contact form. You will want to have a design in mind for your contact form, so search through the web to find something inspiring! We won't be adding any actual CSS to our codepen just yet. While this might seem annoying and tedious, it is important that we learn about properly naming CSS classes, adding style LINK tags into our HEAD, and CSS specificity BEFORE we start actually writing any CSS at all. 

This lesson includes more reading than actual coding, and it may very well take a few weeks to get through all of the material. The way in which you name your CSS classes has an enormous effect on the structure and further maintenance of your project.

A few tips: 

1. Don't use ID attributes for CSS. Stick to classes for specificity reasons.
2. Think of your CSS classes as a system. You'll want to have an organized naming convention that accurately reflects your styling goals. 
3. Don't worry about getting it perfect. This exercise may require multiple rounds as we learn how to create a good naming convention with our CSS classes.

BONUS: Did you know there are preprocessors you can use to add more functionality and utility to CSS? Check out https://sass-lang.com/documentation/syntax and look into how you can configure it with CodePen.

Respond: Reply to the email with a link to the updated codepen and a brief summary of what you've learned about CSS and BEM. Also include your plans to continue studying CSS and how you'll keep this new skill sharp!

Notes: This lesson will be tough! Take your time, read through all of the material, and triple check your work! When you get done, read through https://csswizardry.com/2018/11/css-and-network-performance/ to learn more about working with CSS. Write down your questions about the article and work through googling to answer them in your free time!

Web link to course: https://dev.to/tevko/web-development-part-1c-html-can-do-stuff-bnp

Lesson 5 will go out next week


-- 


Tim Evko

//https://timevko.website/
Jekyll, rvm, bundler and Fedora
Tags: jekyll, fedora, ruby
Published: 2019-08-07 09:14:56

---
title: Jekyll, rvm, bundler and Fedora
published: true
tags: Jekyll,Fedora,Ruby
canonical_url: 
---

Jekyll is simple static site generator with Ruby. It takes html templates and posts written in Markdown to generate static website which is ready to deploy on your favorite server.

I use Jekyll for my blog, somehow I prefer to use RVM (Ruby Version Manager) instead of installing Ruby directly. It much easier to maintaince and trouble shotting if incompatible gems or ruby happen.

Ok, you need some package installed because some version of ruby binary are not available for Fedora via RVM, for example below:

```
$ rvm install ruby
Searching for binary rubies, this might take some time.
No binary rubies available for: fedora/30/x86_64/ruby-2.6.3.
Continuing with compilation. Please read 'rvm help mount' to get more information on binary rubies.
```

So, rvm will help you to compile the package on your system but unfortunately RVM unable to properly download this package automatically. So let install this package manually.

```
$ sudo dnf install autoconf automake bison gcc-c++ libffi-devel libtool libyaml-devel readline-devel sqlite-devel zlib-devel openssl-devel
```

We are going to install RVM

```
$ gpg2 --keyserver hkp://pool.sks-keyservers.net --recv-keys 409B6B1796C275462A1703113804BB82D39DC0E3 7D2BAF1CF37B13E2069D6956105BD0E739499BDB
$ \curl -sSL https://get.rvm.io | bash -s stable
$ rvm install ruby
```

To start using RVM you need to run `source $HOME/.rvm/scripts/rvm` in all your open shell windows in rare cases you need to reopen all shell windows.

```
$ rvm -v
rvm 1.29.8 (latest) by Michal Papis, Piotr Kuczynski, Wayne E. Seguin [https://rvm.io]
```

Next, install gems for Jekyll and Bundler

```
$ gem install jekyll
$ gem install bundler
```

Done! You may install new Jekyll site and test it locally :)

Extra: Inside Jekyll project directory, run `bundler update --bundler && bundler install` to update and install the gems needed, then use `bundle exec jekyll serve -d public --incremental --verbose --watch` to run Jekyll on localhost.
Fusion 360 on linux using Wine. 
Published: 2019-05-08 15:57:23

---
title: Fusion 360 on linux using Wine. 
published: true
description: I know, i know, this is not the place.
tags: 
---

Hi guys, recently i bought a Prusa I3 MK3s and i'm into 3D printing and i installed Fusion 360 on my Fedora 29 , but the viewport rendering is horrible, i mean, don't work properly. 
Did anyone done anything like this?
Thanks.
How to build an audio player with HTML5 and the Progress element
Tags: html, audio, javascript
Published: 2019-05-08 15:34:21

---
title: How to build an audio player with HTML5 and the Progress element
published: true
description: Using HTML5 and the progress element to build out a fully functioning audio player with start/stop and track positioning features.
tags: HTML, HTML5, Audio, Javascript
cover_image: https://thepracticaldev.s3.amazonaws.com/i/uheddgf72hv1k5g8f4uk.png
---

HTML5 introduces built-in media support with the audio tag, which makes it very easy to embed media straight into any HTML document with limited code. It comes with built in browser controls, if you specify and plays audio nice and effectively.

This is typically what it will look like in your browser.

![Standard Browser HTML5 Audio Player](https://cdn-images-1.medium.com/max/800/1*mxPFTYyWn0iq3e2yHzazPg.png)

You might be thinking: “Well what if I wanted to style my own audio player with it’s own buttons and scroll bar?”

With the audio element, the progress element and a few buttons, you can build your own audio player in no time! The progress element is mainly used to track the completion of a task and can be manipulated easily with Javascript. In our case, it would be to keep track of the length of a song. And the great thing is, HTML5 and browser capabilities make it easy to grab song lengths, current time and more.

If you’d like to play with the code, go for it! Unfortunately Codepen embeds aren't working for me so the link is below.

[View on Codepen here!](https://codepen.io/luke__duncan/pen/dpZVOr/)

And below is the code. Note that their are two separate functions. One that keeps track of the audio player actually playing audio (initPlayers function) and the other that is keeping track of the audio for the progress element (initProgressBar function). I tried to keep jQuery to a minimum but used it to actually call the function, sorry, i’m not sorry JS purists.

{% gist https://gist.github.com/lukewduncan/3e041e4b22a50855f9faaf01dec40137 %}


If you have any questions or suggestions, i’m all ears! Email me at luke.will.duncan@gmail.com or hit me up on twitter @luke__duncan
Share your thoughts on Google IO
Tags: discuss
Published: 2019-05-08 15:32:32

---
title: Share your thoughts on Google IO
published: true
description: Share your thoughts on Google IO
tags: discuss
---

I used to watch Google IO. I used to like them, But this time it was too boring. I feel everything announced in the IO is just an update.

 I hate 3a and 3a XL. The spec is low and we can easily buy that kind of phones from any Chinese manufacturers. 

**Share your thoughts here**
ELI5: How does someone write a new computer language?
Tags: explainlikeimfive, programming
Published: 2019-05-08 15:25:04

---
title: ELI5: How does someone write a new computer language?
published: true
description: How do languages get written?
tags: #explainlikeimfive, #programming
cover_image: https://images.unsplash.com/photo-1547860664-b8537ca5f833?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1350&q=80
---

Really showing my non-technical side here, but I don't understand how someone could just come up with a new language and make computers understand it. ELI5!
A rap song about language flame wars
Tags: showdev, programming, culture
Published: 2019-05-08 15:14:46

---
title: A rap song about language flame wars
published: true
description: https://www.youtube.com/watch?v=aVQEbD3NyDw
tags: #showdev, #programming, #culture
---

Song url: https://www.youtube.com/watch?v=aVQEbD3NyDw

Quick background on the project: I'm a full time programmer and I love making rap music. I see a lot of humor in the profession/industry, and thought it would be fun to combine the two.

I'm always open to feedback and collaboration (currently in CO, would love to work with a videographer to make a music video)!