teleren/devto huggingface dataset:
Digit Recognition Using Neural Network in JavaScript
Tags: javascript, machinelearning, neuralnetwork, mnist
Published: 2019-04-11 19:28:59

---
title: Digit Recognition Using Neural Network in JavaScript
published: true
description: Digit Recognition Using Neural Network in JavaScript
tags: javascript, machinelearning, neuralnetwork, mnist
cover_image: https://thepracticaldev.s3.amazonaws.com/i/y7dw3pk5zsf443swbyis.png
canonical_url: https://github.com/victorqribeiro/digitRecognition
---

# Digit Recognition

Implementation of a digit recognition using my [neural network ](https://github.com/victorqribeiro/mlp) with [MNIST](http://lorenhoward.com/articles/mnist-handwritten-dataset-json/)

![Digit Recognition](https://thepracticaldev.s3.amazonaws.com/i/ocl7urqvbtjvma4411cw.png)

Live version [here](https://victorribeiro.com/digitRecognition)

## About

I made this to test how long it would take to train my neural network with MNIST and accurate it would be at the end. Turns out I have a long way to go.

## How to use it

Draw the digit on the white rectangle (try to use to whole area) and press predict for the neural network indentify the digit. Press clear to clear the white drawing area.

Check out the code [here](https://github.com/victorqribeiro/digitRecognition)
How does this make them feel?
Tags: career, advice, discuss
Published: 2019-04-11 19:18:40

I want you to remember the question "How does this make them feel?" . Ask it to yourself before and after any conversation, 1:1, touch base, sync, etc. It has been the single greatest benefit towards my engineering career. More than learning JavaScript and React. More than any lesson I've taken or talk I've listened to.

I ask myself this question throughout any interaction in my social circles. It is an illuminating and enlightening question that teaches yourself as much as it teaches those around you. It helps you to understand where your level of empathy is and how to make adjustments as needed.

Being able to ask yourself "How does this make them feel?" and answer it honestly is a great indicator of emotional growth and will make you a more valuable, central member of your team. You can set the example for others to follow, and end up laying the groundwork to create a team full of empathetic, collaborative, and compassionate individuals. I can think of no better type of team to land with than this.

One of the most troubling aspects of tech -- the way underrepresented groups are treated -- would be much less severe of a problem if bad faith actors stopped and asked themselves "How does this make them feel?". Call me an optimist, but when faced with the reality of a situation, which the answer to this question helps us to uncover, it's my belief that they would have much less hate and harassment, and much more love and camaraderie. Empathy is a great skill for all engineers to have.

Tech should be a welcoming community full of empathetic individuals. It should be a place where everyone feels safe and can post something on Twitter without someone making a rude/inappropriate/derogatory comment. Every single person who has ever said or did something that made someone else feel unsafe or unwanted has never stopped to ask themselves "How does this make them feel?". 

Don't do that. Don't be that person. Be better.
Discovering egghead.io sorta...
Tags: tutorial, discuss, podcast, egghead
Published: 2019-04-11 19:12:30

TL;DR the TL;DR Go here https://egghead.io/

TL;DR I figured out egghead.io is great, and you shouldn't wait as long as I did to find out for yourself if you like it too. 

# When Did You Learn About egghead.io?

   I actually had heard about egghead a long time ago, well, long time relatively speaking. Initially, I was hearing about it from the sources I normally get my tech industry news, places like, Twitter, Podcasts ([feel free to check out my article on listening to podcasts](https://dev.to/jacobmgevans/should-you-listen-to-podcasts-4m5j)) and Reddit (which I am using more often in r/reactjs). So why didn't I check it out right away? Because I was *content* with the **content** (yes I just did that) from YouTube, Codecademy, Kahn academy... and others. So to preface the article there is nothing currently wrong with them now either, I just stopped being lazy and dug into egghead and their resources.

## What's So Great About Egghead and Why Should I Care...?

   Well, that is a great question me posing as another person. So ever start searching through YouTube or other resources and think to yourself, I really want to learn this specific technology or even more so I want to learn this specific aspect of a specific technology i.e. maybe Hooks from React (I know...but, that's low hanging fruit for an example though). So, you spend hours sifting through "tutorials" on the subject trying to find one that fits your needs and more important criteria that makes consumable by you subjectively, be that video quality, sound quality, content depth, technical depth... and so on. 

   In that case, egghead.io might benefit you, they have a phenomenal dashboard and really make the searching a pleasant experience. The search for a tool from browse all is a nice and clean feeling UI/UX giving you powerful search/filtering abilities to find exactly what you are looking for.

## I Am Not Sure What I Want To Learn Jacob, Do They Only Care About Advance Learners...? 

Definitely not, they care about all level of learning! 🙂
   If you take a look on the header there is a button that says "learn to code." Basically going there they will help you pick what you want to start learning, like frameworks, languages, and so on. The section also guides you a bit more on what content you are searching for or what might be useful, if you are not certain enough to look for the content using the searching tools. 

How To Egghead like a Pro: https://howtoegghead.com/ 
the link brought to my attention by [Ian Jones](https://dev.to/ijones16)
Dev to QA ratio
Tags: discuss, testing, help
Published: 2019-04-11 18:58:06

---
title: Dev to QA ratio
published: true
description: 
tags: #discuss #testing #help
---

Hi there, 

I've been pondering the composition of my team as of late and wanted to try and gather some insights from the larger Dev community. We're currently rolling with a 3:1 dev to QA ratio, something which I feel is waaay too high.

What is your team composition like? 

I made a short Survey which I'd love it if you could contribute to, I'll post back the results here if there is enough submissions:
https://aweform.com/view/444075205812289537/dev-to-qa-ratio-survey/
Copying to the clipboard using React, TypeScript & Material UI
Tags: react, typescript, materialui, programming
Published: 2019-04-11 18:53:24

---
title: Copying to the clipboard using React, TypeScript & Material UI
published: true
description: Needed a quick and easy way to create "copy to clipboard" buttons with Material UI
tags: react, typescript, material-ui, programming
---

It's common in apps to offer a way to "copy to clipboard" so users can paste content.

I whipped up a quick example using TypeScript and React to make such a behavior that can be applied to any React element using the [render props pattern](https://pluralsight.pxf.io/x5PN5).

{% codesandbox x3564644kp module=/src/CopyToClipboard.tsx %}

You can then use it like this, to wrap `<Button />` or any other element:

```typescript
<CopyToClipboard>
  {({ copy }) => (
    <Button
      variant="contained"
      color="primary"
      onClick={() => copy("some text!")}
    >
      Copy
    </Button>
  )}
</CopyToClipboard>
```

This is using the super simple [clipboard-copy](https://www.npmjs.com/package/clipboard-copy) package.

You can override the `<Tooltip />` props using the `TooltipProps` prop:

```typescript
<CopyToClipboard TooltipProps={{ title: "Copied XYZ!", leaveDelay: 3000 }}>
```

Enjoy!
I wrote a PHP Client for sonic, the autosuggestion engine, and now its official PHP client. Ask Me Anything 🤩
Tags: php, sonic, sockets, opensource
Published: 2019-04-11 18:23:58

---
title: I wrote a PHP Client for sonic, the autosuggestion engine, and now its official PHP client. Ask Me Anything 🤩
published: true
description: Hey guys, last week I got to see one article about a new search engine, similar to elastic search. but built specifically for autosuggestions. [Sonic](https://github.com/valeriansaliou/sonic) - it is an index based auto-suggestion engine built on Rust lang by the team at [crip.chat](https://crisp.chat) . a customer engagement platform.
tags: php, sonic, sockets, open-source
---

Hey guys, last week I got to see one article about a new search engine, similar to elastic search. but built specifically for autosuggestions. [Sonic](https://github.com/valeriansaliou/sonic) - it is an index based auto-suggestion engine built on Rust lang by the team at [crip.chat](https://crisp.chat) . a customer engagement platform.

Then I went to their repository (Yep, its open source). And found out that it offers a TCP endpoint rather than an HTTP endpoint/. Meaning in order to use sonic search, you need to connect to the TCP socket and issue commands over the socket and read the output buffer. They are officially offering a javascript client for sonic but not for PHP. Then it struck me... This can be a good experience for me if I build a PHP client for it, especially because I haven't done any socket programming before. 

Then I spent a few days and nights cooking the PHP client and submitted a PR into the official repo,

{% github https://github.com/valeriansaliou/sonic/pull/118 %}

Saying that kindly include my client as well in the readme. Then I tweeted about the same in twitter as well. 

{% twitter 1114835655450718208 %}

Ahaa... There it was. The CTO of crisp and the core contributor of Sonic, [Mr. Valerian Saliou](https://twitter.com/valeriansaliou) replied to me saying that, he liked the way I wrote the code and he can promote my client as an officially supported sonic client for PHP if I come up with a relatively complete solution. 

Well then..., few more nights and voila. Now **Psonic** is the official php client for sonic. Check it out, and give your valuable opinions in the comments as well as GitHub stars 😍. 

{% github https://github.com/ppshobi/psonic %}
 
Go ahead and try sonic as well. It's a really cool product. 😍😍😍
Common JS libraries and tools
Tags: javascript, discuss
Published: 2019-04-11 17:48:45

---
title: Common JS libraries and tools
published: true
description: What are your most used JavaScript tools and libraries?
tags: JavaScript, discuss
---

Something I wish was more common in the JavaScript ecosystem - a list of standard libraries and tools that are 'up to date' and that everyone uses.

It can be difficult to digest what is 'standard' without doing a bunch of reading.

For example, using the [immer](https://github.com/mweststrate/immer) (or another immutable library) with Redux is basically a necessity with complex state.

What are your 'standard' JS libraries and/or tools?
Apache - Rewrite all URIs to a single file
Tags: apache, htaccess
Published: 2019-04-11 17:01:07

---
title: Apache - Rewrite all URIs to a single file
published: true
description: Rewrite all URIs which are not Files or Directories to /index.html
tags: apache, htaccess
cover_image: https://thepracticaldev.s3.amazonaws.com/i/v24be0ayrcapn2b8h0yt.jpg
canonical_url: https://lyubomir-angelov.com/apache-rewrite-all-uris-to-a-single-file/
---

This week I had to help a friend with his new small ReacJS website running on Apache.

His problem was that URIs which does not exist the Apache was returning as 404 pages, he needed a common rule used by a lot of PHP frameworks, Rewrite all URIs which are not Files or Directories to **/index.html**

Example URL `www.example.com/myprofile` to actually load `www.example.com/index.html` and let the ReactJS route do his work and show what it needs.

In that case, you might write something like this:

```bash

    RewriteEngine on

    RewriteCond %{REQUEST_FILENAME} !-f
    RewriteCond %{REQUEST_FILENAME} !-d
    RewriteRule ^ index.html [L]

```

What is this doing, it will check the URI either exists as a file or is a directory if it is NOT, it will call **index.html**. The [L] means that this will be the LAST match and will stop there, will not continue if we have other rules below that.

This is code is ok, not so simple and you can mess up the conditions, for example, I have seen a lot of [OR] next to `RewriteCond %{REQUEST_FILENAME} !-f [OR]` which will not work in our case above.

If you need this simple Rewrite rule, you might use Apache command available after **2.2.16 version**

```bash

    FallbackResource /index.html

```

This will do the same as the above 4 lines if the URI is not found on the server, ie. not a File or a Dir, it will load to **/index.html**

This command is not part of **mod_rewrite**, but of **mod_dir**, if you don't have it enabled, run `sudo a2enmod dir` and restart the Apache.
5 Steps to Your 1st Software Development Job
Published: 2019-04-11 16:59:25

---
title: 5 Steps to Your 1st Software Development Job
published: true
description: Choose. Learn. Build. Show. Connect.
tags: 
---

Studying to be a Software Developer is hard. 

There's no standard, no roadmap for breaking in.

If you're an accountant or lawyer, then you work towards taking a test - the CPA or bar exam - then you apply to jobs.

##It doesn't work that way for developers. 

There's no test. There's no certification or license. Everyone you speak to has a slighlty different story about how they got started. 

And that's a good thing. It means that no matter what you're background is, there's no artificial barrier stopping you from becoming a professional developer. If you have the apitude and grit, you can learn how to code.

The downside is to reach your goal you have to wade through a swamp of conflicting advice about what to study and what to build.  

The danger is that bad advice will set you back and erode the confidence and energy you need to master a difficult subject - software development.

##And that's why I created the 5 Steps to Your First Dev Job.

I wanted to find a way to give aspiring coders my hard earned perspective so they will have clairty and confidence on their journey.

I'm not interested in the coding language wars, or gatekeeping. I'm also not interested in the technology hype cycle or selling false hopes.

My view is based on being a Software Engineer for over two decades and creating three software companies. I've hired, fired, and managed CS grads and self-taught developers. 

I've pitched to clients and investors. And I've been pitched to by investors and vendors. 

##Some of my advice to aspiring careerists may seems contrarian, but that's not on purpose. 

I'm just sharing what has worked for me, my employees, and now the students who attend my school, Coder Foundry.

And now, I hope it helps you.

- Bobby Davis, founder

{% youtube vV9XK47hY18 %}
A New Home
Tags: helloworld
Published: 2019-04-11 16:53:07

---
title: A New Home
published: true
description: Explaining my spamming
tags: Hello World
---

# Hello

![Hello!](https://thepracticaldev.s3.amazonaws.com/i/941qd5qcntcwkf93qekh.gif)


I am migrating from Medium to Dev.to for my blog. Mostly because Markdown.

Markdown to medium was a little bot of a pain I am hoping this is going to be a little better, plus I like the focus on Dev stuff.

So I am about to spam with lots of old posts since I failed to find a way of migrating!


Sorry!
Bootstrap offers responsive design, then why column have these classes: col-sm-* and col-lg-*
Tags: webdev, bootstrap, showdev, css
Published: 2019-04-11 16:27:22

---
title: Bootstrap offers responsive design, then why column have these classes: col-sm-* and col-lg-*
published: true
description: 
tags: #webdev, #bootstrap, #showdev, #css
---

I always wondered while learning bootstrap that why the heck I have different versions of CSS classes while defining columns. 

I went through a bunch of bootstrap docs and couldn't understand.

##Question became confusion

The confusing aspect of this is the fact that BootStrap 3 is a mobile-first responsive system and fails to explain how this affects the col-xx-n hierarchy in that part of the Bootstrap documentation. This makes you wonder what happens on smaller devices if you choose a value for larger devices and makes you wonder if there is a need to specify multiple values. (You don't)

If you think of the columns starting out horizontally, then you can choose when you want them to stack.


##Understand with Example

For example, if you start with columns: A B C

You decide when should they stack to be like this:

A

B

C

__If you choose col-lg, then the columns will stack when the width is < 1200px__.

__If you choose col-md, then the columns will stack when the width is < 992px.__

__If you choose col-sm, then the columns will stack when the width is < 768px.__

__If you choose col-xs, then the columns will never stack.__


###On the other hand, if you think of the columns starting out stacked, then you can choose at what point they become horizontal:

__If you choose col-sm, then the columns will become horizontal when the width is >= 768px.__

__If you choose col-md, then the columns will become horizontal when the width is >= 992px.__

__If you choose col-lg, then the columns will become horizontal when the width is >= 1200px.__

###References
https://stackoverflow.com/questions/19865158/what-is-the-difference-among-col-lg-col-md-and-col-sm-in-bootstrap


##Like and Follow
It really encourages to write more if someone likes your post, so be sure to like it if you enjoyed it!

And Follow me to keep getting new exciting stuff like this!


>[Kim John](http://jsongrid.com/json-grid)
>[Json Grid](http://jsongrid.com/json-grid) *<=Developed with love!*
ngrx or angular-redux/store ?
Tags: discuss
Published: 2019-04-11 16:09:48

---
title: ngrx or angular-redux/store ?
published: true
tags: discuss
---

Hello everyone. I'm familiar with redux and react-redux bindings but recenlty switched jobs and I have to work with angular. We currently have an inhouse integration/wrapper with redux but it's a one man show code, not so easy to understand and I'm missing documentation. So I want to propose we switch to one of the above. Do you have experience with any of these libraries? What is your experience so far?
Null-checking in JavaScript
Tags: beginners, discuss, refactorit
Published: 2019-04-11 15:41:49

In today's edition of *Adventures in Legacy Code*, I came across the following:

```js
if(
  tokenInfo &&
  tokenInfo !== undefined &&   
  tokenInfo !== null &&
  tokenInfo !== ""
  )
```

I get it—we need to prevent things from going wrong, but the sight of it brings helicopter parenting to mind. Also, it's not really null-checking, but also undefined- and empty-string-checking. This is another benefit you can gain from TypeScript—the peace of mind that it won't compile if you're sending the wrong information.

I'm taking Patricia Aas's advice, and I'm choosing to frame this in the mental model of the developers who created it at time it was created rather than being overly critical. It's just an opinion, after all!

What are your thoughts? How are you checking for empty or null values? Bonus if you comment with examples in other programming languages!
Android Tutorial: Building and Securing Your First App (Part 2)
Tags: android, mobiledev, mobile
Published: 2019-04-11 14:47:30

---
title: Android Tutorial: Building and Securing Your First App (Part 2)
published: true
description: Learn how to integrate your Android application with a backend API.
tags: #android #mobiledev #mobile
canonical_url: https://auth0.com/blog/android-tutorial-building-and-securing-your-first-app-part-2/
---

In the second part of this tutorial, you will learn how to integrate your Android application with a backend API. For starters, you will spin up a simple REST API (you will have different alternatives to achieve that), then you will adjust your app to replace the static to-do list with one provided by this API. In the end, you will leverage the app integration with Auth0 to make it use a private (also referred to as secured) endpoint to persist new to-do items.

[Read on 🤖](https://auth0.com/blog/android-tutorial-building-and-securing-your-first-app-part-2/?utm_source=dev&utm_medium=sc&utm_campaign=androidtut_apppt2)

![Android Tutorial: Building and Securing Your First App (Part 2)](https://thepracticaldev.s3.amazonaws.com/i/f9k468rmqzsipy3seev7.png)
The niche guy writing
Tags: groovy, micronaut, kotlin, java
Published: 2019-04-11 14:45:15

---
title: The niche guy writing
published: true
description: Thinking out loud about JVM and stuff.
tags: groovy, micronaut, kotlin, java
---

##Intro
I worked with Spring + Java for a while but I changed a lot of jobs in 6 years of development and I was always treated more like "Jack of all trades master of none". Not that it's not true as I worked with Java, C#, ColdFusion, PHP, NodeJS + fronted stuff like AngularJS, vanilla JS, React, and if that's not enough had some experience setting up dev servers with Debian, Apache, mail server... Enough of naming stuff! I heard about Groovy but never had time to learn yet another thing I'm not going to be good at. So in 2017 when I got back on track with JVM and started working again with Java I had discussions with work colleagues and watch webinars, read articles about JVM stuff. Heard and liked a lot of thing about Scala and Kotlin but thought Kotlin was mainly hype and it's going to be best used on Android.

##A bit more
After a while got a job interview for Java developer but they told me they're switching to Kotlin on new APIs. Even though I never really cared about better C# for JVM :D, I wanted to learn something which is going to be in use and stick with it. Scala was a bit too hard and too niche and you had to know FP + OOP good and be really smart to get into projects/companies that use it as it was mainly used on high scale projects or big data processing. So I took a job in .NET Core and boy was I disappointed with the framework comming from Spring background. In spare time I played with Micronaut and I think it's amazing. Now knowing about Grails and GORM I thought why not build more APIs with Groovy since it's easier and faster to write in than Java, and why do we even need Kotlin except to replace Java since too many people hate it?

##The rhetoric questions
Couple of days ago I saw Groovy being #20th on the [TIOBE](https://www.tiobe.com/tiobe-index/) index and Kotlin #35. Today, 11.04.2019 (04.11 in US :D) it's still the same. So I started wondering about Groovy. Is it gaining popularity because of Micronaut as most examples are combination Java + Groovy where Groovy is mainly used with spock examples for testing? Is Kotlin getting pushed by it or is it loosing battle in mobile world were we can expect Flutter, Dart, Xamarin to replace it?

Now Scala is not for replacing Java as it's not so compatible with existing frameworks for Java and it requires a lot of tuning to use it like that. Instead it has it's own purpose and frameworks. Groovy is like easy language for JVM. It has less strict rules than Java and frameworks like GORM do a lot of nice stuff so you have to type less.

On the other hand there's GraalVM. It allows devs to write a lot of stuff in different languages and connect them easily - at least that's what their aiming for. So what will be the effect on JVM?

##Outro
Just wanted to get some opinions. Please to inform me about my poor writing skills as this is my first blog post so I can update this poem.