teleren/devto huggingface dataset:
Working on multiple windows in VS Code? Simple trick to increase productivity!
Tags: vscode, productivity, ide
Published: 2019-08-13 08:12:25

If you've ever struggled with working in multiple VS Code windows, there's a really neat solution that can help you distinguish, which window are you currently working on. You've might have seen this solution on some of Wes Bos tutorials (React+Node).

Let's say, you work on both React and Node repository at the same time, and you want to make it easier for your eyes to understand which window is currently active.

With a few lines of code, you can change the color of the Title Bar and attach this setting to the project. You can even push it to a repository, so other developers can use it too (you don't have to do it though).

Let's get to work!

# Creating a file with settings

### Manual

Create `.vscode` folder and `settings.json` file inside of the folder in your repository.

![New folder in the repository](https://thepracticaldev.s3.amazonaws.com/i/xdv67djnllwksmwhpkf3.png)

___

### Automated

1) Open VS Code with the project that you want to style.
2) Click `⌘ + ⇧ + P`, which opens commands list (_ctrl+shift+p on Windows_).

![Click ⌘⇧P, which opens commands list](https://thepracticaldev.s3.amazonaws.com/i/iyohn4ao6prooqatbkju.png)

3) Search for `Preferences: Open Workspace Settings`. This will open a new `Settings` tab in your VS Code.

![Search for Preferences: Open Workspace Settings](https://thepracticaldev.s3.amazonaws.com/i/3mgfh3dctol1w93963kt.png)

4) In the sidebar choose `Workbench > Appearance`.

![In the sidebar choose Workbench > Appearance](https://thepracticaldev.s3.amazonaws.com/i/waexwj1jneahut9ju2xf.png)

5) Under `Color Customizations` click `Edit in settings.json`. This will create a new `.vscode` folder with `settings.json` file, inside of the repository.

![New folder in the repository](https://thepracticaldev.s3.amazonaws.com/i/xdv67djnllwksmwhpkf3.png)

# Setting color of your window

Inside of your `settings.json` file, you have a few different options that you can set.

`titleBar.activeBackground` - color window Title Bar when the window is active.

`titleBar.inactiveBackground` - color window Title Bar when another window is active.

`titleBar.activeForeground` - color text of Title Bar.

> *Protip*: set `inactiveBackground` to just slightly darker color from `activeBackground` to identify which window are you currently using.

___

> There's a lot of different options that you can set to customize the whole window: https://code.visualstudio.com/api/references/theme-color

```js
{
  // rest of your settings,
  "workbench.colorCustomizations": {
    "titleBar.activeBackground" : "#f2c216",
    "titleBar.inactiveBackground": "#ac8b12",
    "titleBar.activeForeground":"#000",
  }
} 
```

# Result

![Alt Text](https://thepracticaldev.s3.amazonaws.com/i/pexavbjmp7rgnovim289.png)

# Other VS Code Tips & Tricks

* [Use snippets in VS Code, to boost your productivity and simplify your work!](https://dev.to/iamarek/use-snippets-in-vs-code-to-boost-your-productivity-and-simplify-your-work-1nim)
How we're Shaping Up
Published: 2019-08-15 15:39:27

---
title: How we're Shaping Up
published: true
tags: 
canonical_url: https://share.transistor.fm/s/1ed5d0f4
---

Justin and Jon have started the process of implementing [Shape Up](https://basecamp.com/shapeup).

- Lots of folks feel like it’d be hard to implement in their team
  - "This would be hard at my agency."
  - “What about feature requests? Is the idea that you also don't write those down?”
  - “Hmm no backlogs? Maybe I am not understanding some backstory/context? Where do they put ideas, comments, quick bits that they might look at later on”
- Some backlash against the “cult of Basecamp”
- But the majority of folks were really interested in Jason’s approach.
- See how our first "shaping" experiment went.

# ★ Thanks to our sponsors:

- [**ProfitWell**](https://www.profitwell.com/?utm_source=transistor.fm&utm_medium=podcast&utm_campaign=buildyoursaas) **.** Patrick and Hiten [have a new podcast](https://producttradeoffs.com/)!
- **New sponsor:** [**ActiveCampaign**](https://activecampaign.com/buildyoursaas) **!** Get the world's most advanced marketing & sales automation platform. Use the code [activecampaign.com/buildyoursaas](https://activecampaign.com/buildyoursaas) and get two months free + 2 free One-on-Ones!

# Show notes:

- Read Basecamp's new book [Shape Up](https://basecamp.com/shapeup).
- [Last week’s episode Jason Fried](https://saas.transistor.fm/70)
- [Screensharing in Messages](https://support.apple.com/en-ca/guide/messages/icht11883/mac)

# You can reply to this podcast here:

- [Leave a comment on Breaker](https://www.breaker.audio/build-your-saas), the podcast app for iPhone.
- Otherwise, get us on Twitter: [@transistorfm](https://twitter.com/transistorfm) or email us: mail@transistor.fm

# Thanks to our monthly supporters:

- Pradyumna Shembekar
- Ben from narrowr.com
- Noah Prail
- David Colgan
- Robert Simplicio
- Colin Gray alitu.com
- Josh Smith
- Ivan Curkovic
- [Brian Rhea](https://podcasts.apple.com/us/podcast/writing-better-onboarding-emails-with-val-geisler/id1462353330?i=1000440662987) (Pronounced “Ray”)
- Miguel Piedrafita
- [Shane Smith](https://dev.transistor.fm/)
- Austin Loveless
- [Simon Bennett ](https://saasreality.com)
- [Corey Haines](https://www.thediaryofanindiehacker.com/)
- Michael Sitver
- Paul Jarvis and Jack Ellis
- Dan Buda danbuda.com
- Darby Frey
- Samori Augusto
- Dave Young
- Brad from Canada
- [Sammy Schuckert](https://side-by-side.transistor.fm)
- [Dan Ericson](https://www.brandshouter.com)
- Mike Walker
- Adam DuVander
- Dave Giunta (JOOnta)
- Kyle Fox GetRewardful.com
- ProfitWell
- [**ActiveCampaign**](https://activecampaign.com/buildyoursaas)
- [**ProfitWell.com**](https://www.profitwell.com/?utm_source=transistor.fm&utm_medium=podcast&utm_campaign=buildyoursaas)
- [**GetRewardful.com**](https://www.getrewardful.com/?via=buildyoursaas)

**[★ Support this podcast on Patreon ★](https://www.patreon.com/jonjustin "★ Support this podcast on Patreon ★")**
Difference between ML and DL
Tags: machinelearning, deeplearning, dl, difference
Published: 2019-08-13 06:46:19

---
title: Difference between ML and DL
published: True
description: 
tags: #ml #machinelearning #deeplearning #dl #difference
---

I will try to tell difference between ML and DL in simple way. Machine Learning is like General surgeon in Medicine. He/She has knowledge on basic health issues like fever, cold cough etc. Where as Deep learning is like specialist in particular field. Cardiologists is a doctor who is specialized in heart related issues. He/She learned more about heart by learning more advanced features about heart etc.

If you get some problem in the EYE, initially we will consult general surgeon. If the problem keep on coming, General surgeon will suggest to consult EYE specialist Optometrist. 

Same way initially we will apply ML on the data for basic understanding and getting general report. If we want to learn more into details, we will apply DL on the same data to get more accurate results.
Do you use Udemy? Which courses are you enrolled in?
Tags: discuss, beginners
Published: 2019-08-13 06:08:35

Do you use Udemy to learn new technologies, programming languages or other skills?

How you do get the most out of your course?
Which courses are you enrolled in?

I bought the following courses:
- [Docker Mastery: The Complete Toolset From a Docker Captain](https://www.udemy.com/docker-mastery/learn/)
- [Kubernetes Certified Application Developer (CKAD)](https://www.udemy.com/certified-kubernetes-application-developer/learn/)
- [Learn DevOps: The Complete Kubernetes Course](https://www.udemy.com/learn-devops-the-complete-kubernetes-course/learn/)
- [Complete React Developer in 2019 (w/ Redux, Hooks, GraphQL)](https://www.udemy.com/complete-react-developer-zero-to-mastery/learn/)

If you want to learn Docker I can absolutely recommend the Docker Mastery course by Bret Fisher 👍

Fortunately, Udemy has many offerings, so that you can often buy courses for little money 🤑.
How to manage time between competitive coding, learning new things, & personal projects?
Tags: beginners, computerscience
Published: 2019-08-13 04:53:37

How to manage time between competitive coding, learning new things, & personal projects?

1. Make your work overlap
2. Start early
3. Collaborate with smarter peer
4. Select your forte
5. Maintain a goal for each of them
6. Keep coding 

Share your thoughts on how to manage time better?
3 hours left to win a $75 Amazon giftcard!
Tags: survey, giftcard, developers, remote
Published: 2019-08-13 03:34:05

---
title: 3 hours left to win a $75 Amazon giftcard!
published: true
description: 
tags: #survey #giftcard #developers #remote
cover_image: https://thepracticaldev.s3.amazonaws.com/i/mb86jcv6c57w1sftkyjx.png
---

Share *your* experience as a **remote developer or technical leader** in our  5-minute “State of Remote Developers” survey. The **survey closes in 3 hours**!! 

###**[👉 SURVEY HERE](https://codemntr.io/devto-stateofremotedevs)**


Two $75 Amazon giftcards are up for grabs and winners will be contacted by the end of the week. 🎉
Bringing it together: leadership, law, and code
Tags: leadership, law, programming
Published: 2019-08-13 03:18:34

---
title: Bringing it together: leadership, law, and code
published: true
description: There's a lot to be said right at the intersection of leadership, law, and code!
tags: leadership, law, programming
---

I've been a little quiet here for the past few months! 

Basically, I've been trying to figure out what to do. 

## On being pulled in three directions at once

As you know, if you follow me, I'm really into tech leadership topics, especially for new tech leads, hands on engineering managers, and CTOs or VPEs of startups. I even self published a book called [How To Be A Tech Lead](https://leanpub.com/how-to-be-a-tech-lead) ($0).

But what I didn't mention here is that somewhere along the way of my 20+ year career tech is that I went to law school. Hey, write code in the early 2000s was anything but cool, and it was a nice break. I did really well, clerked for a federal judge, and passed the California bar exam. 

And I still love writing and leading sessions teaching people about law, especially law for software engineers. 

## Bringing it all together

Finally, I still write a lot of code for a living. So I get kind of confused on what to focus on: Tech leadership? Law? Code? 

Screw it. 

Why not just start writing about all three???

There's a ton to talk about. In some places they'll intersect: like being a great tech lead and employment law issues. In others, the might just be kind of interesting: like the Computer Fraud and Abuse Act. 

In all cases, I think I'll be able to continue (and enhance) my mission of making you a more effective, in the trenches tech leader.

So I started a (paid - $7/mo) email list on Substack called [Leadership, Law, Code](https://michaelrice.substack.com) that I hope you'll subscribe to. 

But I'll keep posting here from time to time--this is a great community and I'd love to engage you here!
Implementing Counting Sort with JavaScript
Tags: javascript, sort, algorithms
Published: 2019-08-13 02:05:23

---
title: Implementing Counting Sort with JavaScript
published: true
description: How to implement counting sort with JavaScript
tags: javascript, sort, algorithm
---

Counting sort is an algorithm that, in certain cases, allows you to sort an array in linear time. To use counting sort your array must only contain integers, and it is assumed you know the minimum and maximum values.

Implementation
--------------

![counting sort algorithm](https://thepracticaldev.s3.amazonaws.com/i/dt5kywjt727u7uh77e6w.png)


Breakdown
---------

(1) Create a new array `counts` in which you will keep track of how many times an integer is present in your input array. The length of `counts` will be determined by the range of the values in your input array. Each index in `counts` will correspond to an integer, and each value at this particular index will tell us how many times the integer is present in our input.

![code fragment](https://thepracticaldev.s3.amazonaws.com/i/napcn0riwemqz1lhvlpl.png)


(2) If all our integers are positive, we could just keep track of the count for each one at the index in `counts` corresponding to its value (i.e. `counts[3]` is where we save our count for an integer `3`). But for this algorithm to work with negatives, we must determine an `offset` value to helps us map both negative and positive integers to an index in `counts`.

![code fragment](https://thepracticaldev.s3.amazonaws.com/i/s9y65xmav5imgkjmq6oh.png)

(3) Populate `counts` by iterating through your original array. Every time we encounter an integer, we increase its count by one.

![code fragment](https://thepracticaldev.s3.amazonaws.com/i/djbmli2ph0prt63o3bl6.png)


(4) Initialize an array to hold the integers in ascending order.

![code fragment](https://thepracticaldev.s3.amazonaws.com/i/w2ap0mlcwow2m2k6e1xd.png)

(5) Loop through all the integers between your `min` and `max`. At each iteration, determine the `count` for the current `integer`. If the `count` is `0`, we continue to the next one. But if the `count` is greater than `0`, we push that integer to `sortedIntegers` as many times as indicated by `count`.

![code fragment](https://thepracticaldev.s3.amazonaws.com/i/6it7at1q4sm0zhozehb3.png)

(6) Return your sorted array.

![code fragment](https://thepracticaldev.s3.amazonaws.com/i/ddx9bd06t258l4rx240u.png)


Complexity
----------

In the worst-case scenario, the complexity of this algorithm is as follows:

- Time complexity: `O(n + k)`, where `n` is the numbers of integers in your original array and `k` is the range of your `min` and `max` values.
- Space complexity: `O(n + k)`

When `k` is less or equal to `n`, both complexities reduce to `O(n)`.
How to change the terminal style in VSCode in an easy way
Tags: vscode, style, terminal
Published: 2019-08-13 02:00:45

---
title: How to change the terminal style in VSCode in an easy way
published: true
description: How to change terminal style in VS Code
tags: VSCode,Style,Terminal
---

I just required to change the look for the integrated terminal, and I just figured out how easy is this.

So…. here you have a happy walk around to do it 🙂 


1. Go to the settings (In VSCode obviously)
    - On Windows/Linux - **File > Preferences > Settings** 
    - On macOS - **Code > Preferences > Settings**
        - Shortcut (⌘,)
        - Search (⇧⌘P) → “Preferences: Open Settings”
2. Search for "workbench: color customizations" and open the **settings.json** file
3. Edit or Paste your configuration under **workbench.colorCustomizations**
    1. https://code.visualstudio.com/api/references/theme-color
```json
    "workbench.colorCustomizations": {
      "terminal.background":"#1D2021",
      "terminal.foreground":"#A89984",
      "terminalCursor.background":"#A89984",
      "terminalCursor.foreground":"#A89984",
      "terminal.ansiBlack":"#1D2021",
      "terminal.ansiBlue":"#0D6678",
      "terminal.ansiBrightBlack":"#665C54",
      "terminal.ansiBrightBlue":"#0D6678",
      "terminal.ansiBrightCyan":"#8BA59B",
      "terminal.ansiBrightGreen":"#95C085",
      "terminal.ansiBrightMagenta":"#8F4673",
      "terminal.ansiBrightRed":"#FB543F",
      "terminal.ansiBrightWhite":"#FDF4C1",
      "terminal.ansiBrightYellow":"#FAC03B",
      "terminal.ansiCyan":"#8BA59B",
      "terminal.ansiGreen":"#95C085",
      "terminal.ansiMagenta":"#8F4673",
      "terminal.ansiRed":"#FB543F",
      "terminal.ansiWhite":"#A89984",
      "terminal.ansiYellow":"#FAC03B"
    }
```

After that little change, you can check your integrated terminal in VS Code
![Integrated Terminal VSCode](https://paper-attachments.dropbox.com/s_BB4D438C0BD300F9046363852C7E5AEEFC644AC076498F4495212D2CD4CFEFF9_1565661101879_Ex.png)




You can find several predefined templates here:
https://glitchbone.github.io/vscode-base16-term/#/



>https://code.visualstudio.com/docs/getstarted/settings
>
>https://code.visualstudio.com/api/references/theme-color
>
>https://glitchbone.github.io/vscode-base16-term/#/
Realtime Audio Visualizer Controller Part 2
Published: 2019-08-13 01:13:01

---
title: Realtime Audio Visualizer Controller Part 2
published: true
description: 
tags: 
---

Part two of making my real time audio visualizer program + controller. This week I got midi input and spectrum analysis working in Unreal. I included some pictures of the blueprint setup and will be posting a video demonstration later this week once I have a better demo made.

https://imgur.com/a/vS68Ibl
Using the Azure Portal to Check Configured Privileges
Tags: azure, devops, sre
Published: 2019-08-13 00:00:00

---
title: Using the Azure Portal to Check Configured Privileges
date: "2019-08-13"
description: Quick tip on finding configured privileges from the Azure portal.
published: true
tags: 
- azure
- devops
- SRE
---

Quite frequently, I use the _az_ command-line tool to explore my Azure resources. Sometimes, I want to use the GUI (aka the Azure portal) when I'm trying to manage several resources at the same time. 

I discovered that if I search for [a service principal](https://dev.to/azure/you-gotta-keep-privileges-separated-509) by name in the Azure portal, it doesn't show up as a resource. To find the principals, instead, search for the Azure Active Directory service. 

![Search for Azure Active Directory](https://thepracticaldev.s3.amazonaws.com/i/fhha1qr89f4fd7w1tlzw.png)

From Azure Active Directory pane, click on App registrations. 

![Azure Active Directory pane showing App Registration option](https://thepracticaldev.s3.amazonaws.com/i/jxnr7d4kavwhdmrw2ifc.png)

From that pane, I can choose to see _All Applications_ or _Owned Applications_. 

The term Application here isn't implying that it's an actual application. Instead, these are components that are associated with applications. In this case, the App registration pane shows all [Application objects and Service Principals](https://docs.microsoft.com/en-us/azure/active-directory/develop/active-directory-how-applications-are-added?WT.mc_id=devto-blog-jedavis). From here, it's possible to search for a specific service principal.

For more quick real-world scenarios on Azure, check out the [Azure Tips and Tricks site](https://microsoft.github.io/AzureTipsAndTricks/).
What is bad code?
Tags: healthydebate, discuss, programming
Published: 2019-08-12 22:40:41

---
title: What is bad code?
published: true
description: Can you define bad code?
tags: [healthydebate, discuss, programming]
cover_image: https://thepracticaldev.s3.amazonaws.com/i/45n8epz29pyj6rvvv2mz.jpg
series: "The Good, the Bad and..."
---

Seems to be an obvious question, but I haven't seen one authoritative answer to this. People can have opinions about code quality for sure, or people can use phrases like "Bad code is bad code, whether it compiles or not." (from [this article](https://dev.to/codemouse92/the-dark-side-of-the-magic-mgj)). 

But can we define what is bad code? Can we all agree on that one definition? 

I guess this definition will change over time. Shall we make a committee which will publish a new definition every year?

What I'm trying to say is that this is not a trivial problem to decide if this code is bad or is good, the same way as it is hard to say [if this is the best chess move or not](https://youtu.be/YX40hbAHx3s?t=165) (I can give you an answer, but how you gonna know it is true, it is hard to test).

It is possible to identify some parameters of code, like LoC, coverage by tests. 

Other parameters are harder, for example, readability. Readability depends on the reader.

We - developers like to throw around those terms like [10x programmer](https://dev.to/stereobooster/what-10x-engineer-means-59le), bad code, etc. But in practice those terms like mythical creatures. Everybody has different ideas, sometimes definition is "I know it when I see it".

How we suppose to have constructive discussion throwing those ambiguous terms around.

> Photo by Maria Teneva on Unsplash
What do you listen to while programming/working
Tags: discuss
Published: 2019-08-12 22:14:36

#My discovery

During college I discovered that listening to music which has lyrics completely throws off my jam and makes it hard for me to focus. 

*Yes I learned this the hard way*

For moments when I need to focus really well I tend to listen to Jazz, Lofi, Classical, Acoustic, or basically anything instrumental.
"A Complete Guide to the Ruby Programming World"

Published: 2019-08-12 22:02:01

I recently started learning Ruby, and the main reason that I got inspired to start learning it was this particular article called "A complete guide to Ruby programming world"(https://learnworthy.net/a-complete-guide-to-the-ruby-programming-world/)

It had a lot of great content, such as the popularity of Ruby, what kind of websites were made with Ruby that are well known. 

Additionally, I learned that Ruby has 3 main key principles:
#1 – Ruby was created for developers
#2 – The focus on code quality
#3 Maintained by the community

Ruby also has a lot of businesses benefits such as
Reliable: At least through the last decade, Rails has proven its reliability and demonstrated opportunities for consistently scaling any kind of product. Therefore, it’s safe to say that this framework is a solid basis for successful platforms of any size, starting from startups to large enterprises.

Performance: The level of Rails performance, accounting for speed, efficiency, and software resources required, is high enough for any enterprise to use. In fact, the Ruby on Rails has demonstrated a high performance since Ruby 1.9 and 3 were released. And, Rails keeps on showing even higher success rates.

Integrations: Thanks to the Rails community and the activities of IT leaders, integrating enterprise software with Ruby on Rails is way faster and more efficient today than it was, say seven years ago. Additionally, Ruby can integrate and coexist with Java, .NET and other different platforms perfectly.

Digital transformation: Ruby is a perfect solution to current issues of digitalization. It offers ready-made solutions for any business needs, starting from automating operational processes to improving customer order processing and employee management processes. 

But, as the article states, Ruby has disadvantages too, like multithreading. 

I thought it was worth sharing here :).
A weird experiment: The Boost Your Coding Fu With VSCode and Vim Auditory Experience! An Audiobook? A Podcast?!
Tags: showdev, vscode, vim, webdev
Published: 2019-08-12 21:09:46

---
title: A weird experiment: The Boost Your Coding Fu With VSCode and Vim Auditory Experience! An Audiobook? A Podcast?!
published: true
description: A weird experiment: The Boost Your Coding Fu With VSCode and Vim Auditory Experience! An Audiobook? A Podcast?!
tags: [showdev,vscode,vim,webdev]
cover_image: https://thepracticaldev.s3.amazonaws.com/i/8nn3oh5nai163d1p58wh.jpg
series: "Exploring Vim"
---

Some weeks ago in the twitterverse...

{% twitter 1156826392903979008 %}

Flash-forward and TaDa!! I've started making Boost Your Coding Fu into an auditory experience. Here is a sample!

{% soundcloud https://soundcloud.com/boost-coding-vscode-vim/sets/boost-your-coding-fu-with %}

And [here is the complete playlist](https://soundcloud.com/boost-coding-vscode-vim/sets/boost-your-coding-fu-with) with about 50 minutes of soothing VSCode and Vim content :D

Let me know what you think! Hope you like it! :D