teleren/devto huggingface dataset:
Messing about with JavaScript, video and the Web Audio API for Halloween
Tags: javascript, halloween, webaudio
Published: 2018-10-31 13:26:33

---
title: Messing about with JavaScript, video and the Web Audio API for Halloween
published: true
tags: javascript, halloween, web audio
---

![Happy Hallowe'en](https://thepracticaldev.s3.amazonaws.com/i/924howsdruiduqumectg.gif)

So it's Hallowe'en. I'm not normally one for dressing up and terrifying the neighbours, but I did get a little inspiration to try to hack something together online.

With a touch of CSS, a dab of JavaScript and, most importantly, a willing volunteer behind the camera and microphone (that's you, try talking or shouting at the screen), here's what I came up with.

{% codepen https://codepen.io/philnash/pen/zmVLog %}
Git backed package management
Tags: git, productivity, programming, packagemanagement
Published: 2018-10-31 13:06:12

---
title: Git backed package management
published: true
description: Manage code packages using git
tags: git, productivity, programming, package_management
---

As a developer I want to keep my code base [DRY](https://en.wikipedia.org/wiki/Don%27t_repeat_yourself) and also DRO<sup>1</sup> as much as only possible. To achieve that I want to be able to
 - import a 3rd-party package
 - update imported package from its source

There are package and dependency managers that come to rescue. [**npm**](https://www.npmjs.com/) and [**yarn**](https://yarnpkg.com/en/) in JavaScript Universe, and [**Composer**](https://getcomposer.org/) often attributed to PHP World to name a few.

But what if your technology stack ecosystem doesn't offer any (_BTW, did you know you can effectively use either of the above in virtually any ecosystem?_) or only tools you can (or may) employ are Ctrl-C/Ctrl-V<sup>2</sup> and/or git?

Copy-pasting is the latest resort. Let's stick to git.

Many employ the following git-based tools:
 - [git-submodule](https://git-scm.com/book/en/v2/Git-Tools-Submodules)
 - [git subtree merge strategy](https://mirrors.edge.kernel.org/pub/software/scm/git/docs/howto/using-merge-subtree.html)
 - [git-subtree](https://github.com/git/git/blob/master/contrib/subtree/git-subtree.txt) (comes bundled with git since release 1.7.11)
 - [The coolest merge EVER!](http://www.gelato.unsw.edu.au/archives/git/0506/5511.html)


Well, the above works. But recently I found a tool that not only removes hassle but also allows to push changes to imported packages back to source (consider pull-request mechanism though).

Here is the hero of the day!

[git-subrepo](https://github.com/ingydotnet/git-subrepo)

Basic workflow is as simple as
```
# init
git subrepo clone anotherRepo.git localSubdir4anotherRepo -b master
# update from anotherRepo
git subrepo pull localSubdir4anotherRepo
# export back
git subrepo push localSubdir4anotherRepo -b anotherRepo-target-branch

```

I just love it.

More details and further reading on the topic available in [Repo import and export back](https://gist.github.com/OleksiyRudenko/86d378b56fe690e47a066b8eeb4ac5b2) gist.



---

<sup>(1)</sup> - Don't Repeat Others; arguable but IMO perfectly fits the context here.

<sup>(2)</sup> - or equivalent supporting content copy-pasting.
Re-assign or filter?
Tags: javascript, codewars
Published: 2018-10-31 12:02:29

---
title: Re-assign or filter?
published: true
description: CodeWars Array Diff Problem
tags: #javascript #codewars
---

Hi Everyone!

A simple post here, taking a look at the comparison between what I did and what was the best solution for **CodeWars Array.diff 6 Kyu** problem.

####Problem
Given two arrays **a** and **b**, remove items all **b** items from **a** and return, in case they don't match return **a**.

####What I did?
1. Go through each item in **b** using a forEach loop.
2. If you find the item in **a** remove it and _reassign_ **a** using filter function.
3. Goto point 1 and get next item from **b**.
4. When no more items left in **b**, return the new **a**.

```javascript
function array_diff_ME(a, b) {
  b.forEach(function(item, index){
	  a = a.filter(x=>x===item?false:true);
  });
  return a;
}

array_diff([1,2,3,4], [4,1,3]);

```

####So what's the problem?
It uses an extra forEach loop which is not needed, and problem can be solved just by using a single filter function.

####The Better Solution
As it turns out, a single filter function on **a** can do the trick. It works as follows:

1. Go through each item in **a** and check if the item exists in **b** using the indexOf function.
2. If indexOf(item) is -1, then filter function returns a true and that value is kept in a through filter, however if indexOf(item) is not -1 then filter function returns a false and item is filtered **OUT** of **a**.
3. Return the new **a**.

Here's the 'pseudo'-pseudocode! 

```javascript
function array_diff_PEOPLE_WHO_STUFF(a, b) {
    a.filter({if (b.indexOf(current item of a) is -1) then
           return false;
              else
           return true;
    });
return a;
}

```

Hope you liked this, just like I liked documenting another sub-optimal way of getting stuff done :), TTYL!
Deploy on Friday Festival !!! #deployFridayFest
Tags: challenge, discuss, community
Published: 2018-10-31 11:42:38

---
title: Deploy on Friday Festival !!! #deployFridayFest
published: true
description: Simply tweet with the hashtag `#deployFridayFest` to know when someone deploys on Friday
tags: challenge, discuss, community
---

Talking about deploying to production on Fridays is a controversial issue. Some companies has strict policies about that, while others are much more *agile* and has no problem with it.

Personally, I think it depends on many factors: the kind of change, the impact it could have, how good and automated is your process (I mean applying a change, test and deploy, etc), how company is organised in teams, etc.

I would like to start an "initiative" 😅 to know how many developers deploys to production on Fridays, because of this, every time you deploy something to production on Friday publish a tweet with the `#deployFridayFest` hashtag.

Cheers !

![deploy](https://thepracticaldev.s3.amazonaws.com/i/p4xgi37b3ww3gfebigeg.gif)
API Testing: The Definitive Guide
Tags: apitesting, backend
Published: 2018-10-31 11:10:30

---
title: API Testing: The Definitive Guide
published: true
description: Continuing our mini-series on backend testing, we’re diving deep into API testing to discover how it can increase apps’ quality without significantly raising the QA costs.
tags: Api testing, Backend
cover_image: https://www.mindk.com/blog/wp-content/uploads/2018/09/danial-ricaros-785707-unsplash-min-720x460.jpg
canonical_url: https://www.mindk.com/blog/api-testing/
---

Continuing our mini-series on backend testing, we’re diving deep into API testing to discover how it can increase apps’ quality without significantly raising the QA costs.

Almost any application relies on third-party APIs for some of its functionality, from signing in with Facebook to finding a location with Google Maps. But few teams spend enough efforts on API testing unless their APIs are public.

This can have disastrous consequences.

[Continue reading...](https://www.mindk.com/blog/api-testing/)
How to Save 75% on Fixing Bugs (and 6 More Benefits of Automated Testing)
Tags: qatesting, backend
Published: 2018-10-31 11:05:13

---
title: How to Save 75% on Fixing Bugs (and 6 More Benefits of Automated Testing)
published: true
description: While Quality Assurance engineers have long advocated for automated testing, few business owners realize its true value. Today, I’m going to show how automated tests can benefit your business and share the insights gained in 8+ years of testing software.
tags: Qa testing, Backend
cover_image: https://www.mindk.com/blog/wp-content/uploads/2018/09/franck-v-516603-unsplash-min-720x460.jpg
canonical_url: https://www.mindk.com/blog/automated-testing-benefits/
---

While Quality Assurance engineers have long advocated for automated testing, few business owners realize its true value. Today, I’m going to show how automated tests can benefit your business and share the insights gained in 8+ years of testing software.

[Continue reading...](https://www.mindk.com/blog/automated-testing-benefits/)
Help Nedeed (Framework Update)
Tags: vue, react
Published: 2018-10-31 10:57:36

---
title: Help Nedeed (Framework Update)
published: true
description: 
tags: #Vue #React
---

In my company we want to update our framework,
we are Hesitant between React and Vue, which one is the best?
 
Note: all our project uses Angular and Ionic.
Going online in 5 minutes with Netlify
Tags: vue, netlify, ci, javascript
Published: 2018-10-31 10:44:27

---
title: Going online in 5 minutes with Netlify
published: true
description: Short story of how Vue.js, Netlify and GitHub let you get online
tags: vue.js, netlify, ci, javascript
---
# I'm finally [online](https://piotrslupski.pl) and it took 5 minutes
Yesterday, it turned out that a personal website for my consulting company is a must, in order to apply to various projects in the realm of innovation and actual hard R&D. 

## What I wanted
Sitting in front of the screen, it dawned upon me - it's 2018, and the web has changed. How do I host my own website with minimal effort? I could land an AWS EC2 instance. I could buy a hosting service somewhere, and upload files. There are all sorts of *classical* ways of doing things. This time, I wanted to check out the promises of the infrastructure we're all building.

## I found [Netlify](https://netlify.com)
After looking around, [I stumbled upon this reddit thread](https://www.reddit.com/r/webdev/comments/5m8tr4/how_do_i_host_the_website_i_just_built/) which pointed me to Netlify. ![Indeed](https://thepracticaldev.s3.amazonaws.com/i/b6fp0vkfr4sxuy5dl6z5.png) 
The _deploy your site in seconds_ portion of the landing sold me. After registering the account, you need to connect to GitHub and choose a repository for a CI deployment. After that, Netlify let's you use the build command you want.

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

You can allow netlify to access your account or a specific repository. I chose my personal website repository, which is [based on a free Vue.js / Material Design template.](https://www.creative-tim.com/product/vue-material-kit).

I also bought a domain from my local provider, [home.pl](https://home.pl). After setting the A DNS record in the domain configuration to point to cocky-lichterman, Netlify's deployment, waiting a minute or so, I was up and running with my new personal website, hosted with Netlify.

Out of the box, you get Continous Integration. After pushing the changes to master, Netlify automatically rebuilds the Vue.js app and deploys to production.

## Summary
The combination of Vue.js, Netlify and GitHub seems to work for me since yesterday. [Netlify is free for personal projects](https://www.netlify.com/pricing/) and right now it seems like the best option for me. I hope you found this post informative!
Amazon CloudWatch on Free Tier
Tags: amazonwebservices, aws, cloudcomputing, freetier
Published: 2018-10-31 09:14:16

---
title: Amazon CloudWatch on Free Tier
published: true
description: Have any free tier services got under you skin?
tags: Amazon Web Services, AWS, Cloud Computing, Free Tier  
---

<span style="font-weight: 400;"><img class="alignnone wp-image-799 size-full" src="https://thepracticaldev.s3.amazonaws.com/i/816c0qbm9hsj6yxtmtb1.jpg" alt="Amazon CloudWatch on Free Tier" width="1588" height="2246" /></span>



Have any free tier services got under you skin?

Tweet your AWS free tier experiences with us <a href="https://twitter.com/totalcloudio">@TotalCloudio</a>

&nbsp;

<span style="color: #000000;"> Note: Originally published at <a href="http://blog.totalcloud.io/cloud-comic-amazon-cloudwatch-free-tier/" target="_blank" rel="noopener"> blog.totalcloud.io </a>.
</span>
GitHub is Celebrating Halloween
Tags: showdev, github, opensource, discuss
Published: 2018-10-31 08:07:34

---
title: GitHub is Celebrating Halloween
published: true
description: look how they are celebrating
tags: showdev , github, opensource , discuss
cover_image: https://thepracticaldev.s3.amazonaws.com/i/5qfyas1gn4wjelelrf2a.png
---

I landed to my profile page and I was shocked to see what happened to that green square dots. 

How they become Yellow!😓 

Then I understood,

 **They Are Celebrating Halloween**

![](https://thepracticaldev.s3.amazonaws.com/i/1pmoko3f4oodulcv4sss.png)
Docker + Rails + Puma + Nginx + Postgres
Tags: docker, rails, webdev, productivity
Published: 2018-10-31 06:33:45

---
title: Docker + Rails + Puma + Nginx + Postgres
published: true
description: Production-ready configuration files that will help you to accelerate your deployment process
tags: #docker, #rails, #webdev, #productivity
---

![Docker + Rails + Puma + Nginx + Postgres](https://thepracticaldev.s3.amazonaws.com/i/mzh9jc0jeovmcxg5bnp3.jpeg)

If you are writing a Rails app and using Docker to deploy your app. This post is for you.

Production-ready configuration files that will help you to accelerate your deployment process

{% gist https://gist.github.com/satendra02/1b335b06bfc5921df486f26bd98e0e89 %}

Here is the detailed blog:
https://itnext.io/docker-rails-puma-nginx-postgres-999cd8866b18
😱 Spooktober : Whats your most horrifying dev-bug?
Tags: discuss, tech
Published: 2018-10-31 06:30:54

---
title: 😱 Spooktober : Whats your most horrifying dev-bug?
published: true
description: Its halloween, time to share horrifying stories from our bugs, in dev or worse production!
tags: #discuss, #tech
#cover_image: https://thepracticaldev.s3.amazonaws.com/i/ha2qryn4awgel5u5pbr3.jpg
---


Was digging around my files, and came across this gem done by an art friend last year. So here goes...


![list of dev-bugs](https://thepracticaldev.s3.amazonaws.com/i/lvfrxb3l701hjhl80f0s.jpg)

Since its halloween, lets hear some horrifying, or amusing bugs one has encountered or heard. In dev, or worse production! 😱😱😱
Avoiding the `master` branch is used in `go get` 
Tags: go
Published: 2018-10-31 04:44:12

---
title: Avoiding the `master` branch is used in `go get` 
published: true
description: 
tags: Go
---

`go get` retrieves the default branch of the package by default. This is often using the `master` branch. But the `master` branch is including work in progress code sometimes, so want to avoid to use it. 
To solve this problem, there is an approach of dividing the default branch and the development branch. But this is just a little complex.  

Other approaches to solving this problem, use a branch or tag named `go1`. 
`go get` has a rule for looks for a branch of tag that matches the locally installed version of Go. It describes in the doc.   

```
When checking out or updating a package, get looks for a branch or tag that matches the locally installed version of Go. The most important rule is that if the local installation is running version "go1", get searches for a branch or tag named "go1". If no such version exists it retrieves the default branch of the package.  
``` 
https://golang.org/cmd/go/#hdr-Download_and_install_packages_and_dependencies  

This is also can confirm in `get.go`. Below is the code of the corresponding part.

```go 
// selectTag returns the closest matching tag for a given version.
// Closest means the latest one that is not after the current release.
// Version "goX" (or "goX.Y" or "goX.Y.Z") matches tags of the same form.
// Version "release.rN" matches tags of the form "go.rN" (N being a floating-point number).
// Version "weekly.YYYY-MM-DD" matches tags like "go.weekly.YYYY-MM-DD".
//
// NOTE(rsc): Eventually we will need to decide on some logic here.
// For now, there is only "go1". This matches the docs in go help get.
func selectTag(goVersion string, tags []string) (match string) {
	for _, t := range tags {
		if t == "go1" {
			return "go1"
		}
	}
	return ""
} 
```

https://github.com/golang/go/blob/fde4b9ed14e339b5064373c1d4a73e211ec32ac4/src/cmd/go/internal/get/get.go#L541-L556 

Unfortunately, we can use `go1` tar or branch only now.  

But can use `go1` to control the version used. Let's try to use it.
Firebase + Jest Testing Episode 2
Tags: jest, firebase, javascript, babel
Published: 2018-10-31 04:33:53

---
title: Firebase + Jest Testing Episode 2
published: true
description: The next step in testing with Jest
tags: Jest, Firebase, Javascript, Babel
---

{% youtube zr-VqecEcc8 %}

Brian and Josh take the next step in adding Jest unit tests to a Firebase web app.
Heart Eyes for Array Methods
Tags: javascript, beginners, codenewbie
Published: 2018-10-31 04:02:11

It's been almost three months (aka half-way there!) into my first intensive experience in a coding boot camp, and it's clear that objects and arrays are pretty important to even a novice at JavaScript. Objects are key-value pairs (*like a word and its corresponding definition in a dictionary*) while an array, which is a special type of object, is an ordered list, which is useful when dealing with a large amount of the same type of data, like a collection of names. 

For example, an array of random colors is noted such as:


```
let colors = ['yellow', 'black', ‘blue’, ‘green’]
```

With arrays, JavaScript gives you the ability to make basic edits like add, delete, and update the data as well as helps you sort through the information with limited amounts of code. These are called *array methods*. There is a plethora of these cool little mechanisms, not even a fraction of which I have tried and tested myself yet, but here are a couple of my favorites so far.

**Push**
Adds new element to the end of an array


```
let colors = ['yellow', 'black', ‘blue’, ‘green’]

colors.push('white');

alert(colors) 
// Output will be yellow, black, blue, green, white

```
**Splice**
Deletes item(s) from an array, from any location. The parameters you pass through indicate *where in the array you’re beginning* and *how many items to remove*. Remember the index rule: the first item in an array is defined as 0, second item is 1, third item is 2, and so on.

```
let colors = ['yellow', 'black', ‘blue’, ‘green’, 'white'] 
// let’s remove black and blue out of there!

colors.splice(1, 2) 
// so starting at index 1 (black), remove 2 items (black, blue)

alert(colors) 
// Output will now be yellow, green, white

```

**Splice** is doubly cool because not only can you delete items from anywhere in the array, you can also insert new items at the same time.

```
let colors = ['yellow', 'black', 'blue', 'green', 'white'] 
// let’s remove blue and green and add a bit more flair

colors.splice(2, 2, 'rose gold')

alert(colors) 
// Output will be yellow, black, rose gold, white

```

I hope to put to use and get to know many more of these tiny heroes (many of which you can find <a href="https://javascript.info/array-methods" target=_blank>here</a>) throughout my boot camp journey and beyond. Hooray for arrays!
I don't know what programming language is worth to learn.
Tags: programming, programminglanguage, begginer
Published: 2018-10-31 03:29:21

---
title: I don't know what programming language is worth to learn.
published: true
description: Im a begginer software developer and I want to learn a new programming language but i don't know which should I chose.
tags: #programming #programmingLanguage #begginer
---
Stuck? Ask Yourself These Questions.
Tags: career, mentalhealth, life
Published: 2018-10-30 23:14:15

---
title: Stuck? Ask Yourself These Questions.
published: true
description: Life happens and sometimes we feel stuck. What we can do to not feel stuck.
tags: career, mentalhealth, life
---

The journey we call life is full of surprises. On top of that, we decided to add this crazy profession called software development.

Our lives are never boring. There's hardly a dull moment. We have to make decisions and many other decisions will be made for us.

Here's a few examples off top my head:

- Office politics
- Job rejections
- Being fired...err downsized
- Someone crushing your PR
- Your "junior" opinion is ignored
- Boring product
- Using old tech
- Job not matching job description
- etc.

The outcome might lead to anger, resentfulness, unhappiness, regret, guilt or even hate!

It leaves us with a feeling of being stuck. The question I have for you is: why?

**Why do we allow ourselves to do this to ourselves?**

I believe we don't this on purpose. I believe we do this because we don't know other alternatives. 

I invite you to look at these events from a different perspective.

## Stuck? Ask Yourself These Questions

1. Will this matter in 3 hours?
2. Will this matter in 3 days?
3. Will this matter in 3 weeks?
4. Will this matter in 3 months?
5. Will this matter in 3 years?

You will quickly find out that **very few** things are really worth your anger, resentfulness, unhappiness, regret, guilt or hate!
What plugins do you use for PyCharm?
Tags: pycharm, plugins, python
Published: 2018-10-30 21:48:04

---
title: What plugins do you use for PyCharm?
published: true
description: Best plugins for PyCharm
tags: pycharm,plugins,python
---
![PyCharm](https://thepracticaldev.s3.amazonaws.com/i/c10y0mi7c90a7tt8qh9e.jpg)

After testing Atom and Sublime, I've been figuring my way around PyCharm for my python/flask/django development adventures, and I always find myself installing, testing and removing plugins to get what I could say the "Ultimate IDE environment".

So I'm curious, and thus ask you this: What plugins do you think are essential to have for _your_ "Ultimate IDE environment"?


Thanks,

-E
Has becoming a developer changed you?
Tags: discuss, culture
Published: 2018-10-30 19:59:28

---
title: Has becoming a developer changed you?
published: true
description: 
tags: discuss, culture
---

Some of us have been programmers since we learned to talk. Some of us are still pretty new to the whole thing.

Do you think your life outside programming has changed, for good or bad, because of it? Has it shaped you as a person?

For instance, have you met more friends, learned to think about everyday situations as a series of a logical processes... or has it made you grumpy and dispirited?
If you have a SaaS business or side-hustle, I want you for my podcast!
Tags: saas, startup, podcast
Published: 2018-10-30 19:56:27

---
title: If you have a SaaS business or side-hustle, I want you for my podcast!
published: true
description: Looking for talkative developers for an interview podcast
tags: saas, startups, podcast
---

Hey. I’m rebooting a podcast about small SaaS businesses and side-projects, and am looking for guests to talk tech. If you’re working on an online product or you’re growing a side-project, please get in touch.

I’m a Django developer, and I run a podcast hosting company called Podiant. I had a podcast chronicling the development of the service — called /Platform/ — but I’m now looking to start a new season, interviewing people who are in similar situations.

It wouldn’t necessarily be a great place to pimp your startup — unless you’re providing tools to other SaaS developers — but if you want to compare notes, or share things you’ve learned or challenges you’ve faced, I’d love to talk. I’m based in the UK but we’ll be able to figure out timezone stuff fairly easily. My plan is to release regularly so have a bunch of banked episodes.

If you can drop me a message with a bit about your project, and your email address, that’d be great.

Thanks so much!