teleren/devto huggingface dataset:
A Nice Developer Joke For Today
Tags: jokes, dailydeveloperjokes, watercooler
Published: 2022-07-01 08:00:17

---
title: "A Nice Developer Joke For Today"
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, #watercooler
---

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/5e1259169f6cb.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:___ A SQL developer walked into a NoSQL bar.

___A:___ They left because they couldn't find a table.
 -->
Tìm Bạn Gái Nhanh - Nơi hỗ trợ tìm người yêu uy tín tại Việt Nam
Published: 2022-07-01 07:25:53

Chào mừng đến với https://timbangainhanh.com. Tìm Bạn Gái Nhanh giúp tìm bạn gái văn phòng, tìm bạn gái lớn tuổi, tìm bạn gái độc thân hay tìm bạn gái tâm sự TPHCM, Hà Nội, Gia Lai, Đà Nẵng, Thanh Hóa,... nhanh chóng. Giúp tìm bạn gái có số điện thoại, zalo quan hệ kín đáo, gái góa có số điện thoại, phụ nữ cô đơn cần tìm bạn trai, tìm bạn gái ly dị chồng hẹn hò, kết hôn, tìm bạn gái giải quyết sinh lý.
Địa chỉ: 20 Nguyễn Văn Đậu, phường 5, quận Phú Nhuận, Thành phố Hồ Chí Minh
Hotline: 0979 997 113
Website: https://timbangainhanh.com
Email: timbangainhanh@lienhe.com
Tags: Tìm bạn gái nhanh, tìm bạn gái văn phòng, tìm bạn gái lớn tuổi, tìm bạn gái độc thân, tìm bạn gái tâm sự TPHCM, Hà Nội, Gia Lai, tim ban gái có số điện thoại, tìm bạn gái ly dị chồng.
Hashtag: #tiimbangainhanh #timbangaivanphong #timbangailontuoi #timbangaidocthan#timbangaitamsu #timbangaicosodienthhoai, #timbangailydichong #TPHCM #hanoi #binhduong
DJS Bot Template 2022.701.0
Tags: discord, typescript, node, news
Published: 2022-07-01 07:17:54

**Version 2022.701.0 has been released!**

Initial release of DJS Bot Template.

The full changelog is available on GitHub: [2022.701.0](https://github.com/twiistrzdev/djs-bot-template/releases/tag/2022.701.0)

![github preview](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/gsjech5871nvc96rbj4u.png)
#1. Setting Up Environment ☀
Tags: webdev, react, mongodb, node
Published: 2022-07-01 06:59:05




## We need below regular depnedencies

1. express
2. express-validator
3. mongoose
4. request
5. bcryptjs
6. jsonwebtoken
7. gravatar
8. congif

## We also need below dev dependencies

1. nodemon
2. concurrently

## Follow the steps below.

- Create a folder in your system where you want to start project

- Get into that folder click right-click open cmd/powershell type "code ." .(vscoode will be open)

- Open terminal in vscode or (ctrl+~) follow the below to install regular dependencies.

1. npm init -y
2. npm i express express-validator mongoose request bcryptjs jsonwebtoken gravatar config

**Also install below dependencies as dev dependencies **
npm i -D nodemon concurrently

**If you get any trouble to install dependencies try installing one by one**

## Creating cluster in mongodb atlas

1. Create account in mongoDb atlas and login.

2. Create project.

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

3. Click on build database.

4. Select free shared.

5. Choose your local region country/continent for low latency.

6. Name cluster name and save.

7. Add user to the db.

8. Set ip to 0.0.0.0/0

You can check videos below
[youtube link](https://youtu.be/LXM5T5luDuo)
Comparing salaries and popularity of programming languages
Tags: career, job
Published: 2022-07-01 06:58:20

Hi DEV community! 

You know that some programming languages allow to earn more money. In the meantime, there is a different amount of available jobs for some programming languages. So, I decided to build a chart that includes information about salaries and amount of available jobs.

_Note: I know that StackOverflow has a similar chart, but they build their data based on the feedback from developers. My chart is based on available jobs._ 

So, I created a chart and got the following (all numbers are average salaries per year in the USA): 

![Salary comparison](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/8eese5jgtvf3id5jlp9d.png)
[Source](https://hotfixo.com/software-developer-salary)

I wasn't impressed that Python, JavaScript and Node.js allow to earn a good amount of money whereas Java, Python and React are very popular (meaning that there are many jobs available). 

However, I was surprised that Angular and Android development is not popular and the salaries are relatively small. I wouldn't recommend to learn that to anyone.  

I was also surprised that C++ is till so popular. There are many jobs. 

In addition, node.js developers make a lot of money whereas there is a relatively small amount of available jobs. 

Hope this information will help someone to choose the right stack.

I personally would choose Python + JavaScript in 2022 because demand and salaries are high. 

P.S. This is my first post here, so I hope the provided information is helpful :)
How to START, RESTART, STOP and DELETE multiple Azure VM's?
Tags: azure, devops, microservices, webdev
Published: 2022-07-01 06:32:18

When we have Virtual Machines in Azure (opens new window), we have to stop, start and restart them. We can easily do this for one VM, in the overview blade of the VM in the Azure portal. 

But how do we stop or restart multiple VMs at once? 

We can do it in the Azure portal!


In this article, we will use the Azure portal to perform basic VM management tasks on multiple Azure VMs.


Prerequisites:

1. An Azure subscription (If you don't have an Azure subscription, create a free account (opens new window)before you begin)
2. Two or more existing Azure Virtual Machines (opens new window). 


- 
Use the Azure portal to control Azure VMs

We will use the Azure portal to stop, restart and delete multiple VMs at the same time in this article.

Go to the Azure portal (opens new window)

- 
Click on the menu in the top-left and select "Virtual machines". This shows you all your Azure Virtual Machine's.

- 
In the menu, you can see buttons for Start, Restart and Stop. If you don't see those buttons, you can reach them by opening the menu from the ... button.



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


(Options menu in the Virtual machines blade)

- 
Select two Virtual Machines

- 
Click the Restart button

- 
Confirm the restart operation. This will restart the selected VMs, which can take a few minutes.




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


(Restart multiple Virtual Machines)

- 
Select two VMs

- 
Open the menu and click on Delete. This opens the Delete Resources blade.

- 
Type "yes" to confirm the deletion and click Delete.




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


(Delete multiple Virtual Machines)


Conclusion:

We can use the Virtual Machine's blade in the Azure portal to Start, Stop, Restart and Delete multiple Azure Virtual Machine's (opens new window) at the same time.
Singleton Decorator
Tags: typescript, tutorial, beginners
Published: 2022-07-01 06:30:16

It turns out it's actually possible to apply singleton pattern using decorators in typescript.

Since decorator is essentially a wrapper-function, we can use it to return a fake anonymous class and use its constructor
to trap an instance of the decorated class in a closure variable, which we can reuse later when somebody tries to invoke
the class constructor again:
```typescript
function Singleton<T extends new (...args: any[]) => any>(ctr: T): T {

    let instance: T;

    return class {
        constructor(...args: any[]) {

            if (instance) {
                console.error('You cannot instantiate a singleton twice!');
                return instance;
            }

            instance = new ctr(...args);
            return instance;
        }
    } as T
}
```

Now we can use it to decorate any class to make it a singleton:
```typescript
@Singleton
class User {
    constructor(private name: string) { }

    public sayName(): void {
        console.log(`My name is ${this.name}`);
    }
}

let user = new User("Bob");
let secondUser = new User("not Bob");
user.sayName(); // "Bob"
secondUser.sayName(); // still "Bob"
```

[Playground](https://www.typescriptlang.org/play?jsx=0#code/GYVwdgxgLglg9mABAZRmA5gGwKZQQHgBVFsAPKbMAEwGdExsB3RACgDoOBDAJ3RoC5EnMAE8A2gF0AlIgC8APiGj5LaN0GEpGxAG8AUHsSIcURGhpRhEbBoDcBo91whuSCJk406+o0YgILbhBoOG52Ll4BJXFpXQdfIxhgVnNLSGwZHwTffzAaOBw2bG5uUJYAcgBNOBBECGEwOFNU4VhOCiFEGjQsXAREKEYYawBCcql7bN8nKBckFvTJ7IBfeISF6zl6JjqoMI42Hj4Jw2yZubM8tOslo1W7oTpCPVW9AAFUDBMEPXdPOgAqjRinE-AE9sE8GEAA7cGAAN3a2HonAAtjYunseplEK8jNCQAAjTDDLqcEQAOTR2BYWkQ8LgMCooJyAQK2DYmDg6BYAAMALIiFHosx0AAkOigAAsYDQ2GBqcteSc7i8DCZECBgdwtgxmEDiiwAEQAITghKNJw1wNyVANOtk2312uNjVMZotJy1xTYNHJVPRtPsNoQdu1vv91KDQA)

Interesting, eh?
Credit Card Mockup
Tags: codepen
Published: 2022-07-01 06:27:16

<h1>dailyui challenge. Doing a credit card validator is boring (not doing that in my downtime) so I made a credit card instead, with a lovely swoosh over the hologram.</h1>

{% codepen https://codepen.io/jamesdelaneyie/pen/dYVOgz %}
Cara Menjadi Cowok Dingin Yang Berkelas
Published: 2022-07-01 06:26:04

Melansir dari [Kreatizen](https://kreatizen.my.id) Untuk menjadi [cowok dingin dan cuek](https://www.kreatizen.my.id/2022/06/10-cara-menjadi-cowok-cool-dan-pendiam.html), anda harus siapkan mental dan juga berlatih menghindar diri. Karena di dalam proses menjadi dingin, anda akan menemukan berlimpah hambatan dan tantangan. Terkadang juga respon yang diberikan oleh cewek-cewek tidak cukup lebih sanggup membawa pengaruh anda gagal untuk [menjadi cowok yang dingin](https://www.kreatizen.my.id/2022/06/10-cara-menjadi-cowok-cool-dan-pendiam.html).

Berikut ini adalah 10 [Cara Menjadi Cowok Dingin dan Cuek](https://www.kreatizen.my.id/2022/06/10-cara-menjadi-cowok-cool-dan-pendiam.html)

1. Percaya diri

percaya diri adalah kunci utama [jadi cowok dingin](https://www.kreatizen.my.id/2022/06/10-cara-menjadi-cowok-cool-dan-pendiam.html). Apabila anda bukan yakin diri, maka mampu saja anda akan malah bersikap hangat kepada orang-orang disekitar anda. Untuk itu, cobalah untuk memperbaiki penampilan anda agar anda semakin terlihat elegan dimata orang lain.

Baca juga: [cara Jadi Cowok Dewasa dan Mandiri](https://www.kreatizen.my.id/2022/06/7-cara-menjadi-pria-dewasa-yang-disukai.html)

2. Jangan kebanyakan ngomong

[cowok yang dingin](https://www.kreatizen.my.id/2022/06/10-cara-menjadi-cowok-cool-dan-pendiam.html) rata-rata pendiam. Sebab mereka terkadang membenci hal-hal yang bukan signifikan. Maka berasal dari tersebut, tahanlah diri anda ketika tersedia hasrat untuk konsisten berbicara. Jagalah ucapan anda bersama dengan baik. Berpikirlah sebelum berbicara, tanyakan kepada diri anda apakah kata-kata yang anda ucapkan vital atau bukan. Jikalau bukan, jangan sekali-kali diucapkan.

3. Jaga image

image terlampau berharga bagi seseorang. Kalau anda memiliki image yang bukan memadai bernilai, maka anda akan dinilai buruk dimata orang lain. Untuk itu, minimalisirkan konduite yang seharusnya bukan anda melaksanakan, misalnya nekat melukai diri sendiri hanya untuk mendapat pengakuan berasal dari orang lain.

4. Bodoamat bersama suasana sekitar

pertama-tama pasang pocker face alias muka datar, biarkan mata anda seperti setengah tidur. Setelah tersebut tegakkan badan anda dan jangan sahih-sahih berlimpah bergerak. Jadilah orang yang agak kaku. Jangan pernah pedulikan kondisi kurang lebih jikalau tersebut bukan benar-benar vital. Tetapi, jikalau situasi berbalik sebaiknya waspada dan siapkan sebuah solusi untuk mengantisipasi.

5. Pintar dan cerdas

[jadi cowok dingin](https://www.kreatizen.my.id/2022/06/10-cara-menjadi-cowok-cool-dan-pendiam.html) bukan akan berhasil terkecuali anda bukan pintar. Biasanya orang dingin mempunyai sebuah kelebihan untuk ditonjolkan. Maka itu, anda mesti menjadi orang yang pintar dan cerdas. Rajin-Rajinlah membaca buku untuk mengisi selagi luang sehingga ilmu anda konsisten bertambah. Dikarenakan ilmu lebih baik ketimbang harta.

Full Content : [Cara Menjadi Cowok Dingin dan Pendiam](https://www.kreatizen.my.id/2022/06/10-cara-menjadi-cowok-cool-dan-pendiam.html)
Cara Jadi Orang Asik yang Disukai Banyak orang
Tags: tips, personality
Published: 2022-07-01 06:19:57

[Kreatizen](https://kreatizen.my.id) -  Di bagian ini, kita akan berbicara tentang apa yang dapat Kamu lakukan untuk menenangkan pikiran dan sikap Kamu agar orang yang menjadi lebih menyenangkan dan menghibur orang lain.

kami akan membahas bagaimana menjadi lebih menyenangkan ke setiap orang.

1. Berlatih bersikap santai di sekitar orang
Agar orang senang jika berada di dekat Kamu, Kamu harus membuat orang lain merasa nyaman di sekitar Kamu. Kamu hanya dapat melakukan itu jika Kamu...

Jadi dirimu sendiri.

Ketika Kamu merasa nyaman dan aman di sekitar orang, Kamu bisa menjadi diri sendiri. Kamu dapat membuat lelucon bodoh dan bertindak sendiri khawatir akan dihakimi. Kita semua memiliki sifat yang membuat kita berbeda dan unik, ketika kita 100% santai

Jika Kamu merasa tidak nyaman, berikut beberapa hal yang perlu diingat:

1. Orang tidak memperhatikan setiap gerakan Kamu. Sama seperti Kamu fokus pada diri Kamu, dan semua orang fokus pada diri mereka

2. Jika Kamu melakukan kesalahan, tanyakan pada diri Kamu bagaimana reaksi orang yang percaya diri jika mereka melakukan itu? 


Baca juga: [Cara Menjadi Orang Yang Asik Ketika Di ajak Berbicara
](https://www.kreatizen.my.id/2021/07/cara-jadi-orang-yang-asik-di-ajak.html)
3. Kamu akan lebih disukai jika berbicara dengan bebas dan menjadi diri sendiri. Lebih baik mengatakan sesuatu yang bodoh sekali dalam dari pada menjaga diri agar tidak melakukan kesalahan.

2. Tunjukkan pada orang lain bahwa Kamu adalah orang yang santai
Jika Kamu merasa kaku, ada beberapa hal yang dapat Kamu lakukan agar terlihat lebih santai:

1. Hadiahi orang dengan tawa jika mereka mengatakan sesuatu yang lucu.
2. Berikan banyak kontak mata yang ramah dan santai.
3. Memiliki bahasa tubuh yang terbuka.
4. Bersikap ramah, Bermurah hati dengan pujian. Bicara tentang kebaikan dalam situasi atau seseorang.
5. membantu orang mengenal Kamu.

Full Content : [Cara Jadi orang asik](https://www.kreatizen.my.id/2021/09/cara-menjadi-orang-yang-asik-dan.html)
How to Create Web UIs for Python APIs and ML Models
Tags: python, machinelearning, datascience, programming
Published: 2022-07-01 06:15:58

An experienced data scientist would agree. Building Machine learning models are highly iterative. 

The critical challenge for a data scientist is to prototype the model as fast as possible. What they need is a quicker way to build apps around their work. 

Only then can they share their model with others for evaluation and collect feedback. 

Yet, building an app requires a lot of HTML, CSS, and JavaScript knowledge. Also, hosting them is a different challenge. 

But with tools like this, Data scientists can build apps at no time only using Python. They can also deploy the app on Hugginface spaces and share it with others. 

This article walks you through the steps you need to build web UI's around your ML models. 

[**Create Web UIs for Python APIs and ML Models**](https://towardsdatascience.com/python-web-apps-for-machine-learning-e29d075e6459?sk=8b0055c3b395066e6c1dfe957862b4f0)
How Azure Works?
Published: 2022-07-01 06:11:07

Azure is Microsoft's public cloud platform. Azure offers a large collection of services, which includes platform as a service (PaaS), infrastructure as a service (IaaS), and managed database service capabilities. However, what exactly is Azure, and how does it work?


Azure, like other cloud platforms, relies on a technology known as virtualization. Most computer hardware can be emulated in software. Computer hardware is simply a set of instructions, which are permanently, or semi-permanently, encoded in silicon. Emulation layers are used to map software instructions to hardware instructions. Emulation layers allow virtualized hardware to execute in software like the actual hardware itself.

Essentially, the cloud is a set of physical servers in one or more datacenters. The datacenters execute virtualized hardware for customers. So how does the cloud create, start, stop, and delete millions of instances of virtualized hardware for millions of customers simultaneously?

To understand the servers, let's look at the architecture of hardware in the datacenter. Inside each datacenter, there's a collection of servers sitting in server racks. Each server rack contains many server blades, and a network switch. These provide network connectivity and a power distribution unit (PDU), which creates power. Racks are sometimes grouped together in larger units known as clusters.

The server racks, or clusters, are chosen to run virtualized hardware instances for the user. However, some servers run cloud management software, known as a fabric controller. The fabric controller is a distributed application with many responsibilities. It allocates services, monitors the health of the server and the services running on it, and heals servers when they fail.

Each instance of the fabric controller is connected to another set of servers running cloud orchestration software, typically known as the front end. The front end hosts the web services, RESTful APIs, and internal Azure databases, which are used for all functions in the cloud.

For example, the front end hosts the services that handle customer requests. The requests allocate Azure resources and services such as virtual machines, and Azure Cosmos DB. First, the front end validates and verifies if the user is authorized to allocate the requested resources. If so, the front end checks a database to locate a server rack with sufficient capacity, which instructs the fabric controller to allocate the resource.

Azure is a huge collection of servers and networking hardware, which runs a complex set of distributed applications. These applications orchestrate the configuration and operation of virtualized hardware and software on those servers. The orchestration of these servers is what makes Azure so powerful. With Azure, users don't have to maintain and upgrade their hardware as Azure does this behind the scenes.
Introducing Subreply CSS - A beautiful classless CSS style
Tags: webdev, css
Published: 2022-07-01 05:55:38

Recently, I came across this website called [Subreply](https://subreply.com/about), which is an English-only forum with a clean and simplistic design.

When I first saw it, I immediately fall in love with its design: Simple, yet modern and beautiful. I love it so much that I decided to rip the CSS from the website and turn it into a classless CSS style.

And after about 2 days of active working, I introduce to you, Subreply CSS!

![My blog with Subreply CSS applied](https://files.catbox.moe/x8juw2.png)

Subreply CSS is a classless CSS style that is designed to be modern, beautiful, and simple, just like where it came from.

Features include:

* **Lightweight** - Only weights 4 kB! [^1]
* **Mobile responsive** and **image responsive**
* **Automatic dark/light theme** (based on OS preferences)
* **Custom emojis** before `mailto:`, `sms:`, and `tel:` links
* **Custom blockquotes** and **code blocks** [^2]
* Beautiful font ([Route 159](https://dotcolon.net/font/route159/))
* Fixing missing features from the original Subreply, such as **radios and checkboxes**

Subreply CSS is suitable for both personal blogs and simple websites!

# Wow! That's exciting! Where can I know more about it?

You can go to the [Github repo](https://github.com/HoangTuan110/subreply-css), which contains further information about the project.

# I'm still skeptical, I want to try it first

You can try this [demo](https://raw.githack.com/HoangTuan110/subreply-css/main/test.html) [^3] or just playing around with [my website](https://tsk.bearblog.dev) (yes, it uses Subreply CSS).

# Downsides

Even though it has a lot of good points, Subreply CSS also has some downsides:

- All the fonts are currently hosted on [Catbox](https://catbox.moe/), a file hosting service that I am relying on. This means that if Catbox goes down, all the fonts will be rendered unusable. The best solution for this is to host fonts locally, and I am planning on writing a (short) blog post just for that, so stay tuned!

# Questions? Feedback?

If you have any questions or feedback, feel free to [email me](mailto:mail@dht.anonaddy.me)!

[^1]: For both original and minified version
[^2]: The blockquotes are stolen from [here](https://css-tricks.com/snippets/css/simple-and-nice-blockquote-styling/) and the code blocks are stolen from [here](https://adis.ca/entry/2011/pretty-code-block-in-css/)
[^3]: Note that the demo version can be a bit outdated.
235. Leetcode Solution in CPP
Tags: cpp
Published: 2022-07-01 05:52:30

```
class Solution {
 public:
  TreeNode* lowestCommonAncestor(TreeNode* root, TreeNode* p, TreeNode* q) {
    if (root->val > max(p->val, q->val))
      return lowestCommonAncestor(root->left, p, q);
    if (root->val < min(p->val, q->val))
      return lowestCommonAncestor(root->right, p, q);
    return root;
  }
};

```
98. Leetcode Solution in Cpp
Tags: cpp
Published: 2022-07-01 05:51:29

```
class Solution {
 public:
  bool isValidBST(TreeNode* root) {
    return isValidBST(root, nullptr, nullptr);
  }

 private:
  bool isValidBST(TreeNode* root, TreeNode* minNode, TreeNode* maxNode) {
    if (!root)
      return true;
    if (minNode && root->val <= minNode->val)
      return false;
    if (maxNode && root->val >= maxNode->val)
      return false;

    return isValidBST(root->left, minNode, root) &&
           isValidBST(root->right, root, maxNode);
  }
};

```
1710. Leetcode solution in Java
Tags: java
Published: 2022-07-01 05:48:33

```
class Solution {
    public int maximumUnits(int[][] boxTypes, int truckSize) {
        Arrays.sort(boxTypes, new Comparator<int[]>() {
            public int compare(int[] boxType1, int[] boxType2) {
                if (boxType1[1] != boxType2[1])
                    return boxType2[1] - boxType1[1];
                else
                    return boxType2[0] - boxType1[0];
            }
        });
        int boxes = 0;
        int maxUnits = 0;
        int length = boxTypes.length;
        for (int i = 0; i < length && boxes < truckSize; i++) {
            int[] boxType = boxTypes[i];
            int num = boxType[0], units = boxType[1];
            num = Math.min(num, truckSize - boxes);
            boxes += num;
            maxUnits += units * num;
        }
        return maxUnits;
    }
}
```