teleren/devto huggingface dataset:
Using scribbles to talk to the boss?
Tags: discuss, productivity, ux, showdev
Published: 2019-10-31 18:12:03

I often have to design and then explain or even pitch complex processes with many dependencies that have to happen over time and have multiple conditionals. My audience is mostly technical, but sometimes is a mix of tech, business and marketing people. And suddenly I figure that a piece of scribbles like this works best:

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

I used to draw complex mindmaps that I would print on A3 paper and send around or bring to the meetings. I tried text in all kind of forms - from TL;DR to novel-sized google docs. I did powerpoints and even recorded videos.

And somehow I sense that I get best results with scribbles like these. 

I was a little shy first. But then I noticed that scribbles were actually perceived well. Maybe since they look as a whiteboard at a meeting and people feel like they've joined in and immediately start contributing? =]

This community is quite diverse, so I have to ask you - what's your take? Would you prefer a scribble or a text or a powerpoint?
Completed Hacktoberfest 2019 🎉✨🦄
Tags: hacktoberfest, javascript, react, node
Published: 2019-10-31 18:11:11

2019 has been the first time I participated in Hacktoberfest, it was a lot of fun participating in the open-source contribution and it still feels it's the beginning and don't stop contributing.

I came to know about Hacktoberfest by my friend last year and this year I came across a twitter post which reminded me about Hacktoberfest. 

My contribution have been pretty diverse from discord-bot to building functional libraries but it has been a lot of fun to get to know about cool projects and awesome developers and most important that I am also a part of those projects now.

One of the key thing which I love doing is building well architecture code-base which results in high scalability as you can painlessly add new features to it and test it, so all the projects I contributed have been very well documented + following clean code guidelines with very good tooling.

It's okay to spend some time choosing right project for you, as your developer experience will depend on that, and enjoy contributing.

If you are bored coding so long on same project, you should definitely try open source it will be a charm.

Happy Coding 😎.
Who was that masked variable?
Tags: discuss
Published: 2019-10-31 18:10:37

# Who is that masked variable?

We were running through some of our curriculum at [Tech Elevator](https://www.techelevator.com/) and ran across a piece of code that said that you couldn't define the same variable name in two different scopes in JavaScript.

This struck me as a little strange. JavaScript will let you *do* anything it just might not be what you wanted. Surely, it wouldn't throw an error if you define the same variable again in a child scope? So I wrote this code in my browser's console to test it out:

``` JavaScript
{
    let i = 3;
    {
        let i = 29;  // <-- This is a new variable and masks the original
        console.log(i);  // <-- Will print 29
    }
    console.log(i); // <-- Back to the original variable, will print 3
}
```

So the second variable just masks the first one until it falls out of scope. Interesting!

At first I thought that this might be useful, but then I couldn't think of a single useful thing to use this with.

So, my question to you, can you think of a useful way of using this feature in an algorithm in JavaScript?
7 face dice
Tags: random, algorithms, python, cpp
Published: 2019-10-31 17:27:23

"God does not play dice", says Einstein. But we do! What if there were 7 players and you have to randomly choose one with a 6 face dice?

Let me deface the question: What if there was a function *(Called rand6)* that randomly generates a **N**atural number between 1 to 6 and you have to write another function *(Called rand7)* that generates a random **N**atural number between 1 to 7 using first function *(rand6)*? And *rand6* is balanced.

**Note that the probability of all events must be equal!**

Wait a moment! Think! or just skip this step to my stupid solution.

# This is the answer if you wish:

[![python pyplot output](https://pbs.twimg.com/media/D-IvjHbXYAAetdD?format=jpg&name=small)](https://gist.github.com/tayyebi/af474bc0c0820d7ed1bdbb6a64f0d23a)

# But how?

The idea is to launch an election campaign! there will be a `local_max_count` that will keep top candidates count which have equal votes. Candidates are one of {1,2,3,4,5,6,7} that will go for a second, third, or n*th* election. And there is also a `global_max` variable that keeps the maximum count of votes of top candidate.

```
int local_max_count = -1;
```

In each election, we play dice for each candidate (not really what Facebook is made because of), and the number will be it's vote count.

```
for (int i = 0; i < 7 ; i ++)
	if (votes[i] == global_max)
	{
		local_max_count ++;
		// call the rand6()
		votes[i] = rand6();
	}
```

then `global max` is defined as:

```
// Find the array maximum
for (int i = 0; i < 7 ; i ++)
	global_max = max (global_max, votes[i]);
```

And if there was a unique top candidate, function will return that as answer:

```
if (local_max_count == 0)
	for (int i = 0; i < 7 ; i ++)
		if (votes[i] == global_max)
			return i + 1; // i + 1 because normal people start counting from 1.
```

But what if there were two or many other candidates?

There is the point that way we have to recursively call our function and change a line in `// Election` code to add value to previous value:

```
votes[i] += rand6();
```

# Test

You can run this function for 1000 times and visualize output with `pyplot` or any thing you wish. But it has to be something like image below because all numbers must have same chance to keep fair.

![7 face dice](https://pbs.twimg.com/media/D-I2aZcWkAIzY-U?format=png&name=large)

# Question!
What if `rand6` function was unbalanced?
Generate QR code with Share / Download Feature ( Angular 8)
Tags: javascript, angular, humour, beginners
Published: 2019-10-31 17:15:42

---
title: Generate QR code with Share / Download Feature ( Angular 8)
published: true
description: A simple code snippet to generate QR code in Angular
cover_image: https://i.ibb.co/mc0gDfm/Screenshot-from-2019-10-24-21-05-53.png
tags: javascript, angular, humour, beginners
series: Angular Journey
---

Hey there,

![Alt text of image](https://media.giphy.com/media/YOjP742CyBbg0zKCbl/giphy.gif)

Recently I had to generate QR code in my web application for a client. So I thought to share it here. 

##Library Used
[Angular Material](https://material.angular.io/) 
[ngx-qrcode2](https://www.npmjs.com/package/ngx-qrcode2)

```cmd
npm install ngx-qrcode2 --save 
```
Now, the package will be installed in our application.

Go to the app.module.ts file add a reference there for the QR code package.

```typescript
import { BrowserModule } from '@angular/platform-browser';    
import { NgModule } from '@angular/core';    
import { AppRoutingModule } from './app-routing.module';    
import { AppComponent } from './app.component';    
import { NgxQRCodeModule } from 'ngx-qrcode2';    
import { FormsModule }    from '@angular/forms';    
    
@NgModule({    
  declarations: [    
    AppComponent    
  ],    
  imports: [    
    BrowserModule,    
    AppRoutingModule,    
    NgxQRCodeModule,    
    FormsModule    
  ],    
  providers: [],    
  bootstrap: [AppComponent]    
})    
export class AppModule { }    
```
Open the app.component.html file and add the code in it.

![details](https://i.ibb.co/yQKh0MB/carbon.png)


Open the app.component.ts file and add the code in it.

![details](https://i.ibb.co/FwFb18Y/carbon-1.png)


Pass the string to "value" element to generate the QR code.
 
 


Thats it for now.
Share your favorite Halloween tunes!
Tags: watercooler, halloween
Published: 2019-10-31 16:51:52

---
title: Share your favorite Halloween tunes!
published: true
description: I always like to celebrate Halloween with a good creepy soundtrack. Come share your favorite Halloween tunes!
tags: watercooler, halloween
cover_image: https://p78.f0.n0.cdn.getcloudapp.com/items/QwuQnenQ/Image+2019-10-31+at+12.50.35+PM.png?v=321f8c820cff349fa623a86cf3b4d5e3 
---

I always like to celebrate Halloween with a good creepy soundtrack.

Here's a couple to get us started...
{% youtube qAkZT_4vL_Y %}
{% youtube iDpYBT0XyvA %}
Got any to share? Drop'em below. Remember that you can embed YouTube, Spotify, SoundCloud, etc. if you'd like.

Happy Halloween! 🎃🎵
Find Your inner happiness
Tags: selflove, beyourself, bethereasonofownhappiness
Published: 2019-10-31 16:26:55

I will start my post with be beautiful line

Be Your Own Sparkle.

There is will situation in life where you wanna end up your life based on some people comments from love one or because things are not happening as per you else because your not getting love from someone who you love more whatever the situation that might hurting.

My Dear, You dont worry you know the moment you broken, remember your just rise up to your dream and your one step ahead to destiny.


lets find your inner happiness in this post, i will share a beautiful method or give you magical stick which always your side.

It is "Dairy" yes make your own dairy, write it whatever happens with or what u want to achieve in your life, write it all your emotions, burn the paper which contains negative points i am damn sure you will be happiest , Congrats! finally found your inner happiness and keep all positive points with you,it will help :)


At the end Love yourself Your Special.

try this! if someone doing this method before please share your thoughts i am super excited to read
Oculus Quest Build 10.0アップデート後に提供元不明のアプリが表示されなくなった時の対処
Tags: oculusquest
Published: 2019-10-31 16:19:00

---
title: Oculus Quest Build 10.0アップデート後に提供元不明のアプリが表示されなくなった時の対処
published: true
tags: OculusQuest
date: 20191031T16:19Z
canonical_url: https://qiita.com/shiena/items/548cd7d02c1094832020
---
# はじめに

Oculus Questに[Build 10.0](https://forums.oculusvr.com/community/discussion/81417/quest-go-gear-vr-build-10-0-release-notes)が適用されると以下の不具合が起きていました。

* Oculus Questを再起動すると必ず開発者モードがオフになる
* Oculus Questを起動後に開発者モードをオンにしてもライブラリの提供元不明のアプリが表示されない事がある

ですが更なるアップデートでこの不具合は修正されました。以下のバージョンなら問題ありません。
![com.oculus.vrshell-20191019-135040.jpg](https://dev-to-uploads.s3.amazonaws.com/i/rhj2rw97me8d5ir24jr2.jpeg)

もしも以下の修正前バージョンなら不具合があります。このうち提供元不明のアプリを表示する手順が分かったのでまとめました。
。
![com.oculus.vrshell-20191018-030000.jpg](https://dev-to-uploads.s3.amazonaws.com/i/6rjkavx81xwd0c98z660.jpeg)

余談ですが前者は修正済みのはずですが直ってなかったようです。

* [Oculus Developer Release Notes: October 14th, 2019](https://developer.oculus.com/blog/oculus-developer-release-notes-october-14th-2019/)

> Bug Fix: Developer mode is no longer disabled on hardware restart. Developer Mode may have been disabled when the device updated to 9.0. With this fix, once re-enabled, Developer Mode persists through device reboots.

# 提供元不明のアプリを表示する手順

1. Oculus Questを起動したらスマホのOculusアプリから開発者モードをオンにする
1. VR内で一度でもライブラリを表示したなら任意のアプリを起動して終了する
    * ![com.oculus.vrshell-20191018-025851.jpg](https://dev-to-uploads.s3.amazonaws.com/i/ttsz50w9kd76hhaakpen.jpeg)

どうやらライブラリを表示するとその時の開発者モードがキャッシュされるらしく、任意のアプリを起動→終了してホームに戻った時にリロードされているようなのです。そのため、Oculus Quest起動後にライブラリを表示する前に開発者モードをオンにするとすぐに提供元不明のアプリを表示できます。

# 参考リンク

* [Quest / Go / Gear VR Build 10.0 Release Notes](https://forums.oculusvr.com/community/discussion/81417/quest-go-gear-vr-build-10-0-release-notes)
* [Oculus Developer Release Notes: October 14th, 2019](https://developer.oculus.com/blog/oculus-developer-release-notes-october-14th-2019/)
Have you ever created something that can be considered a "dark pattern"?
Tags: discuss, webdev, career, ux
Published: 2019-10-31 16:10:25

---
title: Have you ever created something that can be considered a "dark pattern"?
published: true
description: In the spirit of Halloween, I want to know if you have ever been asked to create or have created something sinister as a dark pattern (by accident or on purpose)?
tags: discuss, webdev, career, ux
cover_image: https://thepracticaldev.s3.amazonaws.com/i/yw68d98joi9iu2cn1o77.jpg
---

##What is a dark pattern?

> Dark Patterns are tricks used in websites and apps that make you do things that you didn't mean to, like buying or signing up for something. 
<figcaption>www.darkpatterns.org</figcaption>

Here is the list of various [Types of dark patterns](https://www.darkpatterns.org/types-of-dark-pattern). 

And here are some of the examples of it:

![Dark pattern](https://webtransparency.cs.princeton.edu/dark-patterns/assets/images/hd-1.png)

![Alt text of image](https://s3.eu-central-1.amazonaws.com/centaur-wp/econsultancy/prod/content/uploads/archive/images/0008/4654/zsl_focused.jpg)

## Question for you

In the spirit of Halloween, I want to know if you have ever been asked to create or have created something sinister as a dark pattern (by accident or on purpose)?

## My experience

I'm surprised to say that, even though I have worked in the eCommerce business for 4 years, I've never been asked to create something that would trick the customer into signing up for something or buying something that didn't want. From my experience, good merchants will always work hard to earn and keep their customer's trust.
Shadow DOM in Angular
Tags: shadowdom, angular
Published: 2019-10-31 15:58:10



Shadow DOM basically allows group of DOM implementation to be hidden inside a single element (which is the basic idea of components) and encapsulate styles to the element.
OR
Shadow DOM allows us to hide DOM logic behind other elements.

Shadow DOM tree starts with a shadow root,underneathwhich can be attached to any elements you want, in the same way as the normal DOM.

Shadow DOM terminology:
•Shadow host: The regular DOM node that the shadow DOM is attached to.
•Shadow tree: The DOM tree inside the shadow DOM.
•Shadow boundary: the place where the shadow DOM ends, and the regular DOM begins.
•Shadow root: The root node of the shadow tree.

Real Example:
example of a "video" element,All you see in the DOM is the "video" element, but it contains a series of buttons and other controls inside its shadow DOM. The shadow DOM spec has made it so that you are allowed to actually manipulate the shadow DOM of your own custom elements.	

You can attach a shadow root to any element using the Element.attachShadow() method. This takes as its parameter an options value of open or closed.

let s = element.attachShadow({mode: 'open'}); - you can access SD
let s = element.attachShadow({mode: 'closed'}); -you can't access SD
Happy Halloween!
Tags: halloween, devlog, css
Published: 2019-10-31 16:00:36

---
title: Happy Halloween!
published: true
date: 2019-10-31 15:56:15 UTC
tags: halloween, devlog, css
canonical_url: https://triptych.writeas.com/happy-halloween?pk_campaign=rss-feed
---

I don't have anything scary to share today but I have a kinda spooky CSS demo I created a long time ago that I can share called [Magic Sword](https://magicsword.glitch.me) .

<iframe src="https://glitch.com/embed/#!/embed/magicsword?path=index.html&amp;previewSize=100" title="magicsword on Glitch" style="height: 100%; width: 100%; border: 0;">
  </iframe>

Tomorrow I start my #sveltevember #devlog about diving deep into Svelte and getting STIM ported over to it as a first experiment. I will blog about my experiences and share my progress from this blog!
Debugging C code with VSCode
Tags: vscode, c
Published: 2019-10-31 15:41:17

---
title: Debugging C code with VSCode
published: true
description: 
tags: [vscode, c]
---

Using a linux machine to write c code makes the process a little bit easier because the c compiler and debugger probably are already installed.
To be able to debug c code it is necessary to compile the code with the necessary parameters, for example:

```
gcc -g hello.c
```

After that, you need the appropriate configuration on your *launch.json* file:

```
{
      "name": "Debug c",
      "type": "cppdbg",
      "request": "launch",
      "program": "${workspaceFolder}/a.out",
      "args": [],
      "stopAtEntry": false,
      "cwd": "${workspaceFolder}",
      "environment": [],
      "externalConsole": true,
      "MIMode": "gdb",
      "setupCommands": [
        {
          "description": "Enable pretty-printing for gdb",
          "text": "-enable-pretty-printing",
          "ignoreFailures": true
        }
      ]
}
```

This is the most basic configuration. If you change the output name during compilation, don’t forget to change it on the file too.
Edit docker /etc/hosts
Tags: docker
Published: 2019-10-31 15:40:58

---
title: Edit docker /etc/hosts
published: true
description: 
tags: [docker]
---

If you ever need to edit the */etc/hosts* of your docker container, using the docker compose, you can use the *extra_hosts*.

```Dockerfile
wildfly:
    build: wildfly
    ports:
      - "8080:8080"
      - "8787:8787"
    extra_hosts:
      - "first:162.0.1.5"
      - "secondhost:1.1.1.1"
```
Admit to IT academy
Tags: academy, discuss
Published: 2019-10-31 15:39:14

I sent a request to GRANT to the NAPA Academy as a junior developer. I solved all the problems in the state. But in condition to have an IELTS certificate of 6 degrees. And I have not. I told their manager, he told me that you can consult with the rectors, I said OK. Tomorrow I am going to a consultation at the Tashkent IT Academy Napa. If I pass an exam or consultation with good results, I will be admitted to the Academy with a lot of priviliges.  Please pray for me and give me some advices...
Weekly update 36
Tags: me, weeklyupdate
Published: 2019-11-07 07:31:49

---
title: Weekly update 36
published: true
date: 2019-10-31 15:04:23 UTC
tags: Me, Weekly Update
canonical_url: https://theburningmonk.com/2019/10/weekly-update-36/
---

{% youtube 7n3dmsz4YFI %}

Hello, welcome to another weekly update! I’m trying out a new format to do this via video, hope you enjoy it :-)

### **Links**

Patreon: [https://www.patreon.com/theburningmonk](https://www.patreon.com/theburningmonk)

Consulting services: [https://theburningmonk.com/hire-me](https://theburningmonk.com/hire-me)

**New posts**

[The why, when, how of API Gateway service proxies](https://lumigo.io/blog/the-why-when-and-how-of-api-gateway-service-proxies/)

[Where does SLS plugin stops and platform starts](https://dev.to/theburningmonk/where-serverless-plugin-stops-and-platform-starts-ed5)

[My advice to junior developers](https://theburningmonk.com/2019/10/my-advice-to-junior-developers/)

**Open source updates**

[lumigo-cli](https://www.npmjs.com/package/lumigo-cli)

[serverless-sns-to-sqs-events plugin](https://www.npmjs.com/package/@totallymoney/serverless-sns-to-sqs-events)

[auto-subscribe-log-group-to-arn SAR](https://serverlessrepo.aws.amazon.com/applications/arn:aws:serverlessrepo:us-east-1:374852340823:applications~auto-subscribe-log-group-to-arn)

**Presentations**

[Beware of the potholes](https://www.slideshare.net/theburningmonk/beware-the-potholes)

[Debunking serverless myths](https://www.slideshare.net/theburningmonk/debunking-serverless-myths-188573081)

The post [Weekly update 36](https://theburningmonk.com/2019/10/weekly-update-36/) appeared first on [theburningmonk.com](https://theburningmonk.com).

 ![](http://feeds.feedburner.com/~r/theburningmonk/~4/G0LrNbJZX2U)
Clearing A Jitterbit FillDataElements Error
Tags: salesforce, database, etl, errors
Published: 2019-10-31 17:37:02

---
title: Clearing A Jitterbit FillDataElements Error
published: true
description: "Sometimes you just have to rebuild your operation"
date: 2019-10-31 15:00:00 UTC
tags: salesforce,database,etl,errors
canonical_url: https://katiekodes.com/jitterbit-error-filldataelements-date/
---

Today is Halloween, so to scare me, Jitterbit threw a “FillDataElements” error when I tried to build a [Salesforce Insert operation](https://success.jitterbit.com/display/DOC/Salesforce+Insert+Wizard) and it didn’t like something I’d tried to do with a date.   
  
Boo!   
  
Luckily … I found a trick _(rebuilding my Operation from scratch once I’d fixed the underlying problems)_ that brought me a treat _(the error stopped appearing)_.

* * *

If Jitterbit gives you the following error:

> FillDataElements() failed (bad data)

Which might possibly include some details along the lines of:

> This occurs when constructing source data element “`YOUR_SOURCE_COLUMN_NAME_HERE`” for target node “root$transaction…

You might run across one of these posts from GetSatisfaction.com:

1. [FillDataElements() failed (bad data)](https://getsatisfaction.com/dataloader/topics/filldataelements_failed_bad_data)
2. [Date Period Year out of Range - Format issue?](https://getsatisfaction.com/dataloader/topics/date_period_year_out_of_range_format_issue)

Reading them, I decided perhaps Jitterbit wasn’t happy with some combination of:

1. The fact that I’d declared the File Format for a column “`TEST_DATE`” of a CSV file source as a **Date**
2. The fact that some of the rows were NULL in the `TEST_DATE` column
3. Some typo I may have made when playing with scripting against the columns of the `TEST_DATE` column in my [Transformation “condition” logic](https://dev.to/katiekodes/better-salesforce-insert-update-operations-with-jitterbit-caching-2g5o)

I was sure I’d fixed everything that could possibly be wrong, but the message just wouldn’t stop appearing every time I hit “Test the transformation.”

I decided to try:

1. Rebuilding my File Format _(copying it and changing all columns to String)_
2. Starting over with a fresh Salesforce Insert Operation Wizard that referenced the new File Format

I’m not sure which of those two things fixed the problem, but was _ **sweet as candy** _ to see the error disappear.

May your Jitterbit errors be less frightening this Halloween and every other day!

🎃👻🍬
🧟‍♀️ Pure CSS Zombie 🧟‍♂️
Tags: html, css, vue, dog
Published: 2019-10-31 14:41:48

Hi everybody! Welcome to another exciting post about CSS.  

First of all, check out the **live demo**: https://zombie-css.netlify.com/

In this video, I recorded the process from 0 to zombie. Made with vue.js and [stylus preprocesor](http://stylus-lang.com/) for the CSS.
{% youtube q0_IOxh-V4s%}

> Subscribe if you liked it. It's a newly released channel.

On the occasion of the halloween party 🎃 I made this super awesome 🧟‍♀️ **Zombie** 🧟‍♂️ in CSS, from scratch. `100%` CSS, `0%` images.

![Zobie-CSS](https://raw.githubusercontent.com/baumannzone/zombie-css/master/src/assets/img/multiple.png)

On the left (👈) you can see the first version of the zombie, which was developed while the screen was [being recorded](https://youtu.be/q0_IOxh-V4s).

On the right (👉) you can see the second version of the zombie, which was created during a refactoring process and without being recorded 😅. This one is the final version.

---

🔥 You can check the source code [here](https://github.com/baumannzone/zombie-css) and follow me if you want.
I usually create open source repos with ~interesting~ funny stuff like this.

{% github baumannzone/zombie-css no-readme %}

---

Check out the color palette here: https://coolors.co/292c34-ffffff-b4e900-fe338f-ff70b5

![color-palette](https://coolors.co/export/png/292c34-ffffff-b4e900-fe338f-ff70b5)



---

Let me know what you think in the comments below. 👻

🎃 Happy Halloween! 🎃