teleren/devto huggingface dataset:
Easiest way of how to integrate k8s config file
Tags: k8s, config
Published: 2022-11-10 15:18:16

---
title: Easiest way of how to integrate k8s config file
published: true
description: Web browser based k8s config merger
tags: k8s, config
cover_image: https://dev-to-uploads.s3.amazonaws.com/uploads/articles/rkmm8kg5aie335k3wodw.png
# Use a ratio of 100:42 for best results.
# published_at: 2022-11-09 13:30 +0000
---

There is a web browser based k8s config merger.
You can visit by use below link.

https://jujumilk3.github.io/k8s-config-merger/

There's no need to explain how to use it. Just drag and drop your config file or files. Then you can copy & paste or just download it.
Day #5: How I built an MVP website for Remote Jobs in 3 days?
Tags: webdev, mvp, entrepreneurship, startup
Published: 2022-11-10 14:53:57

[In the previous posts, (Day #3 and Day #4) I mentioned that I had to rebuild the webapp Remote-Work.app because previously I had the landing page built with Wix and the webapp in Flutter. But, since my Wix subscription was about to end (and I’m not looking to renew it), I had to accelerate the development of the new Webapp developed in React.](https://medium.com/@journeypreneur/day-5-how-i-built-an-mvp-website-for-remote-jobs-in-3-days-fc652683f506)
The super-confusing __proto__ vs prototype in JavaScript DECODED
Tags: javascript, prototypes, webdev, programming
Published: 2022-11-10 14:53:27

Always remember this. 
.protoype can only be used on functions. Period. 

Let’s say we have a constructor function called as myInfo

```jsx
function Info(name,age) {
this.name = name;
this.age = age;
}
```

We are making a new object with our constructor function called geo. 

```jsx
let geo = new Info('Geo',26);
```

Now if we console log this we will get our object geo 


![](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/bdoyeuigml9epmnz30mb.png)


And you can see that we can access the name and age property. 

We can look at the prototype of our object geo using __proto__


![](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ylc45i9zqv5dmygs8c23.png)

Now try typing `geo.prototype` in your console 


![](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/fambk7nslwvco9u7bvep.png)

You won’t find an option called prototype. 

Now I just want to re-iterate the fact that we can only use prototype on a function. 
Since we are using a constructor function let’s use it on that. 

If we type `Info.prototype` we will get the following 


![](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/i3t88p2uj0798kl2as1k.png)

This is exactly same to `geo.__proto__` 

Carzy isn’t it ? 
We can even check if they are the same 

![](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/084tpubagjgwkytc77sr.png)

But what if, what if we want to add a function to our geo object (technically a method) ? 

We can easily do that with 

```jsx
geo.__proto__.hi = function() {console.log('hi')};
```

![](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/73ogggv8n2xb48f3k9hl.png)

The problem comes when we have many such objects 

Say we have 

```jsx
let john = new Info('John',20);
let sheila = new Info('Sheila',24);
let gary = new Info('Gary',27);
let kate = new Info('Kate',25);
```

We we would have to attach the hi function to each and every of our new objects we have created above. 

Instead why not just use the prototype of the constructor function. 

Just a side note… When we think of .prototype we might have this tendency to think that it shows the prototype, yes it does but logically speaking it is actually like `function.customPrototypeIAmMaking` 

So lets make a sayHello function for Info

```jsx
Info.prototype.sayHello = function () {console.log(`Hello I am ${this.name}`)};
```

No matter which object you create with the constructor function Info, you’ll always have access to the sayHello.

![](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/vsuap9szof7a8fjv15we.png)
What To Expect From Your First Job As a Junior Developer
Tags: webdev, beginners, podcast
Published: 2022-11-10 14:41:20

{% spotify spotify:episode:15gYT60Q3I993CGZjvDM1T %}

## What is HTML All The Things?

HTML All The Things is a [web development podcast](https://www.htmlallthethings.com/) and [discord community](https://discord.com/invite/jweMCx9) which was started by Matt and Mike, developers based in Ontario, Canada. 

The podcast speaks to web development topics as well as running a small business, self-employment and time management. You can join them for both their successes and their struggles as they try to manage expanding their Web Development business without stretching themselves too thin.

---





## What's This One About?

Your first job as a junior developer can be nerve wracking. Not only are you new to coding, but you're also new to the organizational systems that your office has. This week we try and alleviate some of that anxiety by discussing the onboarding process commonly used for junior developers, including the difference between working solo versus a team, as well as a day in the life of a developer. 

## Show Notes/Timestamps 

- **Introduction | 00:01:00**
- **Onboarding | 00:03:15**
- **Differences between solo projects and tech jobs | 00:20:45**
- **Day in the life | 00:53:50**
- **Tips/Tricks | 01:01:40**



## Thank you!

If you're enjoying the podcast consider giving us a review on [Apple Podcasts](https://podcasts.apple.com/us/podcast/html-all-things-web-development-web-design-small-business/id1412209136) or checking out our Patreon to get a shoutout on the podcast. 

**[Support us on Patreon](https://www.patreon.com/htmlallthethings)**


You can find us on all the podcast platforms out there as well as

[Instagram (@htmlallthethings)](https://www.instagram.com/htmlallthethings/)
[Twitter (@htmleverything)](https://twitter.com/htmleverything)
[TikTok](Html All The Things)
How to Dockerize Machine Learning Applications Built with Streamlit and Python
Published: 2022-11-10 14:38:32

{% youtube RhRIFjyzIqU %}



Customer churn is a million-dollar problem for businesses today. The SaaS market is becoming increasingly saturated, and customers can choose from plenty of providers. Retention and nurturing are challenging. Online businesses view customers as churn when they stop purchasing goods and services. Customer churn can depend on industry-specific factors, yet some common drivers include lack of product usage, contract tenure, and cheaper prices elsewhere.

Limiting churn strengthens your revenue streams. Businesses and marketers must predict and prevent customer churn to remain sustainable. The best way to do so is by knowing your customers. And spotting behavioral patterns in historical data can help immensely with this. So, how do we uncover them? 

Applying machine learning (ML) to customer data helps companies develop focused customer-retention programs. For example, a marketing department could use an ML churn model to identify high-risk customers and send promotional content to entice them. 

To enable these models to make predictions with new data, knowing how to package a model as a user-facing, interactive application is essential. In this blog, we’ll take an ML model from a Jupyter Notebook environment to a containerized application. We’ll use Streamlit as our application framework to build UI components and package our model. Next, we’ll use Docker to publish our model as an endpoint. 


![Image2](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/auq07s1h4peho897pkp2.png)

## Why choose Streamlit?

Streamlit is an open source, Python-based framework for building UIs and powerful ML apps from a trained model. It’s popular among machine learning engineers and data scientists as it enables quick web-app development — requiring minimal Python code and a simple API. This API lets users create widgets using pure Python without worrying about backend code, routes, or requests. It provides several components that let you build charts, tables, and different figures to meet your application’s needs. Streamlit also utilizes models that you’ve saved or pickled into the app to make predictions.

Conversely, alternative frameworks like FastAPI, Flask, and Shiny require a strong grasp of HTML/CSS to build interactive, frontend apps. Streamlit is the fastest way to build and share data apps. The Streamlit API is minimal and extremely easy to understand. Minimal changes to your underlying Python script are needed to create an interactive dashboard.

## Getting Started

```
git clone https://github.com/dockersamples/customer-churnapp-streamlit
```

## Key Components

- An IDE or text editor 
- Python 3.6+ 
- PIP (or Anaconda)
- Not required but recommended: An environment-management tool such as pipenv, venv, virtualenv, or conda
- Docker Desktop

Before starting, install Python 3.6+. Afterwards, follow these steps to install all libraries required to run the model on your system. 

[Read the complete blog](https://www.youtube.com/watch?v=RhRIFjyzIqU&t=68s)
The Ultimate Guide to Alternative Data - What Is It Really?
Tags: linkdb, productivity, database, programming
Published: 2022-11-10 14:36:53

![Proxycurl](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/uxgoqkvdtxkpr8sexxj8.png)
"Where there is data smoke, there is business fire.”— Thomas Redman

The Investment firms and hegde funds have sensed the smoke, now they wisely harness the fire. Data for gaining insights into investment processes no longer rely solely on information published by companies (through cash flows, financial statements, press releases and other macro data like GDP and inflation). The focus has now shifted to the most unlikely of places. Welcome to the world of Alternative data.

**What is Alternative Data?**

Alternative data is data sourced from outside the company (alternatively through financial transactions, sensors, mobile devices, public records, internet, etc). This data gathered provides unique insights into investment opportunities and offers an advantage for those seeking to outperform others in the market. This data includes; Social Media data, Web browsing data, Mobile App data, Email receipts, Location data, People and company data , Credit card data and the list goes on and on.

**Who uses alternative data?**

Alternative data is mostly by used hedge funds and investment firms to aid decision making predict economic outlooks. Now there's little or no need of the "gut feeling" for professional investors who would rather make decisions based on actual data. According to Rob Matheson on MIT News, hedging funds could predict REIT values and the economy using location data pulled from mobile devices. Investing analysts, quant traders, and fund managers also use alternative data to guide thforeir algorithms, generating consistently better returns than the broad market.

**How do you access alternative data?**

Alternative data vendors such as Proxycurl offer alternative data of several types to suit different business purposes.

**Proxycurl: People and Company Alternative Data**

Proxycurl’s data handling capabilities are impressive, and unstructured data is no exception. The company specializes in enriching the data of people and companies — offering insights into people profiles, company profiles, work, and personal email addresses, jobs, and more. 

APIs offered by Proxycurl can drive and power data-driven applications for hedge funds and investment firms. In addition to being extremely user-friendly, these APIs are also very cost-effective. Users are not tied to bulky, heavy subscriptions or contracts with their services since they are credit-based for as little as $0.01 per profile enrichment.

To learn more, please check out the official blog about [Alternative Data](https://nubela.co/blog/the-ultimate-guide-to-alternative-data-what-is-it-really/)
In One Minute : Vue.js
Tags: vue, javascript, beginners, oneminute
Published: 2022-11-10 14:30:00

Vue.js is an open-source, progressive JavaScript framework for building user interfaces that aims to be incrementally adoptable.

Instead of performing manual updates to the DOM, which can be repetitive and error prone (think jQuery), Vue embraces the idea of "data-driven views," where changes in data drive changes in the DOM.

This idea forms the core of Vue.js: a reactive data-binding system that is designed to make it extremely simple to keep your data and the DOM in sync.

What makes Vue particularly powerful, however, is that it can be built upon, increasing its functionality from a simple view-model library to that of a fully fledged JavaScript framework capable of powering entire SPA's via supporting plugins and libraries such as [Vue Router](https://github.com/vuejs/vue-router), [Vue Resource](https://github.com/pagekit/vue-resource), and [Vuex](https://github.com/vuejs/vuex).

{% embed https://youtu.be/EiZXcxc0s9s %}

## Features
**Vue.js includes:**
- [Dead simple, unobtrusive reactivity using plain JavaScript objects](https://vuejs.org/guide/reactivity.html).
- [Component-oriented development style with tooling support](https://vuejs.org/guide/components.html)
- Lean and extensible core
- [Flexible transition effect system](http://vuejs.org/guide/transitions.html)
- Fast performance out of the box, without the need for complex optimization
- Support for [single file components](https://vuejs.org/v2/guide/single-file-components.html), which allow HTML, JavaScript, and CSS in the same file

**2.0 also [includes](https://vuejs.org/2016/04/27/announcing-2.0/):**
- The option to write components using virtual DOM
- [Server side rendering](https://vuejs.org/v2/guide/ssr.html)
- [The option to use JSX with components](https://vuejs.org/v2/guide/render-function.html#JSX)

**Vue 3.0** is currently in development, and includes some notable changes and improvements detailed [here on VueJS.org](https://v3.vuejs.org/guide/migration/introduction.html#notable-new-features).

## Resources
- [Official Website](http://vuejs.org/)
- [Official Vue.js Guide](http://vuejs.org/guide/) - A great place to start diving in!
- [Awesome Vue](https://github.com/vuejs/awesome-vue)
- [Vue Curated](https://curated.vuejs.org/) - Find the best packages for your Vue app!
- [Vue Forum](https://forum.vuejs.org/)
- [Vue on Discord](https://discordapp.com/invite/HBherRA)
- [The Vue Point (official blog)](https://medium.com/the-vue-point)
- [Roadmap](https://github.com/vuejs/roadmap)
- [VueJobs](https://vuejobs.com/)
- [Vue.js on twitter](https://twitter.com/vuejs)
- [Vue Style Guide](https://vuejs.org/v2/style-guide/)
- [Comparison of Vue to other frameworks](https://vuejs.org/v2/guide/comparison.html)
How to Build a Customer Care App? Q&A
Tags: programming, challenge, community, app
Published: 2022-11-10 14:23:37

We’ve prepared something special! Meet a customer service talk with Dariusz Korczykowski and Jan Ekiel. What’s in the interview?
- self-service support as a part of a strategy
- implementing of customer service systems
- development and maintenance of customer service system
- and more!

Watch the full interview on [Liki Blog](https://likims.com/blog/how-to-build-a-customer-care-app-liki-expert-qa-likims-com). Thank you!
Sinkchart - open source visualisation tool for your JS dependencies
Tags: security, opensource, javascript, datascience
Published: 2022-11-10 14:21:26

Understanding and visualising is critical to better understand your app's structure and more importantly - package vulnerabilities. 
 
This is why we've created [Sinkchart](https://github.com/sandworm-hq/sinkchart) - beautiful Visualizations For Your App's Dependencies 

Sinkchart offers two types of visualisations: Treemap and Tree 

**Treemap: **

1. Node colors represent the dependency depth;
2. Node surface represents the size of the corresponding directory under node_modules;
3. A dotted pattern in a node background means the package is a shared dependency, required by multiple packages, and present multiple times in the chart;
4. Shared dependency sizes are added to every dependent package, to represent the independent size structure properly; hence, the displayed size might be larger than the actual size on disk;
5. A red package background means the package has direct vulnerabilities;
6. A purple package background means the package depends on other vulnerable packages;
7. Click on a node to make the tooltip persist; click outside to close it;

When representing deep dependencies, the surface area of certain packages might reach zero, making them invisible.

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/3v17tj529okdwp8p419f.png)

**Tree:**

1. Nodes are grouped by color based on the root dependency that they belong to;

2. Red text in a package name means the package has direct vulnerabilities;
3. Purple text in a package name means the package depends on other vulnerable packages;
4. Click on a node to make the tooltip persist; click outside to close it;

By default, the tree chart has a maximum depth of 7, meaning only seven levels of dependencies will be represented, to keep the output readable; you can override this using the --md option.

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/85z73iro8o0frz578d2c.png)

Here are some samples of very popular packages: 

* Apollo Client 3.7.1

[Tree](https://sandworm-assets.s3.amazonaws.com/sinkchart/demos/apollo%403.7.1-tree.svg)
[Treemap](https://sandworm-assets.s3.amazonaws.com/sinkchart/demos/apollo%403.7.1-treemap.svg)

* Nest.js 9.1.2

[Tree](https://sandworm-assets.s3.amazonaws.com/sinkchart/demos/nest%409.1.2-tree.svg)
[Treemap](https://sandworm-assets.s3.amazonaws.com/sinkchart/demos/nest%409.1.2-treemap.svg)

*Webpack 5.74.0
[Tree](https://sandworm-assets.s3.amazonaws.com/sinkchart/demos/webpack%405.74.0-tree.svg)
[Treemap](https://sandworm-assets.s3.amazonaws.com/sinkchart/demos/webpack%405.74.0-treemap.svg) 

You can check out your own's app Tree structure and Treemap visualisation - install Sinkchart now: yarn global add sinkchart # or npm install -g sinkchart
Stylify CSS have launched on Product Hunt 🎉
Tags: css, webdev, javascript, react
Published: 2022-11-10 13:53:03

Stylify CSS have just launched on Product Hunt 🎉.

Link: [https://www.producthunt.com/posts/stylify-css](https://www.producthunt.com/posts/stylify-css)

**Stylify CSS is a library that uses CSS-like selectors to generate utility-first CSS 💎.**

It took a year of development and testing. 

If you have used Stylify or like the idea, **we will be happy for any feedback and upvote** ❤️.

I have also made an 8 minutes intro into the Stylify CSS.

{% youtube GRwtXDnm5gE %}
🥳 KaufmanBot v 3.2.0 🥳
Tags: kaufmanbot, nestjs, telegram, grammy
Published: 2022-11-10 13:46:42

## Links

https://github.com/EndyKaufman/kaufman-bot - source code of bot

https://telegram.me/KaufmanBot - current bot in telegram 

https://telegram.me/DevelopKaufmanBot - current bot in telegram (develop-branch)

https://github.com/kaufman-bot/schematics-example/commit/f2ff531609f8dbc302d7ebd9fa08c7261d8eac55 - commit with changes for update

## BREAKING CHANGE
Changed the main library for working with telegram from https://telegraf.js.org to https://grammy.dev, updated the source code for better work with typings

Update nx to 15.0.13, update nest to 9.2.0
CLOUD COMPUTING
Published: 2022-11-10 13:45:23

Isn't it so hard to imagine?
... Visualizing what life was an eternity ago. 
Isn't it so hard to imagine?
... A time when the clouds weren't computing. 

Imagine....:
- Having to record a song you love off a radio. 
- Having to get off the couch and out of your house to socialize.
- Having to look up every information in an encyclopedia listing everything alphabetically.
- Having to see posters on the walls of almost every street.
- Having to memorize alot of phone numbers.
- Having to share unfiltered pictures of yourself.
- Having to send letters to someone you admire, with only three check boxes [ Yes, Maybe and No].
- Not having the opportunity to spy on those you want to.
- Storage devices taking half the volume of your room.
Sigh! Soo rough...

*********
Aren't we grateful that technology's in the "Sky"?
Let's "Uncloud" the "Cloud".
Revue being phased out by Twitter
Tags: news, discuss
Published: 2022-11-10 13:40:01

If you're like me, you may have jumped on the let me integrate Revue with my Twitter to better surface my newsletter train.

{% embed https://twitter.com/nickytonline/status/1448498924998873088 %}

Using Revue has helped increase my readership, but unfortunately it looks they are [phasing it out at the end of the year](https://techcrunch.com/2022/11/03/twitter-layoffs-elon-musk/), so I started exporting my subscribers yesterday.

{%embed https://twitter.com/nickytonline/status/1590463822032408576 %}

I decided to go back to [buttondown.email](https://buttondown.email) which is what I was using before I was trying out Substack, then Revue.

If you're currently using Revue, I advise to do the same. If you do, where do you plan to move your newsletter to? If you're not sure where, there are a bunch of great suggestions in this thread.

{% embed https://twitter.com/nickytonline/status/1589249260117106688 %}

Photo by <a href="https://unsplash.com/ja/@mathyaskurmann?utm_source=unsplash&utm_medium=referral&utm_content=creditCopyText">Mathyas Kurmann</a> on <a href="https://unsplash.com/s/photos/newsletter?utm_source=unsplash&utm_medium=referral&utm_content=creditCopyText">Unsplash</a>
Fixed: When using Jupyter on WSL2 on Windows 11 I get "Kernel won't start", and throws "Permissions assignment failed for...
Tags: commandline, dev, howto, python
Published: 2022-12-10 21:40:08

---
title: Fixed: When using Jupyter on WSL2 on Windows 11 I get "Kernel won't start", and throws "Permissions assignment failed for...
published: true
date: 2022-11-10 13:00:00 UTC
tags: commandline,dev,howto,python
canonical_url: https://diegocarrasco.com/fixed-when-using-jupyter-on-wsl2-on-windows-11-i-get-kernel-wont-start-and-throws-permissions-assignment-failed-for-secure-file-error/
---

<section id="error">
<h2>Error</h2>
<div><pre><a id="rest_code_08b39bbbc5d84d18baa5b4160bc8f6dc-1" name="rest_code_08b39bbbc5d84d18baa5b4160bc8f6dc-1" href="https://diegocarrasco.com/fixed-when-using-jupyter-on-wsl2-on-windows-11-i-get-kernel-wont-start-and-throws-permissions-assignment-failed-for-secure-file-error/#rest_code_08b39bbbc5d84d18baa5b4160bc8f6dc-1"></a>Kernel won<span>'</span>t start, throws <span>"Permissions assignment failed for secure file"</span> error
</pre></div>
</section><section id="error-in-wsl2-on-windows-11">
<h2>Error in WSL2 on Windows 11</h2>
<div><pre><a id="rest_code_107656f3e5dc496f9c1fe38d6042aa59-1" name="rest_code_107656f3e5dc496f9c1fe38d6042aa59-1" href="https://diegocarrasco.com/fixed-when-using-jupyter-on-wsl2-on-windows-11-i-get-kernel-wont-start-and-throws-permissions-assignment-failed-for-secure-file-error/#rest_code_107656f3e5dc496f9c1fe38d6042aa59-1"></a>RuntimeError: Permissions assignment failed <span>for</span> secure file: <span>'/home/d-carrasco/.local/share/jupyter/runtime/jpserver-12836.json'</span>. Got <span>'0o677'</span> instead of <span>'0o0600'</span>.
</pre></div>
</section><section id="how-to-fix">
<h2>How to fix</h2>
<ol>
<li><p>Terminate your Notebook server.</p></li>
<li><p>Run <code>export JUPYTER_RUNTIME_DIR=/tmp</code> on your WSL2 terminal.</p></li>
<li><p>Start Notebook server as you normally do. (Note that this assumes you're not already setting the runtime directory in some other fashion).</p></li>
</ol>
<p>(source: <a href="https://github.com/jupyter/notebook/issues/5058#issuecomment-554687632">https://github.com/jupyter/notebook/issues/5058#issuecomment-554687632</a>)</p>
</section><section id="reference">
<h2>Reference</h2>
<ul>
<li><p><a href="https://github.com/jupyter/notebook/issues/5058">https://github.com/jupyter/notebook/issues/5058</a></p></li>
</ul>
</section>