teleren/devto huggingface dataset:
OSD600 - Release 0.3 - First Pull Request
Tags: opensource
Published: 2021-11-19 18:16:03

## Introduction
Hello everyone, my name is Dustin. Today I'd like to talk about my experience working with [Telescope project](https://github.com/Seneca-CDOT/telescope).

## Progress
As I was going through issues in Telescope project, I found an issue that was not very difficult so that I can get to know the project a bit more and learn something out of it. So I chose to go with [this issue](https://github.com/Seneca-CDOT/telescope/issues/2449#event-5607125522), which is about adding border for github avatars.

Looking at the issue and thinking about it, It'd be easy to do as I only had to add a couple lines css code, but no. Because telescope has 2 different theme colors which are dark and light. So I had to add another interface to the PaletteOptions 

```
import * as createPalette from '@material-ui/core/styles/createPalettes';

declare module '@material-ui/core/styles/createPalette' {
  interface PaletteOptions {
    border?: PaletteColorOptions;
  }

  interface Palette {
    border: PaletteColor;
  }
}
```

So that I could make my own border attribute in createTheme object

for light theme
```
border: {
      main: 'rgba(27,31,36,0.15)',
    },
```

for dark theme
```
border: {
      main: 'rgba(240,246,252,0.1)',
    },
```

However, there was an embarrassing moment where I didn't notice that github isn't using `border: ` for the border around their avatars but a `box-shadow`. I literally _stoled_ their color code but it still didn't show as github. It took me a decent amount of time to realize it. 

## Wrapup

This is a beginner-friendly issue so it's totally easy but gives me a bit more foundation to try something bigger and harder in this project. Of course, this is a very small thing in a humongous project but I got it working and merged into the main branch, I'm very happy for that.

You can find my pr right [here](https://github.com/Seneca-CDOT/telescope/pull/2450)
Sorting Hat
Tags: showdev, webdev, potterhead, javascript
Published: 2021-11-19 18:04:07

Want to know which Hogwarts House would you fall into? Come and let the Sorting Hat cast judgement upon you! Fall into one of the 4 Great Houses of Hogwarts and win a GitHub Badge to showcase on your github profile! ✨

⚡ https://gh-sorting-hat.netlify.app/

## Badges 🛡️

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

For more info checkout our repository

{% github prafulla-codes/sorting-hat no-readme %}
Linux For Development?
Tags: linux, watercooler, discuss, code
Published: 2021-11-19 17:41:48

I've have been seeing more and more about Linux in my article feeds with topics like "Linux for the every day user", and "Linux! Can you game on it?" and in my YouTube feed there are videos about different distros and what to do on Linux. 

This got me thinking... is Linux better for development? 

Do you use Linux for development? What do you develop? How has the experience been for you? What is your best advice for someone to get into developing in Linux? Are there distros to try out? Are there distros to avoid? Why did you move to Linux from MacOS or Windows?

I welcome all comments, questions, and suggestions! I may even turn this into a series where I try out Linux and report my findings.
Okta Workflows Tips #0
Tags: nocode, workflows, automation
Published: 2021-12-08 20:08:51

---
title: Okta Workflows Tips #0
published: true
date: 2021-11-19 17:41:30 UTC
tags: nocode, workflows, automation
canonical_url: https://maxkatz.net/2021/11/19/workflows-tips-0/

---

Welcome to the very first post for the Workflows Tips series. I want to make this a weekly series of tips, tricks and short how-to’s for [Okta Workflows](https://help.okta.com/wf/en-us/Content/Topics/Workflows/workflows-main.htm). These will come from Okta and the community!

There’s only one rule: keep it short (and fun).

Oh, and if you have a better name, please let me know.

## Add Comments with Notes Card

The Notes card is used to add comments and notes to a flow. It’s a great way to add comments so you know what is happening in a flow when you come back to it later. It will also help other folks looking at the flow to understand what is happening. Oh, and the Notes card doesn’t participate in the actual flow execution of course.

[![Using Notes card](https://katzmax.files.wordpress.com/2021/11/tips_notes_card.png?w=1024)](https://katzmax.files.wordpress.com/2021/11/tips_notes_card.png)<figcaption>_Using the Notes card_</figcaption>


## When will a flow run next? 

If you have a Scheduled Flow, you can quickly check when it will run next. Open the flow and next to the on/off button you will see a countdown to when the flow will run again.

[![Next time the flow will run](https://katzmax.files.wordpress.com/2021/11/tips_next_execution.gif?w=692)](https://katzmax.files.wordpress.com/2021/11/tips_next_execution.gif)<figcaption>Next time the flow will run</figcaption>


## Invoke as API endpoint

There are ~~three~~ four ways to invoke a flow:

- Scheduled flow – that’s when a flow runs periodically
- App event – runs when an event occurs in an external system
- Helper – runs when invoked from another flow

and the fourth way is as an API endpoint. This means a flow can be invoked from any external system, based on that system logic via an API call. Cool, huh?

[![Invoking a flow as API endpoint](https://katzmax.files.wordpress.com/2021/11/tips_api_endpoint.png?w=1024)](https://katzmax.files.wordpress.com/2021/11/tips_api_endpoint.png)<figcaption>Invoking a flow as API endpoint
</figcaption>


When you add API Endpoint card, click on </> icon to see API settings.

Do you also want to build your first workflow automation? Then [start building](https://help.okta.com/wf/en-us/Content/Topics/Workflows/workflows-main.htm)!
OSD600 - Lab 9
Tags: beginners, javascript
Published: 2021-11-19 17:39:42

## Introduction
This week, I have to work with Github Actions and do some testing in Javascript. Github Actions is pretty straightforward to set up, I just need to remove the building step since I do not need for now. However, making the code pass all node versions is definitely difficult to me.

This is what I have for my `node.js.yml` file: ![Github-Actions](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/gv16tbqrmhq6rdymaw0t.JPG) And I think Github Action can let me know clearly what I am doing wrong in my code. Since that, I will try to spend time fixing my code. This is kind of interesting, a lot of googling and communicating with others to help myself out.

## Adding Test to Other Project
I have choose this [project](https://github.com/LuigiZaccagnini/octo) to add more tests into it. I see Luis does not have tests for `textToHTML` function yet, so I decide to add it for him, and then I create a [pull request](https://github.com/LuigiZaccagnini/octo/pull/18) with three successful pass in nodes. ![github action](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/z7l2x4cj6kbs5jb5m2oe.JPG) My testing still needs to be improved a lot because it takes some times to think about it, and I would love to add more tests into my program covering all aspects of it.
We Buy Houses in Oregon

Published: 2021-11-19 17:36:37

PDX Home Buyers is a family-owned and operated professional home-buying service in the Portland, Oregon area. It is our mission to find homeowners solutions to any real estate need they find themselves in. If you're searching for "Sell my house fast Portland Oregon" or are thinking to yourself, "How do I sell my house fast for cash", we may be able to help as [we buy houses in Oregon](https://www.ibuypdxhomes.com). And if we can't help you, we pride ourselves on finding someone who can.
FORKS.md with GitHub Actions
Tags: actionshackathon21, github, opensource
Published: 2021-11-19 17:30:22

---
title: FORKS.md with GitHub Actions
published: true
description: A way to keep forks at sight.
tags: actionshackathon21, github, opensource
cover_image: https://dev-to-uploads.s3.amazonaws.com/uploads/articles/7ubqtmvvg92gz7dbnpzz.jpeg
---

### My Workflow
 
Have you ever had a repository so loved by the community and you wonder which of the forks is more actively maintained than yours but there are hundreds of them already? [...] Yeah, me neither. But I know this is a common question with big open source projects.

This Github Action generates a FORKS.md file that keep track of all forks and, aditionally how far or behind are of the original project. Sweet indeed.

### Submission Category: 

Maintainer Must-Haves & DIY Deployments


[Instructions]: # (To submit to the GitHub Actions x DEV Hackathon 2021, please fill out all sections.)


[Note]: # (Please make sure the project links to the appropriate GitHub Actions repository, and includes [an open source license](https://choosealicense.com/) and README.)


### Yaml File or Link to Code

[Note]: # (Our markdown editor supports pretty embeds. Try this syntax: `{% github link_to_your_repo %}` to share a GitHub repository)

{% github https://github.com/oscarnevarezleal/vitraya-ramunong %}


### Additional Resources / Info

#### Tech

- Github Actions
- GH CLI
- Docker

#### Github actions

- actions/checkout@v2
Fresh CRA + React.lazy + code splitting: why isn't it working as should?
Tags: react, codesplitting, cra, typescript
Published: 2021-11-19 17:12:45

If you ever come across this topic and find yourself stuck with «why my bundle is not splitting up for chunks, but I'm doing everything as said» after reading documentation, please: **check** that the component used inside classic construction
```typescript
React.lazy(() => import('MyFancyApp'))
```
**is not imported anywhere else** in your application!
Yeah, that easy, but not that easy if your start debugging right now and searching for information online. The whole internet is flooded with identical articles and standard recipes.

In our team's case, it was index.tsx files with helper imports. Like this:
```typescript
# index.tsx
export * from "./MyFancyApp.tsx"
```
Remove or replace these imports with lazy implementation and splitting starts working as it should.
Top Programmer Christmas Gifts 2021
Tags: programming, python, javascript
Published: 2021-11-19 16:59:07

#What Should I Buy The Coder In My Life?
Programmers are mythical beasts that hang out in the dark, stare at screens for hours and live on coffee and Mountain Dew. Coders may be hard to shop for but [these gifts](https://www.iceorfire.com/post/top-programmer-christmas-gifts-2021) are sure to bring a smile to their faces [this Christmas](https://www.iceorfire.com/post/top-programmer-christmas-gifts-2021)!
Rust programming for web developers (by a web developer)
Tags: rust, programming, tutorial
Published: 2021-11-19 16:58:52

Today we'll look at a few really basic concepts that are familiar to web developers, and see how we would apply those concepts in Rust.

Note: I know nothing about Rust, so I'm learning with you.

Let's go, this should be fun!

Check out the free interactive tutorial here: https://codeamigo.dev/lessons/161. No signup required.
Use Serilog with Minimal API in .NET 6
Published: 2021-11-19 16:47:30

If you want to replace the standard logging with Serilog in Minimal API you have to do just a couple of steps.

At first, you have to add a reference to a NuGet package Serilog.AspNetCore:
```ps
dotnet add package Serilog.AspNetCore
```
At second, you need to register Serilog as your logger in Program.cs:

```csharp
. . .

// remove default logging providers
builder.Logging.ClearProviders();
// Serilog configuration		
var logger = new LoggerConfiguration()
    .WriteTo.Console()
    .CreateLogger();
// Register Serilog
builder.Logging.AddSerilog(logger);
		
. . .

```

That's it. 

You can find more information and full code example here: [Use Serilog with Minimal API in .NET 6](https://www.anmalkov.com/blog/use-serilog-with-minimal-api-or-aspnet-6)
.NET 6 Swagger show enums as strings
Tags: net6, swagger
Published: 2021-11-19 15:37:59

---
title: .NET 6 Swagger show enums as strings
published: true
description: 
tags: net6, Swagger 
//cover_image: https://direct_url_to_image.jpg
---


Nowadays we can use Swagger like a documentation about our API's. To help others to understand our rules when we use Enums, I'll demonstrate how we can present at Swagger our Enums as string not with magic numbers.

To this article I'll use this project [swagger-enums-asstring](https://github.com/programadriano/swagger-enums-asstring) at my GitHub.

To do this is very easy, we just need to put this code bellow at Program.cs file.

```csharp
builder.Services.AddControllers()
    .AddJsonOptions(options =>
             options.JsonSerializerOptions.Converters.Add(new JsonStringEnumConverter()));
```

Running our project We can see the result at image bellow:

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/6ov4auf66j1s92vpeov1.png)
ReactJs Qrcode generator library
Tags: react, javascript, opensource
Published: 2021-11-19 16:30:34

# reactjs-qrcode-generator

> reactjs-qrcode-generator is a clean and simple QRcode generator library for reactJS.

[![NPM](https://img.shields.io/npm/v/reactjs-qrcode-generator.svg)](https://www.npmjs.com/package/reactjs-qrcode-generator) [![JavaScript Style Guide](https://img.shields.io/badge/code_style-standard-brightgreen.svg)](https://standardjs.com)

## Install

```bash
npm install --save reactjs-qrcode-generator
```

Demo https://naimmalek.github.io/reactjs-qrcode-generator-demo/

## Usage

```tsx
import React, { Component } from 'react'

import {ReactQrcode} from 'reactjs-qrcode-generator'

class Example extends Component {
  render() {
    return <ReactQrcode qrvalue={qrvalue} size={size} level={1} />
  }
}
```

## Parameters

| Attribute        | Type           | Default | Description  |
| ------------- |-------------| -----|------------|
| level | Number | 1    | QR ECC level (1, 2, 3, 4) |
| qrvalue      | String | This is Qrcode | Your String |
| size      | Number | 200     | (Width/Height value) |

### Ecc level description

| Level        | Description  |
| -------------|------------  |
| 1            | low          |
| 2            | medium       |
| 3            | quartile     |
| 4            | high         |


## License

MIT © [naimmalek](https://github.com/naimmalek)
Padi idc Gili Trawangan
Published: 2021-11-19 16:26:11

Become a professional scuba diving instructor (https://www.tripadvisor.com/Attraction_Review-g664666-d9727721-Reviews-Gili_IDC-Gili_Trawangan_Gili_Islands_Pemenang_Lombok_West_Nusa_Tenggara.html) in the Gili Islands, Indonesia and start a new career teaching others to experience the underwater world for the first time. All Instructor level training is entirely conducted by Industry Leading Multiple Platinum PADI Course Director Holly on the island of Gili Trawangan, offering the highest possible standard of professional level PADI dive training. Holly has over 20 years’ experience and has issued well over 3000 PADI Instructor level certifications. Having received a range of Industry awards for the past 9 years including the Platinum status and the Elite 300 awards, new scuba diving instructors will receive a level of training way over and above that generally found within industry.
Manage homebrew on M1 mac with rosetta 2
Published: 2021-11-19 16:23:09

If you don't have rosetta installed:
```
softwareupdate --install-rosetta
```

Install homebrew x86_64 :
```
arch -x86_64 /bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install.sh)"
```

Highly suggested to modify `.zshrc` to include : 
```
alias ibrew='arch -x86_64 /usr/local/bin/brew'
alias mbrew='arch -arm64e /opt/homebrew/bin/brew'
```

Going forward if needed to install x86_64 based module, use:
```
ibrew install pypy3
```
5 Articles every WebDev should read this week (#46)
Tags: webdev, tutorial, javascript, programming
Published: 2021-11-19 16:16:19



## Announcing TypeScript 4.5
> Today we’re excited to announce the release of TypeScript 4.5!
https://devblogs.microsoft.com/typescript/announcing-typescript-4-5/

---


## Web history by Jay Hoffmann 
> The history of the web. Written by Jay Hoffmann. A twice montly dispatch about the web's history, the incredible people that built it, and all the websites, code, and browsers you've never heard of. 
https://css-tricks.com/category/history/

> The complete Web History timeline
https://thehistoryoftheweb.com


---
## A Guide To Modern CSS Colors With RGB, HSL, HWL, LAB and LCH
> Did you know that your chosen color palette can have an impact on how much energy your website uses? Even a more environmentally friendly choice of colors can reduce the impact on the battery life of mobile devices. In this article, Michelle Barker shares advice on the not-so-obvious things you have to keep in mind when handling colors in CSS today.
https://www.smashingmagazine.com/2021/11/guide-modern-css-colors/ 

---


## The “Advanced Git” series
> This article is part of our “Advanced Git” which guides you through everything you need to know about git 
https://css-tricks.com/creating-the-perfect-commit-in-git/

---

##  Auto-Sizing Columns in CSS Grid: `auto-fill` vs `auto-fit`
> One of the most powerful and convenient CSS Grid features is that, in addition to explicit column sizing, we have the option to repeat-to-fill columns in a Grid, and then auto-place items in them. More specifically, our ability to specify how many columns we want in the grid and then letting the browser handle the responsiveness of those columns for us, showing fewer columns on smaller viewport sizes, and more columns as the screen estate allows for more, without needing to write a single media query to dictate this responsive behavior.
https://css-tricks.com/auto-sizing-columns-css-grid-auto-fill-vs-auto-fit/

---

Follow me on [Twitter: @martinkr](http://twitter.com/_martinkr).

Photo by [Alex Kulikov](https://unsplash.com/@burntime) on [Unsplash](https://unsplash.com)

---
 
[![Subscribe to the weekly modern frontend development newsletter](https://modernfrontend.dev/banner/banner_583-111.png)](https://modernfrontend.dev/)

---
P2P Q+A: How do you deal with imposter syndrome?
Tags: career, discuss, help
Published: 2021-11-19 16:02:50

Commit’s peer-to-peer bot helps community members tap into the vast expertise of our peers and colleagues to ask questions that span the spectrum from technical to personal. Here’s the latest question and answers.

Community member: How do you handle imposter syndrome? Earlier in my career, I thought developing comfort and expertise in specific engineering domains would help me with imposter syndrome, but it almost feels like it’s getting worse as I get more responsibilities. I’d love to hear your thoughts on how to overcome or manage feelings of imposter syndrome.

Phong Thieu: My opinion is that you don’t ever fully get over it. You’re always going to have some form of imposter syndrome—and it’s not necessarily a bad thing, as it keeps you in check and helps you improve and keep growing. It can also help prevent you from looking down on others.

The key is to know that the majority of people feel the same way, and it’s completely okay. One reason people may feel imposter syndrome is that they haven’t received clear direction and goals, so they don’t actually know if they’re doing well or not—and you have no control over that. Bringing it up with your manager is a great step, especially during one-on-ones, as your manager can give you feedback and let you know you’re doing okay or how to improve. That way you have an objective action item, which can help you feel more in control.

Beier Cai: This is the story of my entire career so far! Like Phong said, start by embracing it, then learn to manage it over time. Here are my personal lessons:

I try to surround myself with people who have “been there and done that,” so I can always seek help when I need it. Not just about strategic stuff, tactical stuff too. 

Be honest with your team, own your mistakes and learn from them. While you should always believe in yourself, you want your team to perceive you as someone who may not know everything but is always trying your best. 

Always seek feedback from your manager, your peers, and potentially the team you manage.

Hai Hoang: I used to be concerned about imposter syndrome and now I see it as a really good thing, because it means I’m being put in situations where I can learn and grow. Embracing it is the key! If imposter syndrome ever goes away completely then that probably means you’ve stagnated. Pretty much echoing what Phong and Beier said!
JavaScript Struggles - Part 3 | String Auto Converting
Tags: javascript, webdev, beginners, tutorial
Published: 2021-11-19 16:00:28

One of the weirdest things that <abbr title="JavaScript">JS</abbr> do is converting string variable to numbers by itself.

<h2>When does it convert string to number?</h2>
We have 4 operators that can turn the string to number <u>when the string value is numbers</u>:
- [Plus (+)](#plus)
- [Minus (-)](#minus)
- [Multiply (*)](#multiply)
- [Divide (/)](#divide)

---

## Plus (+) <a name="plus"></a>
In <mark>JavaScript</mark> the plus operator have <u>two</u> cases.

1- When you use the <kbd>+</kbd> with a `string` that <u>only have numbers</u> it'll be converted automatically to `number`.
```js
console.log('1'+'2'); // Outputs: 3
```

2- When you use the <kbd>+</kbd> with a `string` that <u>contains text</u>, it'll not be converted to number; it'll be added to the text.
```js
console.log("Hey"+"There"); // Outputs: HeyThere
```

---

## Minus (-) <a name="minus"></a>
Whenever we use <kbd>-</kbd> in our code the string automatically get converted to number.

E.g.
```js
console.log('5' - 1); // Outputs: 4
console.log('5' - '2'); // Outputs: 3
```

---

## Multiply (*) <a name="multiply"></a>
Whenever we use <kbd>*</kbd> in our code the string automatically get converted to number.

```js
console.log('5' * 3); // Outputs: 15
console.log('5' * '2'); // Outputs: 10
```

---

## Divide (/) <a name="divide"></a>
Whenever we use <kbd>/</kbd> in our code the string automatically get converted to number.

```js
console.log('6' / 2); // Outputs: 3
console.log('9' / '3'); // Outputs: 3
```

---

<h1 align="center">Thanks for reading! 😁</h1>