teleren/devto huggingface dataset:
Day 301 : Sushi
Tags: hiphop, code, coding, lifelongdev
Published: 2021-02-03 22:36:02

_liner notes_:
- Professional : Finished up the new tool to the point where I can show it to other team members to get feedback and work on getting it implemented. Rest of the day, I worked on my upcoming blog post and helped out with a question from the community.

- Personal : Last night, I went through some tracks for the radio show this week. Then I watched an episode of "The Watch". My hotspot was super slow and the app I was using was acting up so it took a while for the show to buffer enough so I could watch it. I had to actually use the web version of the app. The web wins again! haha.

![A forest with a lot of tall pine trees with a waterfall](https://dev-to-uploads.s3.amazonaws.com/i/549bdb4ev74b2s1upond.jpg)

It's Wednesday so that that means $5 sushi at Publix! haha I'm treating this like Food Truck Fridays since that has stopped a while ago. Going to stop by there before I go to my spot for the night. I'll probably work on the radio show and watch another episode of "The Watch".

Have a great night!

peace piece
Dwane / conshus
https://dwane.io / https://HIPHOPandCODE.com
{% youtube _S_5-UHNHys %}
Code Month - February
Tags: motivation, python, csharp
Published: 2021-02-03 22:32:44

Hi, I have been a developer got a while now. It has started out as a hobby and it is now a full life dedication. I am at a level that I have enough confidence that I have decided to do a "Code Month". For every day of the month, I complete a code challenge. It's a bit late this month, so this month's challenge will be 4 days shorter than expected. But anyways, here we go.

I have come up with a list of ideas that I want to complete by the end. Here they are (24 ideas): Python ASCII, Hex & Binary translator - Machine Learning (Write a 500 word min essay regarding back-propagation) _ Arduino circuit analyser. I will expand on my ideas once the day gets closer. Bye for now, see you tomorrow!
Iteratively Creating Select Options in JavaScript
Published: 2021-02-03 22:24:37

I recently completed a Vanilla JavaScript app that charts music in a modified form of the [Nashville Number System](https://en.wikipedia.org/wiki/Nashville_Number_System).

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

The composition is handled by a form that is a bunch of grouped selects, each measure is divided into two half measures which each have two selects representing interval from the tonic and any character modifications to the chord. The form is generated from a JSON object stored in a database row on my back end, and when modified and saved the form is transformed into a JSON object to be persisted in the same way.

The thing I want to talk about in this article, though, is the selects themselves. As you can see, even in a fairly simple song, there are a lot of them.
![Intervals of chords](https://dev-to-uploads.s3.amazonaws.com/i/pfqyui5m1ea16tpvylve.png)

![Modifiers to chords](https://dev-to-uploads.s3.amazonaws.com/i/u0mxh2xo27yvlovmdjlo.png)


And each of them has a lot of options. In the future, the second set of options, the chord modifiers, might well be expanded upon or referenced elsewhere, so we need to make sure that if there's an update to the supported modifiers it's an easy update in our app.

I addressed both concerns (the large list of options, and the probability that list would be added to later) by making each of these lists of options into arrays and then adding them to the selects when the selects are created and appended to the DOM.

```
const INTERVALS = ["", "1", "b2", "2", "b3", "3", "b4", "4", "b5", "5", "b6", "6", "b7", "7"]
const MODIFIERS = ["", "maj", "min", "maj7", "min7", "maj9", "min9", "dim"]

...

    static buildSelectsFromHalfMeasure(halfMeasure, targetDiv) {
        const intervalSelect = document.createElement('select')
        targetDiv.appendChild(intervalSelect)

        const modifierSelect = document.createElement('select')
        targetDiv.appendChild(modifierSelect)

        INTERVALS.forEach(interval => {
            const option = document.createElement('option')
            option.text = interval
            intervalSelect.add(option)
        })

        MODIFIERS.forEach(modifier => {
            const option = document.createElement('option')
            option.text = modifier
            modifierSelect.add(option)
        })

        intervalSelect.value = halfMeasure["interval"]
        modifierSelect.value = halfMeasure["modifier"]

        intervalSelect.addEventListener('change', Song.addSaveButtonIfNonePresent)
        modifierSelect.addEventListener('change', Song.addSaveButtonIfNonePresent)
    }
```

For each half measure, we create a div. We append that div to the div that belongs to the measure, and to the half-measure div, we append two selects, then we iterate over our list of intervals and modifiers to populate the options for the selects. If in the future I want to add seemingly bizarre chord modifiers like "13sus4add2" I can do that in one place and know that everywhere I'm referencing all available modifiers, it's been addressed.
Understanding Webhooks
Tags: beginners, tutorial, webhooks, nocode
Published: 2021-02-03 21:37:51

---
title: Understanding Webhooks
published: true
description: Webhooks allow you to connect applications that you know and love together to create new powerful applications
tags: beginners, tutorial, webhooks, nocode
---

{% youtube 41NOoEz3Tzc %}

[Course Notes](https://github.com/TwilioDevEd/webhooks-course)

Learn all about Webhooks in this full tutorial for beginners. Together we'll explore how to connect applications together. We'll explore why and when you'd want to use a Webhook, or reverse API. We'll explore no-code solutions like IFTTT and Zapier. We'll also do some low-code implementations using GitHub, Discord, Netlify, and Twilio.

Looking forward to hanging out!
Day 13 to 19 - 100daysofcode
Tags: 100daysofcode, react, javascript, webdev
Published: 2021-02-03 21:25:28

For the past days I been learning about React LifeCycle methods and working with APIs.
Which can be easily described with [react-lifecylce-methods-diagram](https://projects.wojtekmaj.pl/react-lifecycle-methods-diagram/).
Also as an exercise I made a couple of projects one of them is
## Dad-Jokes-App
That fetches Jokes from [icanhazdadjoke](https://icanhazdadjoke.com/) API and displays them and persists to LocalStorage and the fun part is you can always have more and sort them accordingly.
You can check out the [Demo](https://dadz-joke-app.netlify.app/) and [Repo](https://github.com/sanchitbhasin/dad-jokes-app)

So, do you like the jokes 🙃

# 100daysofcode 🚀🚀🚀
Credit Card Payment Form
Tags: codepen
Published: 2021-02-03 21:19:01

<p>Wanted to work with some masking so made a payment form so, using vanilla JS and the imask.js library, made a fairly simply payment form that uses regex patterns to detect the credit card type as the user is inputting values and properly applies the relevant spacing associated with that brand.  Also wanted to do a smidge of style flair so made a simple SVG card that changes as the user fills out the form.</p>

{% codepen https://codepen.io/quinlo/pen/YONMEa %}
Flutter databases –  sqflite, hive, ObjectBox, and Moor
Tags: flutter, dart
Published: 2021-03-01 12:45:58

---
title: Flutter databases –  sqflite, hive, ObjectBox, and Moor
published: true
date: 2021-02-03 21:08:14 UTC
tags: flutter, dart
canonical_url: https://objectbox.io/flutter-databases-sqflite-hive-objectbox-and-moor/
---

The post [Flutter databases – sqflite, hive, ObjectBox, and Moor](https://objectbox.io/flutter-databases-sqflite-hive-objectbox-and-moor/) appeared first on [ObjectBox](https://objectbox.io).
Create beautiful looking social images for your Blog and Packages
Tags: cover, banners, angular, github
Published: 2021-02-03 21:00:11

Hi everyone, today I want to present a serverless service for image generator. [Social Image Generator - Adrián UB](https://banners.adrianub.vercel.app)

Serverless service that generates dynamic Open Graph images that you can embed in your <meta> tags.

# What is an Open Graph Image?

Have you ever posted a hyperlink to Twitter, Facebook, or Slack and seen an image popup? How did your social network know how to "unfurl" the URL and get an image? The answer is in your <head>.

The Open Graph protocol says you can put a <meta> tag in the <head> of a webpage to define this image.

It looks like the following:

```html
<head>
  <title>Title</title>
  <meta property="og:image" content="http://example.com/logo.jpg" />
</head>
```

# Why use this service?

The short answer is that it would take a long time to painstakingly design an image for every single blog post and every single documentation page. And we don't want the exact same image for every blog post because that wouldn't make the article stand out when it was shared to Twitter.

That's where banners.adrianub.vercel.app comes in. We can simply pass the title of our blog post to our generator service and it will generate the image for us on the fly!

It looks like the following:

```
<head>
  <title>Hello World</title>
  <meta property="og:image" content="https://banners.adrianub.vercel.app/Hello%20World.png" />
</head>
```

![](https://banners.adrianub.vercel.app/Hello%20World.png)

Now try changing the text `Hello%20World` to the title of your choosing and watch the magic happen ✨

This service also lets you generate beautiful looking social images for your PHP, Laravel packages, NPM and Yarn. You have already put a lot of time and effort into your package, so why not make it look beautiful using this service.

![](https://banners.adrianub.vercel.app/My%20Package.png?type=package&theme=light&packageManager=yarn+add&packageName=%40org%2Fmy-awesome-package&description=This+is+why+it%27s+awesome&images=angular&widths=250&heights=250&images=tailwindcss&widths=250&heights=250&pattern=architect&md=1&showWatermark=1&fontSize=100px)

## My repository

{% github adrian-ub/banners %}
A dynamic way of accessing a obect in Javascript
Tags: beginners, javascript
Published: 2021-02-03 21:00:00

hello all,
I have this code from a book i'm reading and i want to spice up the exercise by adding a dynamic touch to it.My aim is to access the properties of the object without explicitly assinging the object taxi.make and taxi.model what i want is to give it a dynamic property that whenever i change the object e.g. limosine i dont have to write limousine.make or limousine.model.

here is the code
```javascript
function init() {
  let lambo ={
    make:'KIA',
    model:'Picanto',
    year:1999,
    color:'beige',
    passenger:4,
    convertible:false,
    mileage:2000,
    engine:'gdi',
    transmission:'manual',
    fuel_type:'gasoline'
  }
function prequal(car) {
  if (car.mileage > 10000) {
    return false;
  }else if (car.year >= 2000) {
    return false;
  } 
  return true;
}    
let worthalook = prequal (lambo);
if (worthalook) {
  document.write('You gotta check this ' + lambo.make + ' ' + lambo.model);
}else{
  document.write('You should really pass on the ' + lambo.make + ' ' + lambo.model);
}
}
```
Solution: Concatenation of Consecutive Binary Numbers
Tags: algorithms, javascript, leetcode
Published: 2021-02-03 20:56:47

*This is part of a series of Leetcode solution explanations ([index](https://dev.to/seanpgallivan/leetcode-solutions-index-57fl)). If you liked this solution or found it useful,* ***please like*** *this post and/or* ***upvote*** *[my solution post on Leetcode's forums](https://leetcode.com/problems/concatenation-of-consecutive-binary-numbers/discuss/1037296/javascript-easy-solution-beats-95).*

---

####[Leetcode Problem #1680 (*Medium*): Concatenation of Consecutive Binary Numbers](https://leetcode.com/problems/concatenation-of-consecutive-binary-numbers/)####

---

***Description:***

*Given an integer `n`, return the decimal value of the binary string formed by concatenating the binary representations of `1` to `n` in order, __modulo__ `10^9 + 7`.*

---

***Examples:***

Example 1:||
|---:|---|
*Input:*|n = 1
*Output:*|1
*Explanation:*|"1" in binary corresponds to the decimal value 1. 

Example 2:||
|---:|---|
*Input:*|n = 3
*Output:*|27
*Explanation:*|In binary, 1, 2, and 3 corresponds to "1", "10", and "11".<br>After concatenating them, we have "11011",<br>which corresponds to the decimal value 27.

Example 3:||
|---:|---|
*Input:*|n = 12
*Output:*|505379714
*Explanation:*|The concatenation results in "1101110010111011110001001101010111100".<br>The decimal value of that is 118505380540.<br>After modulo 109 + 7, the result is 505379714.



***Constraints:***
 - 1 <= n <= 10^5

---

***Idea:***

There are less efficient solutions which involve converting numbers to strings, or calculating the binary length each time, but the most efficient solution is actually even more basic, since we know precisely when a binary number will increase its length by 1.

So we can just iterate through while using **len** to keep track of how much you need to multiply **ans** by in order to fit **i** into the new **ans**. Don't forget to mod by **1e9+7**.

---

***Javascript Code:***
```javascript
var concatenatedBinary = function(n) {
    let ans = 1, len = 0b100
    for (let i = 2; i <= n; i++) {
        if (i === len) len <<= 1
        ans = (ans * len + i) % 1000000007
    }
    return ans
};
```
The same code but with decimal instead of binary for **len**:
```javascript
var concatenatedBinary = function(n) {
    let ans = 1, len = 4
    for (let i = 2; i <= n; i++) {
        if (i === len) len *= 2
        ans = (ans * len + i) % 1000000007
    }
    return ans
};
```
7 online meetup replays you should watch from January 2021
Tags: ibmcloud, video, meetup, workshop
Published: 2021-02-08 22:50:38

---
title: 7 online meetup replays you should watch from January 2021
published: true
date: 2021-02-03 20:40:36 UTC
tags: IBMCloud, video, meetup, workshop
canonical_url: https://maxkatz.org/2021/02/03/7-online-meetup-replays-you-should-watch-from-january-2021/
---

[IBM Developer](http://crowdcast.io/ibmdeveloper) hosts weekly online developer education meetups covering open source, JavaScript, AI, Data Science, Containers, Kubernetes, Red Hat OpenShift, Serverless, Knative and other technology topics. Check out event replays from December. [Follow our Crowdcast channel](https://www.crowdcast.io/ibmdeveloper) to be notified when events go live.

[![](https://katzmax.files.wordpress.com/2021/02/january2021_online_meetups.png?w=1024)](https://katzmax.files.wordpress.com/2021/02/january2021_online_meetups.png)<figcaption>Introduction to Containers with Node.js and Kubernetes on Red Hat OpenShift 4.x</figcaption>

Building apps for modern infrastructure
[Watch replay](https://www.crowdcast.io/e/building-apps-for-modern)  
  
Getting started with iOS SwiftUI and Serverless Backend
[Watch replay](https://www.crowdcast.io/e/getting-started-with-ios)

Introduction to Containers with Node.js and Kubernetes on Red Hat OpenShift 4.x
[Watch replay](https://www.crowdcast.io/e/red-hat-openshift-world)

Easily Add Social Logins to your web app using App ID
[Watch replay](https://www.crowdcast.io/e/easily-add-social-logins)  
  
Automate model building using AutoAI
[Watch replay](https://www.crowdcast.io/e/automate-ai-model)

Intro to Serverless Applications on Openshift using Knative
[Watch replay](https://www.crowdcast.io/e/serverless-knative)

SwiftUI with Watson NLU and Serverless
[Watch replay](https://www.crowdcast.io/e/expanding-swiftui-with)

[Follow our Crowdcast channel](https://www.crowdcast.io/ibmdeveloper) to be notified when events go live.
Bugout.dev - a knowledge base that builds itself
Tags: showdev, tooling
Published: 2021-02-03 20:30:39

Bugout is a knowledge base for programmers. It's a great place to take notes for yourself, or to share with your team.

You can integrate Bugout with your code editor, your GitHub repositories, and your Slack workspaces. This makes it easy easy to add knowledge to your knowledge base directly - and **automatically** - from those sources.

You can sign up and start using it for free at https://bugout.dev.

After you sign up and verify your email, you should see a `Personal` journal with a document on how to get started. It will also help you set up the integrations with VSCode, GitHub, or Slack if you are interested in those.

Quick demo of the VSCode integration:
![Bugout in VSCode](https://dev-to-uploads.s3.amazonaws.com/i/7qhbrs7p7bir705nxsfc.gif)

Quick demo of Slack integration:
![Bugout in Slack](https://dev-to-uploads.s3.amazonaws.com/i/902kv2mp2ntztfuq5ji0.gif)

The power of Bugout is in collaboration, and you can create small teams (of up to 5 people) for free to share knowledge with.

You can create teams on your Account screen (get there by clicking on your username in the top right), and then add these teams to journals on the journal settings screen (little gear icon next to each journal name). Really useful for shared projects, especially with our Slack integration.

I'd really appreciate any feedback that you have, and will work quickly to fix any issues. Thank you!
design-resources-for-developers
Tags: design, github, opensource, webdev
Published: 2021-02-03 20:24:16

**Hello Dev's**
Design Resources for developers is a great repository in GitHub created by **Brad Traversy**. Here you can find anything related to web development, graphic design, etc... 
A great resource of all types of designs.

**Thanks to Brad Traversy 🙏**
Repository link:- https://github.com/bradtraversy/design-resources-for-developers
Atomic Increment/Decrement in FaunaDB
Tags: fauna, graphql, webdev, database
Published: 2021-02-03 19:54:40

> I talk about how to atomically increment/decrement values in FaunaDB.

### Credit

Original answer here: https://news.ycombinator.com/item?id=24618998.

### Code

Suppose you have an `article` schema like so:

```typescript
// Schema

Article {
  slug: string;
  likes: number;
}
```

To atomically increment `likes`, you need to invoke `Update()` with two parameters:

1. Document reference
2. Part of the document to be updated

For the value of the key to be updated, invoke `Add()` with two parameters:

1. `Select()` with the path to the key, to get the current value
2. Value to increment/decrement by (1 in our case; pass `-1` to decrement)

```typescript
// Query

documentReference; // Assuming this is available
Update(
  documentReference,
  {
    data: {
      likes: Add(
        Select(['data', 'likes'], Get(documentReference)),
        1
      )
    }
  }
)
```

In situations when the document reference is not known, and you’re obtaining it as an output of another function, call `Update()` in `Lambda()`. For example, suppose you have an Index `allArticles` with `terms` as `data.slug` in order to be able to find documents by `slug`. To atomically increment `likes` in all matched documents:

```typescript
// Query

Map(
  Paginate(
    Match(
      Index('allArticles'),
      'article-about-faunadb'
    )
  ),
  Lambda(
    'X',
    Update(
      Var('X'),
      {
        data: {
          likes: Add(
            Select(['data', 'likes'], Get(Var('X'))),
            1
          )
        }
      }
    )
  )
)
```
---
Cheers!
What Really Happens if You Don't File Your Taxes
Tags: fileyourtaxes, taxfiling, taxsettlement, taxreliefprogram
Published: 2021-02-03 19:42:42

If you have in case missed all the clues related to Tax day and now you are wondering what should be done, then this article will be of great help for you. No, you should not be panicking since the world does not end if you do not file your taxes on time. However, there will definitely be some financial consequences involved as per your circumstances. Read on, to find out what really happens if you do not file your taxes on time.

Failure To File:
If you fail to file your tax return on time, the IRS can and will penalize you for a late filing fee. However, if you don’t file within 60 days of the April due date, the minimum penalty is $210 or 100% of your unpaid tax, whichever is lesser. There are certain circumstances under which the IRS will waive <a href="https://www.irs.gov/newsroom/irs-highlights-higher-penalties-for-some-tax-returns-filed-after-sept-14#:~:text=The%20penalty%20for%20not%20filing,late%2C%20a%20minimum%20penalty%20applies.">late filing penalties</a>, yes you read it right. Some disaster victims, military service members, or anyone who has some problems going on due to serious issues have more time to file and pay.

Failure To Pay:
Now, you must be wondering what exactly happens if you fail to pay on time, well Penalties for failing to pay your taxes on time are actually lower than for filing late. And For each month past the payment date, you will be assessed 0.5% of your total tax bill as a penalty. This fee also maxes out at 25% of your tax bill. You can reduce the penalty and interest by paying as much as possible on time. The less you owe, the less you will have to pay extra. If you fail to file as well as fail to pay on time, the failure-to-pay penalty is waived and you only pay for failing to file.

What’s The Worst That Can Happen?
If you don’t file your taxes or file for an <a href="https://www.irs.gov/forms-pubs/extension-of-time-to-file-your-tax-return">extension</a>, you will accrue penalties that can be up to 25% of the taxes you owe. If you owe $5,000, your penalty will be $1,250. If you don’t file for more than 60 days, the penalty could be double your tax bill, yes! The penalty compounds monthly until you file. If you completely neglect to pay your taxes and ignore the IRS, the government will then start garnishing your wages, placing liens on your property, and start talking about jail time, yes you read it right and this is exactly what really happens if you do not pay your taxes on time. The best thing you can do is to file and pay as soon as possible to avoid building up penalties and interest. Then plan better for next Tax Day by putting a process in place right now to keep up with all your documentation. Check to make sure your withholdings are correct and that you are paying the appropriate amount of estimated taxes. 

It is highly advised to hire yourself a <a href="https://usataxsettlement.com/">tax debt professional</a>, who can help you in keeping an eye over the calendar so the next time you do not end up missing out on the tax day deadline.
Python Prowess: Day 3
Tags: python, codenewbie, beginners
Published: 2021-02-03 19:30:06

I have decided to write simple C++ codes in Python 3 maybe that's the way I'll get to learn the language.

Code to calculate trailing zeros in a factorial n!

```
def trailingzeros(self,n):
   count=0
   i=5
   while(n/i>=1):
       count+= int(n/i)
       i*=5
   return int(count)
```

🌼Please comment if you have any suggestions or encouraging words.🌼