teleren/devto huggingface dataset:
Today's Daily Humor For Devs - Daily Developer Jokes
Tags: jokes, dailydeveloperjokes
Published: 2022-09-27 08:00:10

---
title: "Today's Daily Humor For Devs - Daily Developer Jokes"
description: "Check out today's daily developer joke! (a project by Fred Adams at xtrp.io)"
series: "Daily Developer Jokes"
published: true
tags: #jokes, #dailydeveloperjokes
---

Hi there! Here's today's Daily Developer Joke. We hope you enjoy it; it's a good one.

![Joke Image](https://private.xtrp.io/projects/DailyDeveloperJokes/public_image_server/images/5e1259582acfe.png)

---

For more jokes, and to submit your own joke to get featured, check out the [Daily Developer Jokes Website](https://dailydeveloperjokes.github.io/). We're also open sourced, so feel free to view [our GitHub Profile](https://github.com/dailydeveloperjokes).

### Leave this post a ❤️ if you liked today's joke, and stay tuned for tomorrow's joke too!

_This joke comes from [Dad-Jokes GitHub Repo by Wes Bos](https://github.com/wesbos/dad-jokes) (thank you!), whose owner has given me permission to use this joke with credit._

<!--
Joke text:
___Q:___ Why did the developer have to quit smoking?

___A:___ Because they couldn't afford to pay the new syntax.
 -->
Kynosocial
Tags: product, opensource, showdev, discuss
Published: 2022-09-27 07:58:55

[kynosocial](kyno.social)
A minimalist thing. Created by noobs. Used by even noobier people. 
<hr>
It is currently in alpha. Let me know what you think of it! Contribute here: https://github.com/dotargz/kynosocial
<hr>
Since this is an Alpha version, there might not be enough storage on the backend if a bunch of users come online to test this out. So even if you create an account, try not to post too much. Thank You!
Stories behind Illa Project
Tags: opensource, javascript, devops, typescript
Published: 2022-09-27 07:56:56

Hi developers👋 , I'm one of the developers of ILLA and I'm here to introduce our product here, we are having many features gonna be released by the end of Sep.
Our team members came from early-stage TikTok & Kuaishou. We realized one huge issue during developing those products, operation and marketing teams need a tool to monitor data. It's a very tedious job for developers . Therefore, we decided to build a low-code open-source tool to solve this. Our team believe our product is easy like minecraft, but we definitely have more possibilities. You can even customize your own "block" in our product and sell it at marketplace.(The feature is coming soon)
ILLA is an open source low-code platform to help you to build internal tools in minutes. Alternative to PowerApps, AppSmith, and Retool. Check out our website to know more about us. 
GitHub repo: https://github.com/illa-family/illa-builder
Website: https://www.illa.cloud/
Discord:https://discord.gg/zKf3WKCufR
Features:
1. ⚽ Real-time Collaboration: You can build with your teammates in real-time together.
2. 🎨 Powered by ILLA Design: Components should not constrain your imagination.
3. 📲iIntegrate with data sources: Connect to the mainstream databases or any data that can be connected through APIs
Programming languages:
1. Typescript
2. Javascript
3. Golang
4. Rust
If you have Rust installed, you can easily build+install the latest ILLA CLI release with cargo:
> cargo install illa
Contributors are needed if you are familiar with any kind of code language above. Looking forward to your feedback and please join our Discord community for me.
How to Create a new GIT Branch from a Tag?
Tags: webdev, tutorial, git, codenewbie
Published: 2022-09-27 07:50:55

A new GIT branch can be created from a tag through the “git checkout” command with the “-b” option followed by a new branch name and tag name.
```
$ git checkout -b <new-branch> <tag-name>
```

## Why Create Git Branch from a Tag

GIT tags are created to mark a specific point in git history and then deployed. But sometimes you might want to debug the deployed code and the best way is to create a new GIT branch from that tag.

## How to Create Git Branch from a Tag

Let’s say you have deployed tag v2.0 on production and now you have some issues after the deployment.

Now creating a debug branch from the tag v2.0 will be the best way to make sure you have the exact code which is deployed on production.

Now let's go through each step one by one to create a new branch from the correct tag.

### 1. Get the tag
Make sure you fetch all the tags from your remote repository with the "git fetch" command
```
$ git fetch --all --tags
```

### 2. Confirm the tag
Now confirm that you have fetched the required tag v2.0 from which you want to create the branch.
```
$ git tag -l

v2.0
v1.0
```

### 3. Create a new branch from the tag
After confirming that tag v2.0 fetch properly, we can now run the "git checkout" command to create the new branch from that tag.
```
$ git checkout -b debug-tag-2-0 v2.0
```
Now we have a new branch "debug-tag-2-0" ready for debugging on local.

## Conclusion
In this tutorial, we learned why we might need to create a new git branch from a tag for debugging and how this can be achieved with the "git checkout" command.
How to Create a Branch in GIT?
Tags: git, codenewbie, beginners, webdev
Published: 2022-09-27 07:32:34

Whenever you start developing a new feature you must start with creating a new branch git. This way you separate your feature changes from other branches.

A new branch can be created with the ‘git checkout’ command with ‘-b’ and a new branch name as arguments. This will create a new branch from your current branch.
```
$ git checkout -b <new-branch>
```
But if you don't want to create a new branch from the current branch then you can also pass the base branch as an argument.
```
$ git checkout -b <new-branch> <base-branch>
```
This new branch can be merged back into the other branch once the feature is completed.

## Create a GIT branch from the master branch
Let's take an example, you want to create a new feature branch 'feature-2' from the master branch.

### 1. Checkout master branch (source branch)
First, make sure your current git branch is the master branch. You can check this by running "git branch" or "git branch --show-current" commands
```
$ git branch

  feature-1
* master

```
If not, then make sure to checkout the master branch.
```
$ git checkout master
```

### 2. Run "git checkout" command with "-b" and feature branch name
Now you can run the GIT checkout command to create a new feature branch "feature-2"
```
$ git checkout -b feature-2
Switched to a new branch 'feature-2'
```
Once run successfully, the new branch will be created and your current branch will be switched to this new branch.

### 3. Confirm the new branch
You can also verify your new branch by running the ‘git branch’ command.
```
$ git branch

  feature-1
* feature-2
  master
``` 

## Conclusion
In this tutorial, we learned to create a new branch in GIT with the "git checkout" command. This can also be achieved with the "git branch" command.

A GIT branch is not the only source for creating a new feature branch. A New GIT branch can also be created from commit SHA, a tag, or a remote branch.

Original Post: [https://www.novicedev.com/blog/how-create-branch-git](https://www.novicedev.com/blog/how-create-branch-git)
Thunder Client เครื่องมือทำ request ที่ใช้แทน Postman ได้
Tags: tooling, vscode
Published: 2022-09-27 07:12:08

คราวที่แล้วแนะนำ [Mockoon](https://dev.to/banananyo/mock-api-endpoint-ngaay-dwy-mockoon-3g1i) เครื่องมือสำหรับ mock server endpoint
ทีนี้มาฝั่ง Client กันบ้าง

**Thunder Client** เป็น extension ของ VSCode
หลายคนก็อาจจะบอกว่า ใช้ Postman สิ
ก็ใช่น่ะแหละ เหมือน ๆ กัน
เพียงแต่ว่ามัน simple กว่า

ติดตั้งแล้วไม่ต้อง signup / login ใด ๆ ให้ยุ่งยาก
สร้าง request ใช้ได้เลย
ลองไปดูข้อมูลเพิ่มเติมได้ที่นี่ 👇

[https://thunderclient.com](thunderclient.com)

ดูตัวอย่างการใช้งานด้านล่าง

![Thunder Client: VSCode extension](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/yqj95qb21gv1n5fzwmqk.png)
Thunder Client: VSCode extension


![ลอง request GET ไปที่ pokeapi ดู](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/q8g7kuc69ju7p4enrijt.png)
ลอง request GET ไปที่ pokeapi ดู


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/qxtcdwypl7pd9r882u4g.png)
ลอง request ไปที่ Mockoon server บนเครื่อง ก็ใช้ได้ ง่ายมาก
Mock API Endpoint ง่าย ๆ ด้วย Mockoon
Tags: api, tooling
Published: 2022-09-27 07:06:56

สำหรับคนที่ทำ test หรือทำ front end แล้วอยากลองกับ API 
ลอง mock API ง่าย ๆ ไม่ต้องเขียนโค้ด ด้วย **Mockoon**
โหลดมาติดตั้ง กด start ใช้ได้เลย มี template ไว้ให้ด้วย

[https://mockoon.com](mockoon.com)

รองรับหลาย OS ทั้ง Windows, Linux, Mac Intel และ Mac M1/M2

ตัวอย่างตามรูปต่อไปนี้

![ติดตั้งเสร็จ มี template ไว้ให้ลองด้วย](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/jb3ifjhf2bo015vhk67t.png)
ติดตั้งเสร็จ มี template ไว้ให้ลองด้วย

![ลองสร้าง Endpoint เอง แล้วกดปุ่ม play สีเขียวเพื่อ start server](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/2jijippm9lij23fgie30.png)
ลองสร้าง Endpoint เอง แล้วกดปุ่ม play สีเขียวเพื่อ start server

![ลองใช้ Postman Request ดูได้ผลลัพธ์ตามที่กำหนด](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/wsoka92ueis3sidrw1m6.png)
ลองใช้ Postman Request ดูได้ผลลัพธ์ตามที่กำหนด
Why People Prefer BAGISTO To Get An NFT Marketplace Solution
Tags: nft, nftmarketplace, nftmarketplacedevelopment, nftmarketplacesolution
Published: 2022-09-27 06:43:25


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

### Appealing storefront

Attractive things can easily get the attention of people. And people become curious to see that and know more about that. 

People don't mind spending their time and money if they found something interesting. Hence, this factor (attractive design) can be helpful in business too. 

Now, e-shop owners can make their e-shops more alluring. E-shop needs visitors. So that visitors can make purchases. 

The businessmen who want to start their _[NFT Marketplace](https://bagisto.com/en/nft-marketplace/)_, don't require to spend more money to get an alluring storefront. 

Because if you choose BAGISTO to get NFT development services, you also get the most alluring storefront. This is how users would like to spend time on your NFT Marketplace.           

### Token Search with Advanced Features

Whether it is a Marketplace or any other website like an e-shopping website. 

If there are various products on that site, then you will require an advanced search facility on that website. 

Users expect that websites or platforms should have an advanced search facility to provide a better user experience to clients. 

There are different types of NFTs on an NFT Marketplace. And users want to find the desired token easily. Hence, our _[NFT Marketplace development](https://webkul.com/nft-marketplace-development-services/)_ services can help you get a Marketplace that comes with an advanced token search facility. 

Users are allowed to use the advanced search facility to find their desired tokens. This advanced search facility helps to improve the search experience.          

### Wallet Setup

A physical wallet is used to keep storing and protecting money. Similarly, a digital wallet is also introduced to perform the same operation. 

A digital wallet is used to store and protect your digital money or currencies like NFTs, etc. If you are an NFT trader, you also may feel that you need a digital wallet to store your NFTs. 

If you want to add a digital wallet, our Marketplace allows you to add your digital wallet and protect your NFTs from security concerns.            

## Final Word

There could be various NFT Marketplace development services providers but BAGISTO is one of the best NFT Marketplace solution providers.

It is a renowned _[NFT Marketplace creator](https://bagisto.com/en/develop-your-own-nft-marketplace-to-stay-competitive-in-crypto-world/)_ which is famous for its high-quality NFT Marketplace development services. Hence, contact BAGISTO and get world-class software solutions.
Working in multiple branches - git
Tags: opensource, javascript, github, git
Published: 2022-09-27 06:11:37

Today I have been adding some features to the [tool](https://github.com/mnosov622/simple-ssg1): 

1) Added an optional -l, --lang, and/or \l flag, which indicates the language to use when generating the lang attribute on the root <html> element [issue-3](https://github.com/mnosov622/simple-ssg1/issues/3)

For example :

`simple-ssg1 silver-blaze -l es`

would generate HTML page with 

`<html lang = "es"/>`

2) Added exit codes, if code run successfully and created an html page, then it will return 0, overwise -1. [issue-4](https://github.com/mnosov622/simple-ssg1/issues/4)

It was a great experience to get! I created 2 branches for each of my features. After that on each of the branch I wrote the code.

Upon finishing implementing features, I merged 2 branches with 
the main branch (without merge conflicts).

Overall, I enjoyed working on multiple branches, because it gives more capabilities to work with the same code and also that the code you write is not going to effect the main branch.

That's why you can try anything you want without being worried :)
JavaScript General Use Full Number Methods and Properties.
Tags: programming, codenewbie, javascript, codereview
Published: 2022-09-27 06:01:34

Some use full number methods of javascript using in the javascript programming.

**TOSTRING**

The toString() method returns a number as a string.

```javascript
const num = 123;

var result = num.toString();
console.log(result);
// output
123

var result1 = (100+23).toString();
console.log(result1);
//output
123
```

**TOEXPONENTIAL**

The toExponential() method returns a string, with a number rounded and written using exponential notation.

```javascript
const num1 = 9.656;
var result2 = num.toExponential(2);

console.log(result2);
// Output
9.66e+0
```

**TOFIXED**

The toFixed() method returns a string, with the number written with a specified number of decimals.

```javascript
// TOFIXED Method 
const num2 = 9.656;
var result3 = num2.toFixed(0);
console.log(result3);
// Output
10

var result4 = num2.toFixed(2);
console.log(result4);
//output 
9.66
```

**TOPRECISION**

The toPrecision() method returns a string, with a number written with a specified lengh.

```javascript
//  TOPRECISION Method 
const num3 = 9.656;
var result5 = num3.toPrecision(2);

console.log(result5);
// output
9.7

var result6 = num3.toPrecision(4);
console.log(result6);
//output
9.656
```

**VALUEOF**

The valueOf() method returns a number as a number.

```javascript
//  VALUEOF Method 
const num4 = 123;
var result7 = num4.valueOf(4);
console.log(result7);
//output
123
```

**NUMBER**

The number() method can be used to convert JavaScript variables to numbers.

```javascript
// Number Method
console.log(Number(true));
console.log(Number(false));
console.log(Number("10"));
console.log(Number("10.23"));
console.log(Number("10,23"));
//oputput
1
0
10
10.23
NaN
```

**PARSEINT**

The parseInt() method perses a string and return a whole number. Spaces are allowed. Only the first number is returned.
```javascript
// ParseInt Method
console.log(parseInt(“10”));
console.log(parseInt(“10.33”));
console.log(parseInt(“10 20 30”));
console.log(parseInt(“10 years”));
console.log(parseInt(“years 10”));
// Output
10
10
10
10
NaN
```

**PARSEFLOAT**

The parseFloat() method parses a string and return a number. Spaces are allowed. Only the first number is returned.
```javascript
//   ParseFloat Method

console.log(parseFloat("10"));
console.log(parseFloat("10.33"));
console.log(parseFloat("10 20 30"));
console.log(parseFloat("10 years"));
console.log(parseFloat("years 10"));
// Output
10
10.33
10
10
NaN
```

> If you still have questions related to Javascript you can ask them on [devhubby.com](https://devhubby.com/forum/javascript).

> Best Javascript Books to learn: [topminisite.com](https://topminisite.com/blog/best-javascript-book-to-learn)
How do you create your headers?
Tags: writing, design, watercooler
Published: 2022-09-27 05:52:19

I often get asked how I create the headers for my articles.
Thus I thought, let me write down how I do it and set it up.

When writing, I used two kinds of headers: my old legacy ones. These are kind of dark and contain the logo in the background. And then the new colorful ones.

The old ones were all hand-made in Sketch locally.

But today we'll talk more about the new ones.

## From idea to execution

When I rebranded my website and logo, I also decided to take the headers of each article more seriously.

And thus, I decided to hire someone with more experience in the design field.

Before even looking for a designer, I decided to write down the types of headers I wanted.

I was able to split it out into these categories:

- Celebration banners
- Social media headers
- Event banners

And then article headers:

- Code block + logo
- Logo/Icon
- Image

These were all rough the banner types I had, and I decided to put them in a [notion document](https://dirt-numeric-8e6.notion.site/Banner-ideas-87e14d3a26d64949a5ff1fbf94a6ed30) linking some existing examples.

Now that I had a clear idea of what I was looking for, I decided to look at Fiverr and target five people whose styles I liked.

I reached out to these five people and ordered one header from each. This was pretty cheap and gave me a good idea of what I liked.

I really liked [designedbyhello's](https://www.fiverr.com/designedbyhello) work most and decided to go with this person to create the actual templates.

He decided to create a Figma template file for each of my templates where I could easily add images/change texts.

The Figma file looks like this:

![Figma design file](https://cdn.hashnode.com/res/hashnode/image/upload/v1663395581930/CJlWQV67d.png)

As you can see, I can use all kinds of different setups, and for each file, I can easily switch color patterns or images.

![Figma quickly changes colors](https://cdn.hashnode.com/res/hashnode/image/upload/v1663395626734/pTzZG1OQr.png)

And that's it. I'm super happy with my design templates, as this style reflects my style and blog.

I'd love to hear about your process and how you like my headers.

### Thank you for reading, and let's connect!

Thank you for reading my blog. Feel free to subscribe to my email newsletter and connect on [Facebook](https://www.facebook.com/DailyDevTipsBlog) or [Twitter](https://twitter.com/DailyDevTips1)
What is DeFi NEB network?
Tags: defi
Published: 2022-09-27 05:52:12

　　NEB is a fully intelligent one-stop service platform, including deposits, loans, leveraged mining, cross-chain mining, grabbing head mining, and automatic compounding, a series of DEFI behaviors help users to make stable and continuous profits. 

　　NEB has a strict risk control mechanism to ensure the safety of user funds.At the same time, it generates super high compounding income.

　　After three years of preparation, we are honored to announce that NEB has launched the BSC public chain for internal testing on January 13, 2022, and be released on May 31 of the same year. It successfully passed the security audit certification of Certik, the world's top security audit company.

　　At the same time, NEB has reached an in-depth strategic partnership with many well-known platforms such as AveDex, AICoin and Feixiaohao! For people from more than 100 countries

　　serving more than 200,000 customers.

　　The profit logic of DeFi NEB is using the tokens which earned by depositing 'U' (usdt) to the LP mining pool and settled into stable tokens such as USDT.

　　Users don't have to worry about currency price fluctuations, the core of DeFiNEB is to deposit 'U' to earn 'U'.

　　Advantages of NEB:

　　Security advantages: The code is open and transparent through the authoritative third-party Certik audit report.

　　Advantages of income: High income, the monthly rate is 15%-21%, and the annual rate compound interest can reach 300%+;

　　Community advantages: Strong governance, DAO community autonomy, no project party.

View here to find out more.https://www.newopener.com/
"Connecting to emulator" taking long in android studio solution
Published: 2022-09-27 04:20:01

You have probably installed a new version of android studio, and then all of a sudden the emulator is not opening . It keeps displaying the message 

> Connecting to emulator.
and this is probably taking longer than usual.

I faced this same issue after installing anew version of android studio. I tried the following solutions from stack overflow

1. Creating a new emulator
2. Cold booting the emulator
3. Wiping the emulator data

All these solutions did not work.

## The solution.
So how did i solve this problem of emulator taking long and most importantly how can you solve it as well.

The emulator is taking long to connect mostly probably because your android emulator sdk is out of date.
So the solution to uninstall it or update. 
To do this, head over to android studio

1. From the toolbar of android studio open `Tools`
2. Then select `Sdk manager` from the dropdown menu
3. The android sdk section should appear.
4. Under the 'Android sdk' section, select SDK tools tab.
5. Under the `SDK tools` tab look for the android emulator
6. Uncheck the box appearing besides the android emulator and `click apply button` to unistall the emulator
7. After uninstalling, it should now display as not installed. `check the box again` to `install` the emulator again. After installation it should appear as installed. Close android studio and open it again

And now when you click `run` the emulator should open as expected.
Hopefully this solves your problem as it solved mine.
Importance Of The "lang" Attribute
Tags: a11y, inclusion, webdev, api
Published: 2022-09-27 05:20:03

_Semantic structure is the foundation for accessible markup, as they properly convey information to the user through the accessibility API via screen readers._

This article is about the correct use of the HTML `lang` attribute.

Users select a **default language** when installing and configuring their screen reader, which will then most likely read the content in the set language if no attribute is set, even if the content is **written in a different language**.

Users of screen readers and braille translation software rely on the **correct language attribute to perceive** the content correctly, i.e., proper accent and correct pronunciation.

Most screen readers **can read** several different languages. Therefore, it is important to specify a specific language in the body of the text when parts, e.g. quotes, are in another language so that they are pronounced correctly. 

You can even get more specific and choose not only French, for example, but Canadian French.

## Best practices

- Set a default/primary language for the html document e.g. `<html lang="en">`
- Make sure the language code is valid
- Set a specific language for a block or inline element when the language differs from the default language set in the `<html>` tag e.g. `<div lang="fr">`

Check out this [list of language codes](https://www.w3schools.com/tags/ref_language_codes.asp) to choose the right one you need.

Check out this [list of country codes](https://www.w3schools.com/tags/ref_country_codes.asp) if you want to be even more specific.

[Read more about the HTML `lang` attribute](https://www.w3.org/WAI/WCAG21/Understanding/language-of-page) in W3 WCAG2.1 Success Criterion **Understanding Success Criterion 3.1.1: Language of Page**.