teleren/devto huggingface dataset:
The music I love to listen while I am coding
Tags: music, productivity
Published: 2019-05-21 13:26:44

The developer is not easy job.
You have to remain focused for many hours or you can risk to loose some hours to review the work from the hours before.

Something that can help a lot to keep your concentration for long time is the music.
But not all kind of music.
To remain focused you need to listen music without (or at least, less as possible) vocals.

At the moment I have some playlists on my Spotify that I use every day at work.
I try to explain the difference and when I use them.

## Playlists
* [Trip-Hop](#trip-hop)
* [Retrowave](#retrowave)
* [Streaming](#streaming)

## Trip-Hop <a name="trip-hop"></a>
This is one of my first playlist that I discovered when I learned how to work "in the zone".
I love this kind of music. One of the most famous song of this genre is "Massive Attack - Angel". You can find it in the Matrix movie, for example.
I use this playlist when I want to work relaxed and often in the morning.
{% spotify spotify:user:jmiyun:playlist:3CmF38ZPAW670fLGaE1rMR %}
## RetroWave <a name="retrowave"></a>
I discovered this genre a few months ago and I felt in love with it after five minutes.
I use this kind of music when I have to remain focused for several hours without a break.
I have these playlist in my Spotify account and the first one is my favourite.
{% spotify spotify:user:uerwol:playlist:3u4OyWTr9fTnboGFAt38FU %}
{% spotify spotify:user:newretrowave:playlist:3IljEa3IvyeogI4O9iCVjV %}
{% spotify spotify:user:spotify:playlist:37i9dQZF1DXdLEN7aqioXM %}
{% spotify spotify:user:newretrowave:playlist:3SA018Uo3yhzvQocaF02MV %}
{% spotify spotify:user:spotify:playlist:37i9dQZF1DX6GJXiuZRisr %}
## Music while I stream on Twitch <a name="streaming"></a>
Since almost one year [I stream on Twitch](http://twitch.tv/kasuken) for some live coding session.
For the streaming session I don't use a specific kind of music, but some lofi and chillpop music.
Some of this playlist are royalty free and you can use them without any problem during the gaming or live coding stream.
{% spotify spotify:user:chillhopmusic:playlist:74sUjcvpGfdOvCHvgzNEDO %}
{% spotify spotify:user:chillhopmusic:playlist:1eg5KRKkVoBcH1aawvIDfH %}
{% spotify spotify:user:chillhopmusic:playlist:0CFuMybe6s77w6QQrJjW7d %}
{% spotify spotify:user:chillhopmusic:playlist:5eDufIy8WtiArgp9aPd9su %}
{% spotify spotify:user:chillhopmusic:playlist:3k2cHRrJFgBkesKivMG9sF %}
Top 5 Front-end Development Frameworks in 2019
Tags: angular, react, vue, ember
Published: 2019-05-21 13:24:08

---
title: Top 5 Front-end Development Frameworks in 2019
published: True
description: Web development frameworks offer the developer instruments and support the unit testing and can guarantee in reverse similarity. Frontend development is a noteworthy piece of the web and front-end advances have developed multifold in the previous years.
tags: #angular, #react, #vue, #emberjs
---

<img src="https://thepracticaldev.s3.amazonaws.com/i/oti19tsemsfqp5gzv99r.png" alt="front development frameworks">
**Top Front-end Development Frameworks in 2019**

**ReactJs**
React is the front-end framework made and created by Facebook. The group was keen on getting superior by structure a compelling UI. Jordan Walke proposed to make the library dependent on XHP and JavaScript mix in 2011.

**React's Pros**

Open-source and definitive

Segment based

Adapt once, compose anyplace library

Ideal for enormous information is driven web applications

**React's Cons**

Moderately long expectation to absorb information.

Absence of documentation because of high pace development


**Angular**
Angular released by the Google who built up the first front-end framework in 2010. Precise is made on in TypeScript which brings the majority of the preferences it gives: bolt works, async/anticipate, class grammar, and so on. Presentation of surely understood OOP rehearses makes the change a lot simpler for shifters from dialects like C# and Java.

**Angular's Pros**

Capacity to make rich web applications

Composing customer side application with MVC in addition to JavaScript

Programmed treatment of JavaScript code for every program

Open-source and uninhibitedly accessible to utilize

HTML code expansion for web applications

An open web development condition

**Cons**

Exchanging inheritance frameworks from AngularJS to Angular

Angular Complexity

Learning trouble

The CLI documentation is inadequately portrayed


**EMBER JS**
Being an open-source JS web framework with less coding, it naturally refreshes the hidden changes. Additionally, it takes a shot at MVVM design which enables each developer to make shocking and adaptable single-page web applications. Ember.js framework assumes a decent job for structure web just as making easy to use and extremely versatile and works area applications.

**Ember.js Pros**: Read the full article here: https://www.decipherzone.com/blog-detail/Top-Front-end-Development-Frameworks-in-2019
How Portals Will Restructure the Internet
Published: 2019-05-21 13:20:31

The Chrome team has a new proposal for the web, and the very preliminary implementations are already beginning to ship in Chrome Canary. It's called "portals", and it's a little bit like iframes on steroids:

{% twitter 1125886955542106112 %}

Portals are crazy because they make it really difficult to follow which website is serving you content. Even with the current URL highlighted in the twitter video, it can be quite hard to understand exactly where everything is coming from.

At first I found this concerning, but over time I've begun to believe that **portals correctly identify that organizing web browsing by URL is not useful for users in the general case.** (URLs are, of course, excellent for sharing links to pages. But when clicking around, they aren't nearly as important as we make them seem.)

I've been thinking a lot lately about [orthogonal methods of grouping ideas](https://dev.to/pulljosh/why-is-jsx-okay-1l2g), and how the obvious grouping is not always the most useful one. In the frontend world, we collectively realized that grouping by language is less sensible than grouping by components:

{% codepen https://codepen.io/PullJosh/pen/wbqyNP %}

<figcaption>I spent too much time on this to only include it in <a href="https://dev.to/pulljosh/why-is-jsx-okay-1l2g">one post</a>.</figcaption>

To me, portals seem like the same type of (controversial) shift. **Rather than grouping the content we view by the domain it's served from, we choose to group it by the content it contains.** This means that links, the original "strings" of the internet, will no longer be needed to tie separate locations together. Instead, pieces of similar content will naturally be grouped regardless of origin.

I don't foresee this change coming to pass without some sort of major uprising first. We saw it with JSX, and I believe we'll see it again. **But I'm also going to make the claim that portals will drastically improve the internet experience by forcing website owners and users alike to care less about where content is hosted and more about how it's connected.**
How to handle outbound links in desktop PWA?
Tags: discuss, help, webdev, pwa
Published: 2019-05-21 13:12:47

---
title: How to handle outbound links in desktop PWA?
published: true
description: 
tags: discuss, help, webdev, pwa
---

In case you didn't know, DEV is installable as a PWA in Chrome and other browsers which support it. The new Microsoft Edge even has it as a `+` prompt, as such:

![](https://cl.ly/b67f5dc191a2/Image%202019-05-21%20at%209.07.44%20AM.png)

Functionally it works pretty well, but external links that do not have the `target=_blank` attribute (which is most links on DEV), open in an awkward in-app pseudobrowser with no navigation.

How should we handle this "correctly".

Should we add `target=_blank` to all outbound links? We could do this dynamically for PWA only. But is there a different "correct" way to do this?

Another desktop app, like Slack, would not open external links within the app. They would open in a browser. So that is probably the appropriate choice, but I'm not totally sure.

Thoughts?
Partnership with Hetzner! 😍
Tags: server, webdev, developer
Published: 2019-05-21 12:41:23

We are very proud to announce we have established an official partnership with Hetzner, this partnership is a big step for us moving forward. 👏

We are still working on partnering up with the other providers that are available in our integrations system. It is an excellent way for us to offer stability and assurance to our users.

If you know a server provider that would fit nicely in Ploi; let us know! We are more than welcome to open up our list and welcoming new and/or young providers. 🤝

More information about our partners: https://ploi.io/links
Learning Go Notes - Crosscompiling
Tags: go, crosscompiling
Published: 2019-05-21 11:54:42

As part of my studies with Go, yesterday tried to compile a simple project to windows from my ubuntu linux, and I've got some small tips for that.

1 - To Crosscompile you just need to change 2 enviroment variables, GOARCH (the architecture of the processor) and GOOS (the operational system), you could do this by using export:

export GOARCH="amd64"                                                                                                                                                                                  
export GOOS="windows"

But this makes you need to revert it later.

For a 1 line approach you can pass the parameters before run build command.

`GOOS=windows GOARCH=386 go build`

2 - If you are using some C library with cgo, you gonna need to enable the CGO_ENABLED flag, and have the structure to compile the C library properly (mingw for windows and things like that). Ex:

`GOOS=windows GOARCH=386 CGO_ENABLED=1 CC=i686-w64-mingw32-gcc CXX=i686-w64-mingw32-g++ go build -ldflags "-H windowsgui"` <= this didn't work.

In some cases you can use xgo ( https://github.com/karalabe/xgo ):

`xgo --targets=windows/* .` would compile to windows.


It was relatively easy to crosscompile, lets check later with larger projects.
If you have some case to tell or some suggestion, please comment.
What is more valuable in software, specialization or generalization?
Tags: discuss, career, advice
Published: 2019-05-21 11:41:47

---
title: What is more valuable in software, specialization or generalization?
published: true
description: 
tags: discuss, career, advice
---

As a software engineer that has been working for a few years, specifically within startups, I've picked up multiple skills and am comfortable in many different areas. This is mainly because I had to become comfortable, because at any of the startups I worked for I needed to just get something out the door. As a result, I've built several DevOps workflows, developed and deployed machine learning models, written React components, developed features for Rails and Django applications, and now I'm doing embedded systems work in C. Is this valuable? I am not "expert-level" at any one skill, but definitely intermediate at all of them.

I'd love to hear the community's thoughts on this, just to feel a bit better about not being an expert in anything (though this could just be impostor syndrome...). Is it better to be a specialist, being an expert at very few things, or a generalist, being competent at a lot of things.
Requested runtime (Python 3.7.3) is not available for this stack (heroku-18).
Tags: python, help, django, heroku
Published: 2019-05-21 11:39:12

Im deploying a Django 2.2.1 Project in Heroku but I had this error:

-----> Python app detected
 !     Requested runtime (Python 3.7.3) is not available for this stack (heroku-18).
 !     Aborting.  More info: https://devcenter.heroku.com/articles/python-support
 !     Push rejected, failed to compile Python app.
 !     Push failed

I tried [asking a question on SO](https://stackoverflow.com/questions/56236206/requested-runtime-python-3-7-3-is-not-available-for-this-stack-heroku-18?noredirect=1#comment99091232_56236206) but it got closed.

Anyone familiar with this?
#CodepenChallenge Planets: CSS Art; Saturn
Tags: codepen, css, html, showdev
Published: 2019-05-21 11:02:38

---
title: #CodepenChallenge Planets: CSS Art; Saturn
published: true
tags: codepen, css, html, showdev
---

<p>Haven't done CSS art for a while, so I made a little cutesy Saturn CSS art.</p>

<p>Hover on it, and it will become larger (Caution: It might be a jump scare for some people).</p>

<p>At first I cant't believe that I could make a CSS art. But after I tried it many times, I just noticed that I was addicted into it.</p>

<p>And yes, I was so happy to be able to do it. I hope I can learn many things about the web.</p>

{% codepen https://codepen.io/takaneichinose/pen/wbrxVQ %}
How to Build ChatBot Using React Native
Tags: chatbot, reactnative, technology
Published: 2019-05-21 10:52:09

---
title: How to Build ChatBot Using React Native
published: True
description: The chatbot is needed to simplify the interaction between the humans and the device with predefined steps. Chatbots or Virtual Assistants are currently one of the most popular technologies.
tags: chatbot, reactnative, technology
---

{% youtube FATsWqySkto %}
Impostor Syndrome is not about learning more. Or not only.
Tags: impostorsyndrome
Published: 2019-05-21 10:44:30

---
title: Impostor Syndrome is not about learning more. Or not only.
published: true
description: I think it is about validation. Acceptance.
tags: impostor-syndrome
cover_image: https://thepracticaldev.s3.amazonaws.com/i/8lwcwylkc0tizgfh3kjf.jpg
---
I think it is about validation. Acceptance. There are people with more self-confidence, yes. But also can it be that regular self-doubts are coming from the very nature of coding? And the way we are (the self-taught ones, the career-switchers) teaching ourselves?

I’ve read many advices on how to cope with Impostor Syndrome and the last one made me writing this post. That article said, you may combat with Impostor Syndrome with learning more. While the article also said about the Dunning-Kruger effect, which states that professionals have more doubts in themselves while less trained people tend to have more self-confidence. If I take these, the logical conclusion comes that you train more and may have more doubts and stronger Impostor Syndrome. And what is Impostor Syndrome? It is when you realize by what you’ve learned what you still don’t know, the tools you haven’t used, and you think all you've done and achieved happened due to pure luck and you faked everything. I’ve spoken to people from different professions and yes, you may sustain your Impostor Syndrome for years and years.

I also have Impostor Syndrome and it ruins my problem-solving abilities. I used to be a good problem solver so what happened? Why am I so stressed? 

I have switched my career to software development, taught myself coding on bootcamps, tutorials, courses, reading documentations, Stackoverflow and reading other’s stories also, as many others do. More and more people start learning programming on their own, participating bootcamps and then entering into the job market with their new skills. There is a tendency that people with diverse background start coding. And it is not easy to prove that these skills are possessed in this rapidly changing and challenging profession. And without strong fundamentals, one my find oneself in a chaos. And these strong fundamentals come with time and experience. So there can be a „gap” until you are there. And what you need during this gap - in my opinion - are validation and acceptance. Validation on what you’ve already achieved and acceptance on your way while learning. 

It practically means you need to ask more feedback if you experience strong Impostor Syndrome in your job. You can ask for regular assessment meetings. It is also helpful if your company has development process that contains regular feedbacks, management tools for creating small subtasks so you can have more checkups. In my experience feedback is the thing that helps. From those who really know what you do at your job.
Ruby on Rails: Automated Image Categorization using Google Vision API
Tags: ruby, rails, webdev, googlevision
Published: 2019-05-21 10:33:15

---
title: Ruby on Rails: Automated Image Categorization using Google Vision API
published: True
description: Google Vision's categorization feature is useful  for automation of image uploads in rails web applications. It helps in assign labels to images and quickly classify them into millions of predefined categories. This helps to detect explicit content in images which includes adult content, violence, and more.
tags: ruby, rubyonrails, webdev, GoogleVision
---
![Automated Image Categorization using Google Vision with Ruby](https://www.botreetechnologies.com/blog/wp-content/uploads/2019/05/Automated-Image-Categorization-using-Google-Vision-with-Ruby.png)

Nowadays, there are many use cases where you need to categorize user uploaded images and label it to prevent unwanted content to the website. We have built a solution for one of our [eCommerce](https://www.botreetechnologies.com/ecommerce-app-development) clients to detect the color and style of the uploaded photos of the fashion clothes.

Google has been advocating AI and ML big time and also provides many tool sets free to kick start the journey. Google Vision provides API which detects broad sets of categories within an image, it ranges from different modes of transportation to animals and many more.

In [previous article](https://www.botreetechnologies.com/blog/integrating-google-cloud-vision-api-with-ruby-for-image-object-detection), we have seen how to setup [Ruby on Rails Development](https://www.botreetechnologies.com/blog/ruby-on-rails-development-obstacles-opportunities) to access Google Vision API. I have also shared another post for [text extraction from image](https://www.botreetechnologies.com/blog/extracting-text-from-image-using-google-cloud-vision-ocr-with-ruby?fbclid=IwAR0P6V2njx5VMwyozsNllDCgBaL_IUnEVYuVuA4t7GBRY9yHrg-PzCc2UGQ) using the same API. In this article, we will see how to categorize image using Google vision API.

Here is a small Ruby script that shows how we can detect labels for a user passport identity image. Google categorizes it as “Identity Document”, “Face”, “Skin”, “Nose”, “Chin”, “License”.

{% gist https://gist.github.com/NishantUpadhyay-BTC/6c452891e22f9d7fa199dfceef8f90f0 %}

With such power of Google Vision platform, it is very easy to categorize images. There are many other new features of Google Vision which I will keep sharing with you. Keep following!

Have a happy coding!

Click here Learn more about [Ruby on Rails Development Services](https://www.botreetechnologies.com/ruby-on-rails-development)!
Have you ever forgotten your SQL server instance name?
Tags: sql, cmd, sqllocaldb, ssms
Published: 2019-10-23 07:00:00

---
title: Have you ever forgotten your SQL server instance name?
published: true
tags: SQL,CMD,SQLLocalDB,SSMS
canonical_url: https://www.code4it.dev/blog/ssms-how-to-get-instance-name
cover_image: https://res.cloudinary.com/bellons/image/upload/t_dev-to/Code4IT/Covers/sqllocaldb.jpg
---

Sometimes when I open __SQL Server Management Studio__ (SSMS) I lose time thinking and trying to figure out what is the name of my LocalDb.

The solution is simple: open the terminal and run `SQLLocalDb.exe i`, where _i_ stand for _information_.

Now you can see the list of configured DBs.

![SQLLocalDb.exe i result](https://res.cloudinary.com/bellons/image/upload/Code4IT/SSMS%20forget%20instance%20name/ssms_result.png)

__To use it in SSMS remember to use Windows Authentication.__

If you need more info about a specific instance, just run `SQLLocalDB.exe i "InstanceName"` where of course _InstanceName_ must be replaced with your real name you are looking for.

This command displays some info about the specified SQL instance: this info include the version, the owner and the current state.

![SQL instance details](https://res.cloudinary.com/bellons/image/upload/Code4IT/SSMS%20forget%20instance%20name/ssms_instance_details.png)

If you want to have a list of all available commands, run `SQLLocalDB.exe -?`. These commands allow you to create and delete SQL instances, stop and start existing instances and so on.

![SQLLocalDB command options](https://res.cloudinary.com/bellons/image/upload/Code4IT/SSMS%20forget%20instance%20name/ssms_command_help.png)

It's important to remember that here the spaces are treated as delimiters, so if your DB includes spaces inside its name, you must surround the name with quotes.
Make Slack a Little Less Distracting
Tags: slack
Published: 2019-05-21 17:25:12

---
title: Make Slack a Little Less Distracting
published: true
tags: slack
canonical_url: https://cohan.io/make-slack-a-little-less-distracting/
---

In the browser version of Slack the favicon shows up white if any message appears. This disables that, keeping the red new-message icon intact

You’ll need a browser blocker to do this (I highly recommend [uBlock Origin](https://getublock.com/) but any that support the Adblock-style personal blocking lists will work)

## For a specific Slack server

In your personal filter list, add the following URL - replacing INSTANCE with your Slack server’s name

`https://INSTANCE.slack.com/img/ico/app_icon_32px_online_unreads.png`

## For all Slack servers

Same thing but in your personal filter add the URL

`https://a.slack-edge.com/5d94d/img/ico/app_icon_32px_online_unreads.png`

## Done

Now when a message that doesn’t need your attention comes in you don’t get the distracting white favicon, but will still get the red version of the icon to indicate you’ve got a new direct message. Noice.