teleren/devto huggingface dataset:
What is Edge Detection in Computer Vision
Tags: computerscience, computervision, edge, edgedetection
Published: 2021-10-06 22:13:23

Before defining What is Edge Detection in Computer Vision? Let’s first define what is a Digital Image? A Digital Image is the representation of a continuous image f(x,y) by a 2-D array of discrete samples. Wikipedia definition of a Digital Image HERE

Have you ever thought how the size of an image is calculated? The size of the image is calculated through a formula Size = M*N*K*C, Where M*N is Height and Width of the image K is power of gray levels and and C is color components. Suppose we have 256*256 image with 256 gray levels and it is a colored image then the Size = 256*256*8*3 = 1572864 = 1.572864 MB.

What is Edge Detection in Computer Vision
Now let’s come to the Edge in an image? So What basically is an Edge in an image and how can we detect the edge through computer vision? An Edge is a location of rapid intensity variation. They often mark boundaries of objects, occlusion contours, shadow boundaries or surface contours.

Read more at https://hecodesit.com/what-is-edge-detection-in-computer-vision/
Day 467 : Astro
Tags: hiphop, code, coding, lifelongdev
Published: 2021-10-06 22:02:16

_liner notes_:
- Professional : Another chill day. Only had one meeting. Spent most the day trying to figure how I want the embeds for my blog post to look so it makes sense for the reader. I got the rough draft done. Just need to insert the diagrams, embeds, and a description for each Web Component.

- Personal : Last night, I noticed that the menu component for my side project wasn't able to be tabbed to using a keyboard. I could have sworn it worked before. Did some testing and it looks like it was because I did a display none on the input checkbox. So I did some styling so that now when the check box is in focus, I change the color of the menu label. Took longer than I thought. Watched an episode of "Boruto" and called it a night.

![A field of tall green grass in Campagna, Italy with rolling hills in the distance](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/oz7acrg5690aivtecl1h.jpg)

Realized that it's Wednesday and that the final "What If...." came out. Going to watch that. I heard Dave Chapelle has a new comedy special on Netflix. May watch that while I work on recreating a Web Component in Astro so that I can get it server side rendered, so no JavaScript will be needed on that page, just for that Component. Hope it goes smoothly. Also got the news that things I ordered are being shipped. One item is still delayed though.

Have a great night!

peace piece
Dwane / conshus
https://dwane.io / https://HIPHOPandCODE.com
{% youtube OOjiQI33ER0 %}
Top 5 resources to learn Programming
Tags: webdev, programming, codenewbie, 100daysofcode
Published: 2021-10-06 21:03:14

1-CodeCademy:

  CodeCademy is an online free and paid website to learn                                programming , it has an interactive workspace to practice what you have learned and it is highly effective and recommended for beginners and it contains quizzes and projects to level up your skills.

2-TeamTreeHouse:

  TeamTreeHouse is a paid interactive video website to learn programming and it is recommended by a lot of learners.

3-FreeCodeCamp:

  FreeCodeCamp Is an online free website to learn programming without any additional subscription, it has an interactive workspace to practice what you have learned.

 4-Udemy:

  Udemy is an online free and paid website based on video explanations to learn programming and many other things and it is pretty decent too.

 5-W3Schools:

  W3Schools Is an online free website to learn programming and it can be used as a reference too while building your project and the website contains exercises and quizzes to develop your skills.


Thanks for reading , hope you like it. 

Happy coding😊

Please follow me on [Instagram](https://www.instagram.com/ahmedcodes002/) and [Twitter](https://twitter.com/AhmedNoaman002) for more.
Data Visualization with D3, React, visx and Typescript: 2 - Data Basics

Published: 2021-10-06 20:31:14

{% youtube SDU0hgDLxMg %}

It's not every day that you have a perfect dataset to work with, most of the time you'll need to apply transformations to properties to get it right for your visualization. This is pretty simple, and usually it's the first thing you do when you think about a chart.

Let's say that you have something like this to build a single line chart

```jsx
[
	{
		name: "Bitcoin",
		price: 10,
		base: "USD",
		date: '1560507303',
		creator: "Satoshi Nakamoto",
	},
	{
		name: "Bitcoin",
		price: 12,
		base: "USD",
		date: '1592129703',
		creator: "Satoshi Nakamoto",
	}
]
```

I need an X and an Y, and I already have it, right? But you need the date to be something more human-friendly, and the price, you want it to be in cents, not dollars. How would you do it?

```jsx
const format = d3.time.format('%B %d, %Y')

const data = rawData.map(oldData => ({
	price: oldData.price * 100,
	date: format.parse(oldData.date)
}))
```

But this isn't very functional, right? We should do something better for it! What if we create a function to transform A to B? Something like this

```jsx
const format = d3.time.format('%B %d, %Y')

const getPrice = price => price * 100
const getDate = date => format.parse(oldData.date)
```

Then you can use it like this:

```jsx
const data = rawData.map(oldData => ({
	price: getPrice(oldData.price),
	date: getDate(oldData.date)
}))
```

Then, you would have something like this in the end

```jsx
[
	{
		price: 1000,
		date: 'June 14, 2019'
	},
	{

		price: 1200,
		date: 'June 14, 2020'	
	}
]
```

Nice, right?

This is what we call `accessors`, and they are really helpful to get and transform data inside your dataset.

I hope you liked it! For the next chapter, I'll talk about `D3`, so stay tuned!
Looking for a Cloud Infrastructure challenge? You are on the right post :-)
Tags: googlecloud, terraform, python, devops
Published: 2021-10-06 20:18:55

We are looking for a strong cloud/devops architects and engineers who has experience on designing and building secured and compliant landing zone for GCP, AWS or Azure. It will require someone with deep expertise on identifying different checklist against existing deployment and scripting it to automate the remediation to fix the anomalies.

This is not a lift and shift, cloud migration project. It requires someone with prior experience on building compliance polices, knowledge-base etc. architect and engineering experience.

If you are interested then please submit this assignment - We would like to evaluate how best can you create a secured and compliant deployment based on the given details here - https://github.com/agabhyankar/assignments/tree/dev

Please reach out to me if you are interested in this project and or if you have completed the assignment, at pinalr@bay-infotech.com, so we know who you are.

Looking forward to your responses and contribution.

Regards,
Pinal
Handle MLOps across multiple cloud providers using Kubeflow
Tags: machinelearning, kubeflow, cloud, ai
Published: 2021-10-06 20:14:57

Machine Learning Models are relatively easy to build but hard to roll out. Learn how to make ML workflows production-ready with Kubeflow.

{% youtube JKSD88JhN_I %}

Cloud Collective is a meetup for technologists interested in the Cloud Native approach towards developing and deploying web & mobile applications, streaming analytics, ETL pipelines, microservices, containers, functions, and applying Infrastructure as Code principles for automating infrastructure on AWS, Azure, and Google Cloud.

With the recent huge demand and traction of DevOps and GitOps, many organizations are struggling to apply those practices to ML workloads. That's the exact use case we wanted to talk about in this meetup.

Quickly Deploy ML Workloads on Multi-Cloud Using Kubeflow. Learn how to quickly produce an end-to-end AI pipeline and easily deploy ML workloads onto multi-cloud using the well-known open-source platform called Kubeflow Pipelines. All major components of the AI pipeline such as data pre-processing, hyperparameter tuning, model training, model prediction, model explanation, and training orchestration can be easily implemented on the cloud with just a few easy steps.

If you enjoyed this talk, join our cloud collective group here ► https://www.meetup.com/cloud-collective/ and participate in our next meetup!
Welcome Thread - v145
Tags: welcome
Published: 2021-10-06 19:58:23

---
title: Welcome Thread - v145
published: true
description: Welcome to DEV! A thread of hellos and intros.
tags: welcome
canonical_url: 
---

![Polar Bear Graphic Waving Hi](https://media.giphy.com/media/3ohhwESi9BLJqW7J1C/giphy.gif)

### Welcome to DEV!

1. Leave a comment below to introduce yourself! You can talk about what brought you here, what you're learning, or just a fun fact about yourself.

2. Reply to someone's comment, either with a question or just a hello. 👋 

**Great to have you in the community!**
How to professionalize your little work project
Tags: beginners
Published: 2021-10-06 19:33:31

Let's say your main job is not programming, but you managed to automate some everyday tasks with little scripts. Congratulate! You already maintain a code on production & it's already delivering value. Let's see how you can move to the next level and gain valuable programming skills along the way.

# Staring point
Most likely, your code is:
* bunch of snippets copied from different places on the internet
* works in most cases, but sometimes fails randomly
* you are the only person able to use it

And on top of that, you have a feeling that it is not actual programming.

# Possible improvements
There are few things that you can improve in a codebase like this. Benefits are going both ways:
* on the one hand, the company will be able to use the code even after you leave the current position
* on the other hand, you will be able to gain valuable skills & have some achievements to demonstrate it

The things you can add:

1. version control - for example, git
2. documentation
3. automated tests
4. continuous integration

# Version control
Version control is standard for any serious programming, and it provides you with a quick way of restoring any past code version and allows you to document changes as you progress. If you didn't set up one for your project, you are wasting company resources (your time) & frustrating yourself for no reason. Currently, there are excellent free tiers on both GitLab & GitHub that cover private projects too. 

# Documentation
Topic developers love to complain about - either because they have to write it or because they get to work on an undocumented codebase. It would be best if you started with at least a `README` file, and as your project grows, look for a way to document individual parts of your application.

# Automated tests
The most important is to get started and as early as possible. There are always higher priorities than to write tests, but at least you can get the infrastructure in place & write tests one by one. They will become very valuable as the application gets more complicated or pass the project to another person.

# Continous integration
That's a bit fancy if you work all by yourself, but very important once other people contribute to the codebase. It lowers the barrier of entry to the project - you have another machine besides your own set up to run the project & its tests. As people will start contributing to the project, there will be a single place to check if all changes are working as expected or not - and all that without bothering you, the original creator of the application.

# Summary
To improve your side project in work, you can use this simple checklist:

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/rxg8mizaamai4hrip31z.jpg)

And start adding those things as you find some time for it! In the meantime, you can answer [this 1 question survey](https://www.survio.com/survey/d/K2M8M7T6G2R9L2K5B) that will help me write articles that are useful for people like you!
Online interactive playground for Nginx and more
Tags: nginx, caddy, database
Published: 2021-10-06 19:20:00

A few days ago I read an [article about the ability to test Nginx configs online](https://jvns.ca/blog/2021/09/24/new-tool--an-nginx-playground/). **In your browser!** I use [Caddy](https://caddyserver.com/v2) these days but there are still some "old" Nginx servers running so I need to change them from time to time. While Caddy has a super easy setup that's not true for Nginx. Online [Nginx config generator](https://www.digitalocean.com/community/tools/nginx) from Digital Ocean is a great help but to test the config and [experiment while tuning it](https://nginx-playground.wizardzines.com/) for a specific application is even better. But that's not all. There are more similar playgrounds in the article, so I decided to pin them here for my future self. Feel free to suggest some if you know more.

- [Codeapi](https://codapi.org/try/) as interactive version of [Learn X in Y minutes](https://learnxinyminutes.com/)
- [nginx playground](https://nginx-playground.wizardzines.com/) and [nginx location matcher](https://nginx.viraptor.info/)
- [SQL playground](https://sql-playground.wizardzines.com/) and [DB fiddle](https://www.db-fiddle.com/) or [SQLime](http://sqlime.org/)
- [PostgreSQL in the browser](https://www.crunchydata.com/blog/learn-postgres-at-the-playground)
- [Regex101](https://regex101.com/) or [Regexr](https://regexr.com/)
- [HTTPbin](https://httpbin.org/), [CORS playground](https://jakearchibald.com/2021/cors/) and [bad SSL](https://badssl.com/)
Budgie Console
Tags: programming, javascript, node, npm
Published: 2021-10-06 18:51:48

Hey guys, Here I am publishing my new package. It has the capability for changing background, foreground and styles of a boring console that we all use. It also has built in function for displaying loaders in console with greater controls. I don't know how much more can we add to it, but yeah- its simple, yet have no limits to creativity.

Please checkout: https://www.npmjs.com/package/budgie-console
Git Repo: https://github.com/yashdatir/budgie-console
BobsterJS Weather Released
Published: 2021-10-06 18:48:17

BobsterJS Weather Application has been released and can be viewed at https://weather.bobsterjs.ml/

Over on our twitter page we sent out a tweet earlier today informing of the release
{% twitter 1445822520280555523 %}


All of our project files will be publicly available via our organisation's github.
{% github BobsterJS-DEV/weather-app %}


You can support us by joining our discord and using our service :)
Discord Invite - https://discord.gg/78DMCjZatu
Implemented making the blog private feature @dsabyte | NextJs, ReactJs & Chakra-UI
Tags: react, node, nextjs, chakr
Published: 2021-10-06 18:47:38

Today i have implemented ***making the blog private feature*** in https://www.dsabyte.com.

## How to use this feature
> You can make any blog post private from 3 places

1. At the time of publishing for the first time
2. At the time of editing the post
3. Make private from the https://www.dsabyte.com/blogs/my

## 1 & 2
> Select `private/public` from here

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

## 3
> Select `private/public`

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


## Thank you
Fixing Broken Mirrors - Raspberry Pi
Tags: bash, devops, raspberrypi
Published: 2021-10-06 18:42:28

While installing some packages on my Raspberry Pi, I encountered an outage with one of the package mirrors in Canada.

It's a problem I haven't faced before, so I figured I'd share how to get around it.

## The Problem
When running the following command:

```bash
sudo apt-get update && sudo apt-get install -y git
```

I got the following error:
```txt
Err:1 http://mirrors.switch.ca/raspbian/raspbian buster/main armhf liberror-perl
  404  Not Found [IP: 209.115.181.106 80]
E: Failed to fetch http://mirrors.switch.ca/raspbian/raspbian/pool/main/libe/liberror-perl/liberror-perl_0.17027-2_all.deb  404  Not Found [IP: 209.115.181.106 80]
E: Unable to fetch some archives, maybe run apt-get update or try with --fix-missing?
```

After some poking around on the server, it turns out that none of the files in the liberror-perl directory existed. I sent the team that manages the mirror an email and noticed that they had just completed a server migration.

In the meantime, I'm going to point myself to a different mirror so I can get things installed and working.

## How To Fix It
First, head to the [RaspbianMirrors Website](http://www.raspbian.org/RaspbianMirrors), which lists all mirrors by geographic location.

Pick something close to you that's not the one that's inoperable. I chose the Free Mirror project since it's also in Canada.

```
(http|https)://raspbian.freemirror.org/raspbian/
```

Grab the URL, and head over to your /etc/apt/sources.list on your Raspberry Pi.

```bash
sudo nano /etc/apt/sources.list
```

Place the following line at the top of the file, making sure to adjust the URL to the one you grabbed from the Mirrors website.

```bash
deb https://raspbian.freemirror.org/raspbian/ buster main contrib non-free rpi
```

Save the file, and run your update and install commands again.

```bash
sudo apt-get update
sudo apt-get install git
```

Success! The Pi will now install things from the new mirror while the old one gets sorted out. Happy hacking!
Open AI Codex playground
Tags: openai, codex, playground, javascript
Published: 2021-10-06 18:31:12

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

started working on Open AI codex playground. https://beta.openai.com/codex-javascript-sandbox

**The playground takes the instructions to create the javascript code.  The comments are the instructions.**


`/* print a string open ai codex */`

````
var aiCodex = document.createElement('div');
aiCodex.innerHTML = '<a href="https://openai.com/blog/openai-baselines-ppo/">OpenAI Baselines: Proximal Policy Optimization</a>';
document.body.appendChild(aiCodex);
````


**Looks like OpenAI Codex did not understand the instruction right.**



`/* say hello */`

````
var hello = document.createElement('div');
hello.innerHTML = 'Hello';
document.body.appendChild(hello);
````

**say hello came out right**

`/* calculate 3*4 */`
````
var threeTimesFour = document.createElement('div');
threeTimesFour.innerHTML = '3*4 = ' + (3*4);
document.body.appendChild(threeTimesFour);

````

In the next post, we will look at complex examples.....
Open AI Codex playground
Tags: openai, codex, playground, javascript
Published: 2021-10-06 18:27:53

started working on Open AI codex playground. https://beta.openai.com/codex-javascript-sandbox

**The playground takes the instructions to create the javascript code.  The comments are the instructions.**


`/* print a string open ai codex */`

````
var aiCodex = document.createElement('div');
aiCodex.innerHTML = '<a href="https://openai.com/blog/openai-baselines-ppo/">OpenAI Baselines: Proximal Policy Optimization</a>';
document.body.appendChild(aiCodex);
````


**Looks like OpenAI Codex did not understand the instruction right.**



`/* say hello */`

````
var hello = document.createElement('div');
hello.innerHTML = 'Hello';
document.body.appendChild(hello);
````

**say hello came out right**

`/* calculate 3*4 */`
````
var threeTimesFour = document.createElement('div');
threeTimesFour.innerHTML = '3*4 = ' + (3*4);
document.body.appendChild(threeTimesFour);

````

In the next post, we will look at complex examples.....
Organizing your content for the world with Storyblok
Tags: webdev, javascript, beginners, podcast
Published: 2021-10-06 17:05:47


Original: https://codingcat.dev/podcast/1-39-organizing-your-content-for-the-world-with-storyblok

{% youtube https://www.youtube.com/watch?v=CVNbMHDTa2o %}

## Questions

1. How did you get your started in Developer Relations?
2. What is Storyblok?
3. How does it differ from other CMS's?
4. Visual Editor
5. Storyblok v2: [https://www.storyblok.com/v2](https://www.storyblok.com/v2)
6. What makes it specific to eCommerce?

## Links

* [Storyblok CDN](https://www.storyblok.com/mp/storyblok-content-management-in-china)
* [Ecommerce](https://www.storyblok.com/lp/ecommerce)
Google usará IA para controlar semáforos no RJ
Tags: news, machinelearning, ai
Published: 2021-10-06 16:57:26

Na terça-feira (05/10) o Google anunciou uma [série de produtos focados em sustentabilidade](https://brasil.googleblog.com/2021/10/oferecendo-voce-opcoes-mais.html) com o objetivo de ajudar os usuários a tomarem decisões ecologicamente corretas. 

Algumas das novidades são:
* Trazer dados sobre as emissões de carbono em voos nas buscas do [Google Flights](https://www.google.com/flights);
* Na busca por hotéis será possível ver sobre seus esforços em sustentabilidade, desde redução de resíduos e medidas de conservação de água até se eles são certificados pelo Green Key ou EarthCheck;
* Nos EUA, o Google Maps permitirá que você escolha uma [rota com as menores emissões de carbono](https://blog.google/products/maps/3-new-ways-navigate-more-sustainably-maps/), se ainda não for a mais rápida;
* Em breve será introduzida uma navegação mais leve do Google Maps para ciclistas, tornando mais simples encontrar bicicletas em mais de 300 cidades ao redor do mundo.


## Parceria com a CET-Rio no sistema de semáforos
Junto com esse pacote de iniciativas também foi anunciado um projeto em parceria com a CET-Rio para estudar formas de otimizar o sistema de semáforos do Rio de Janeiro por meio de Inteligência Artificial, trazendo a possibilidade de melhorar o trânsito e ajudar na diminuição de emissão de carbono.

*"Estamos animados em expandir esse piloto para o Rio de Janeiro e outras cidades"*, disse Sundar Pichai, CEO do Google e da Alphabet.

![Imagem de cruzamento com semáforos](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/4p9gnzp6n8lful2gqxya.png)<figcaption>Imagem: Blog Google Brasil</figcaption>


A ideia é captar dados a partir das condições do tráfego e o tempo gasto nos semáforos da cidade para treinar modelos de Machine Learning com o objetivo de tornar os semáforos mais eficientes, deixando as rotas mais ecológicas independente do tipo de carro. Atualmente já existe uma pesquisa piloto em Israel para prever as condições do tráfego e esta será expandida para outras cidades.

*"Até agora estamos vendo uma redução de 10-20% no consumo de combustível e no tempo de atraso nos cruzamentos"*, disse Pichai.
Day 22
Published: 2021-10-06 17:02:54

Finally I caught up... so the publishing dates of my blog are in order!

We had a code dojo at work:

>## Palindromic Substring (DCP)
Given a string, find the longest palindromic contiguous substring. If there are more than one with the maximum length, return any one.
For example, the longest palindromic substring of "aabcdcb" is "bcdcb". The longest palindromic substring of "bananas" is "anana".

I paired with my fantastic colleague and we tried to implement a recursive solution. We got it working but it failed after a while due to high o(n)

####I then:
[Watched this video](https://www.youtube.com/watch?v=y2BD4MJqV20)

####Now:
I am going to do some more substring problems as I could definitely work on these


####Overall Learning Point:

I think sometimes doing the brute force really helps to visualize and work towards a solution. So being quick at working out the brute force way is a super useful technique.
Creating Fake Data with Tonic
Tags: webdev, javascript, beginners, podcast
Published: 2021-10-06 17:01:37


Original: https://codingcat.dev/podcast/1-38-creating-fake-data-with-tonic

{% youtube https://www.youtube.com/watch?v=vJbBcqKQ710 %}

## Questions

1. What is fake data exactly and how is it used in the development process?
2. What are some of the risks that fake data can mitigate? Do you have specific examples?
3. How does [Tonic.ai](http://tonic.ai) help with Continuous Marketing?
4. What kind of companies get the most value out of tonic’s fake data?
5. How can you work with PII/PHI identification, obfuscation, and transformation?
6. If you strip apart all of the data how can you guarantee something like a primary key still works?