teleren/devto huggingface dataset:
Exploratory Data Analysis: A Guide to Remove the Mystery
Published: 2023-02-26 08:08:28

Exploratory data analysis (EDA) is an important part of the data science process that can often feel shrouded in mystery. But don't worry - with the right tools and techniques, EDA can actually be a lot of fun! It involves understanding the data, finding patterns and outliers, and building models to make predictions or insights.


The goal of exploratory data analysis is to create an initial hypothesis about the data, which can then be tested and refined. While there are many tools and techniques available for exploring data, some of the most common are data visualization, descriptive statistics, and machine learning.

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


**Data Visualization**

Data visualization is an important component of exploratory data analysis that can help data scientists gain insights into the data in a fun and visually appealing way. Commonly used data visualization tools include line graphs, bar charts, and histograms. With these tools, data scientists can quickly and easily identify patterns and relationships in the data.


**Descriptive Statistics**

Descriptive statistics are another important tool for exploratory data analysis. These measures can help provide an understanding of the data, identify outliers, and draw conclusions about the data. Commonly used descriptive statistics include measures of central tendency (mean, median, and mode) and measures of dispersion (standard deviation, range, and interquartile range).

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

**Machine Learning**

Machine learning is a powerful tool used for exploratory data analysis. It can be used to discover patterns in the data, build models to make predictions, and uncover insights about the data. Common machine learning algorithms used in exploratory data analysis include regression, classification, clustering, and anomaly detection.

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


**Conclusion**

Exploratory data analysis can be a lot of fun and can help data scientists gain an understanding of their data and make better decisions. With the right tools and techniques such as data visualization, descriptive statistics, and machine learning, data scientists can quickly and easily explore their data, identify patterns, and uncover insights that would not otherwise be discovered
A Nice Developer Joke For Today
Tags: jokes, dailydeveloperjokes
Published: 2023-02-26 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
---

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/5e1259316ab83.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:___ What are the three hardest problems in computer science?

___A:___ Naming things and off-by-one errors
 -->
Which Coding Career Paths Interest You the Most?
Tags: discuss, beginners, codenewbie
Published: 2023-02-26 08:00:00

Are you drawn to the creative side of web development, the problem-solving of software engineering, or the data-driven insights of data analysis.

The diversity of career paths available in the industry is one of the most exciting aspects of pursuing a career in coding. Web development, software engineering, data analysis, and cybersecurity, software engineering, data analysis -- so much to explore! 

Where do you plan to take your carer in coding? And for those of you who are working in the industry, what are you doing? Do you love it? Would you recommend it to a CodeNewbie? 

Share your thoughts and insights in the comments below. Let's learn from each other and inspire others who are exploring the world of coding!
Setup Soroban Python SDK on Windows
Tags: soroban, python, sorobanathon, stellar
Published: 2023-02-26 05:30:44

Soroban has a Python Software Development Kit (SDK) that allows developers to interact with the Soroban Network using the Python programming language. In this post, we will go over the steps to install Soroban Python SDK on Windows.

##1. Install Python
Before we can install the Soroban Python SDK, we need to have Python installed on our Windows computer. In this post, we will install Python via Microsoft Store, since it's easy and simple. Here's how:

1.Open the Microsoft Store on your computer.
2.Search for "Python" in the search bar.
3.Click on the "Python 3.x" option that appears in the search results. (Note: I'm using Python 3.7)
4.Click the "Get" button to download and install Python on your computer.
![Downloading Python](https://i.postimg.cc/Bvw4nz9C/Screenshot-57.png)
5.To verify that Python has been installed correctly, open the command prompt and enter the following command:
```  
python --version
```
![Python Installation](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/78pbk1g95ir8f8d64ie3.png)
If Python has been installed correctly, you should see the version number, just like in the image above.


##2. Install Soroban Python SDK (Stellar Python SDK with Soroban Support)
The Soroban Python SDK that we're going to use is basically the Stellar Python SDK with Soroban support. To install the SDK, we will use the source code from the Stellar Python SDK GitHub but use its Soroban branch. To install, use the following command in the command prompt:
```  
pip install git+https://github.com/StellarCN/py-stellar-base.git@soroban
```
![Install Soroban Python SDK](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/5k89wv8ef2llrbeuyl8h.PNG)
This will install the Soroban Python SDK and all its dependencies.

##3. Verify the installation
To verify that the Soroban Python SDK has been installed correctly, we can write a simple Python script that imports the SDK and prints its version. Open your text editor and create a new file called test.py. Add the following code to the file:
```
import stellar_sdk

print(stellar_sdk.__version__)
```
Save the file and run it using the following command in your terminal or command prompt:
```
python test.py
```
If the SDK has been installed correctly, you should see the version number printed to the console.

![SDK Version](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/mtyb4z5ru6uovkq9x1rx.png)
##Closing
In this blog post, we have gone over the steps to install the Soroban Python SDK. With the SDK installed, you can start building applications that interact with the Stellar Futurenet (Soroban) network using the Python programming language.
Using .some and .every
Published: 2023-02-26 07:47:59

```
const temperatures = [
    { degrees: 69, isRecordTemp: false }, 
    { degrees: 82, isRecordTemp: false }, 
    { degrees: 73, isRecordTemp: false }, 
    { degrees: 64, isRecordTemp: false }
];

// includes, some, every
const result = temperatures.every(temperature => !temperature.isRecordTemp); // true / false
console.log(result);
```
.every loops through the entire array to find the value
.some stops the loop once it finds the value
Unlocking Your Superpower: The Importance of Diversifying Your Knowledge
Tags: diverse, programming, productivity, career
Published: 2023-02-26 07:12:10

Hey there, are you feeling stuck in a rut? Are you tired of doing the same old thing every day? Well, it might be time to diversify your knowledge, my friend!

See, when you know a little bit about a lot of things, you can approach problems from all sorts of angles and come up with unique solutions. Plus, it’ll make you a total boss at trivia night (you know, when we can have those again).

But it’s not just about impressing your friends, diversifying your knowledge can open up a whole world of opportunities for you. Imagine being able to speak multiple languages and being able to travel the world for work or pleasure. Or knowing your way around different software programs, making you the go-to person for tech support at the office.

Plus, learning new things keeps your brain sharp and agile, like a ninja. So, if you’re tired of feeling like a one-trick pony, branch out and try something new. Who knows, you might just discover a new hobby or passion.

In short, diversifying your knowledge is like a superpower. It can help you find new solutions, open new doors, and keep your brain feeling young. So what are you waiting for? Get out there and start exploring new things. And don’t worry, if you don’t know how to do it yet, that’s what the whole diversifying your knowledge thing is all about!
🔢 Number Formats Across Different Countries
Published: 2023-02-26 06:57:08

When building a web application that is used across different countries, it is important to display numbers in a format that is familiar to the user. Different countries use different number formats, including different decimal separators, thousands separators, and digit grouping patterns. For example, in the United States, the decimal separator is a period (.), and the thousands separator is a comma (,), while in many European countries, the decimal separator is a comma (,) and the thousands separator is a period (.).


## 🌍 Number Formats Across Different Countries

Let's take a look at how numbers are formatted in some common countries:

- United States: 1,234.56
- United Kingdom: 1,234.56
- Germany: 1.234,56
- France: 1 234,56
- Japan: 1,234.56

<img src="https://media.giphy.com/media/3oriffsvgbzPuUkq0U/giphy.gif">

## 🧰 Creating a Number Formatting Utility

We can create a utility function that takes a number and a country code as input and returns the number formatted in the correct format for that country. Here's an example of what that function could look like:

```javascript
function formatNumber(number, countryCode) {
  return new Intl.NumberFormat(countryCode, {
    style: 'decimal',
    minimumFractionDigits: 2,
    maximumFractionDigits: 2,
  }).format(number);
}
```
This function takes two arguments: the number to format and the country code of the country for which we want to format the number. It uses the Intl.NumberFormat constructor to create a number formatter with the correct options for that country, and then formats the number using the format() method of the formatter.

## 🖥️ Example

Let's say we have a React component that displays a number input and allows the user to select a country from a dropdown menu. We can use our formatNumber function to format the number input based on the selected country. Here's an example of what that component could look like:

```javascript
import { useState } from 'react';

function NumberInput() {
  const [number, setNumber] = useState(0);
  const [countryCode, setCountryCode] = useState('US');

  const handleNumberChange = (event) => {
    setNumber(Number(event.target.value));
  };

  const handleCountryChange = (event) => {
    setCountryCode(event.target.value);
  };

  const formattedNumber = formatNumber(number, countryCode);

  return (
    <div>
      <label>
        Number:
        <input type="number" value={number} onChange={handleNumberChange} />
      </label>
      <label>
        Country:
        <select value={countryCode} onChange={handleCountryChange}>
          <option value="US">United States</option>
          <option value="GB">United Kingdom</option>
          <option value="DE">Germany</option>
          <option value="FR">France</option>
          <option value="JP">Japan</option>
        </select>
      </label>
      <p>Formatted Number: {formattedNumber}</p>
    </div>
  );
}
```

🎉 Congratulations, you have now learned how to handle number formats in JavaScript using the Intl API.

Here is the stackblitz: https://stackblitz.com/edit/react-ts-fb9fhx?file=App.tsx
5 Simple Steps to Enhance SEO in Your React Application
Tags: seo, react, javascript, nextjs
Published: 2023-02-26 06:42:26

SEO (Search Engine Optimization) is essential for the success of any website. It ensures that your website ranks higher on search engines, resulting in more visitors. This post will walk you through the process of creating SEO in ReactJS.

**Step 1: Install React Helmet**

React Helmet is a package that allows you to control your document head using React components. To install React Helmet, open your terminal and type the following command:
`yarn add react-helmet`

**Step 2: Import React Helmet**

After installation, you need to import React Helmet in your React component. You can do this by adding the following line of code at the top of your file:
`import { Helmet } from 'react-helmet';`

**Step 3: Add Meta Tags**

To add meta tags to your React component, you need to use the `<Helmet>` component. For example, to add the title tag, you can use the following code:
```
<Helmet>
  <title>{Title of your page}</title>
</Helmet>
```

Similarly, to add meta description tag, you can use the following code:
```
<Helmet>
  <meta name="description" content={Description of your page} />
</Helmet>
```

**Step 4: Add Open Graph Tags**

Open Graph tags are used to enhance the appearance of your website when it is shared on social media platforms. To add Open Graph tags, you can use the following code:

```
<Helmet>
  <meta property="og:title" content={Title of your page} />
  <meta property="og:description" content={Description of your page} />
  <meta property="og:image" content={URL of the image you want to use} />
  <meta property="og:url" content={URL of your page} />
  <meta property="og:type" content="website" />
</Helmet>
```

**Step 5: Add Twitter Tags**

Twitter tags are similar to Open Graph tags, but they are used specifically for Twitter. To add Twitter tags, you can use the following code:

```
<Helmet>
  <meta name="twitter:title" content={Title of your page} />
  <meta name="twitter:description" content={Description of your page} />
  <meta name="twitter:image" content={URL of the image you want to use} />
  <meta name="twitter:card" content="summary_large_image" />
</Helmet>
```

Also Consider the following factors before going live:

1. XML Sitemaps
2. Mobile responsiveness
3. SSL certificate
4. Semantic HTML
5. Image optimization(lazy load, webp format, alt tags)
6. Make use of Redux for optimization
7. Optimize the robot.txt to help search bots understand how to crawl pages on your website
8. Use server side rendering
9. Have 404 error page

By following the steps mentioned above, you can create an SEO-friendly ReactJS website that will rank higher in search results and attract more organic traffic.
Sadly, dealing with React apps adds to the already lengthy list of challenges that a technical SEO must address. Yet, frameworks like as Next.js have made the task of an SEO lot easier than it was previously.

Feel free to leave a comment below and share your tips for optimizing SEO!!
Using arrow functions to manage the this. function
Published: 2023-02-26 06:29:37

```
const userData = { 
  username: "Reed",
  title: "JavaScript Programmer",
  getBio() {
    console.log(`User ${this.username} is a ${this.title}`);
  },
  askToFriend() {
    setTimeout(() => {
      console.log(`Would you like to friend ${this.username}?`);   
    }, 2000);  
  } 
}

userData.askToFriend();
```

If you have a function in a function, use the arrow function to make sure the this. function still pulls from the above function (example in code above).
If I ask .... , what Programing Language and framework you will choose ?
Tags: programming, help, webdev, productivity
Published: 2023-02-26 05:40:59

If a non-tech entrepreneur want to make a web application for his new startup idea , what Programing Language you will suggest?

Means he need to choose a tech team of specific tech stack , what will be suggest.

In the very initial level, should the team choose template based backed framework (Django) or frontend (SPA) - restful API based backed?

Python Django(template based) , Node Express. Or something like React-Node , PHP-Laravel-Vue.
Writing a Program for Palindrome in C
Tags: c, palindrome, codenewbie, beginners
Published: 2023-02-26 05:31:35

Program for Palindrome in C Understanding, Palindromes have been a source of fascination for centuries and have been used in literature, language, and computing since ancient times.

A palindrome is a word, phrase, number, or other sequence of characters which reads the same backward as forward, such as **“madam”** or **“racecar”**. In this article, we will discuss palindromes in C programming and how to use them in your programs.

Introduction to Palindrome
Palindromes are words, phrases, numbers, or other sequences of characters that can be read the same forward and backward. Common examples of palindromes include **“madam”** and **“racecar”**. Palindromes have been used in literature, language, and computing since ancient times.

Palindrome in C Programming
**Palindromes** can be used in **C Programming** to check if a string is a palindrome.

To do this, you can use the **strcmp()** function to compare the string to its reverse. If the strings are the same, then the string is a palindrome.

[Also.. Check Out Other Tutorials](https://anycoder.pro/category/tutorials/)

Writing a Program for Palindrome in C
You can also create a palindrome program in C. To do this, you can use the **strrev()** function to reverse a string and then compare it to the original string. If the strings match, then the program outputs “This is a palindrome”.

```
#include<stdio.h>
#include<string.h>
 
&nbsp;
 
int main()
 
{
 
char str[20];
 
int l,i;
 
int flag=0;
 
printf("Enter a string of length less than 20\n");
 
scanf("%s",str);
 
&nbsp;
 
l=strlen(str);
 
&nbsp;
 
for(i=0;i<l;i++)
 
{
 
if(str[i]!=str[l-i-1])
 
{
 
flag=1;
 
break;
 
}
 
}
 
if(flag==1)
 
{
 
printf("%s is not a palindrome\n",str);
 
}
 
else
 
{
 
printf("%s is a palindrome\n",str);
 
}
 
return 0;
 
}
```
Conclusion
In this article, we discussed palindromes in C programming and how to use them in your programs. Palindromes can be used to check if a string is a palindrome and to create a palindrome program in C. By using palindromes in C programming, you can add an interesting and unique element to your programs.
[Source: AnyCoder](https://anycoder.pro/program-for-palindrome-in-c/)
lnav 自定义日志格式支持
Tags: log
Published: 2023-02-26 05:18:18

早上看了一篇文章，盘点一些小而美的终端命令行工具，里面提到lnav,感觉挺高级的
对这个工具挺感兴趣，最近公司项目，由于性能太好，用户增长很快，日志增长也越来越快，一天要产生几个g的日志，所以如何快速的从日志中找出来问题，确实是个大问题。
虽然我比较善用grep等工具，毕竟每次写正则表达式还是比较费脑。
所以开始折腾吧！
## 一些介绍文章链接
[lnav-日志查看器](https://www.cnblogs.com/RidingWind/p/15529059.html)

[lnav：Linux 下一个基于控制台的高级日志文件查看器](https://linux.cn/article-8430-1.html)
## 安装
我这里是mac，这么安装

` brew install lnav
`

安装好，找到一个线上日志，lnav gateway.log
看上面的文章，我挺满怀期待的，结果没有高亮，按键e 也没有跳到相应的error位置。
## 开始分析
所以开始看文档吧，折腾陌生的软件的问题，也是学习成长的一种方式。
初步判断，应该是我的日志格式，lnav内置的格式中没有。

我的代码里是这样写的：
```
fmt.Fprintf(b, "[%s] [%s] [%s] %s ", r.Call.String(), lvl, r.Time.Format(termTimeFormat), r.Msg)
```
这是一个输出
```
[app.go:248] [INFO] [02-19|00:00:05.050] recv new challenge module=app round=92164 height=39448849
```

## 处理
软件不支持，就给支持一个呗。

官方文档 [Defining a New Format](https://docs.lnav.org/en/latest/formats.html#defining-a-new-format)

官方推荐你使用[regex101](https://regex101.com/) 来生成正则表达式匹配日志规则

然后再通过，
```
lnav -m regex101 import <regex101-url> <format-name> [<regex-name>]
```
来建立一个配置文件，文件生成在~/.lnav/formats/installed/ 目录

我的正则表达式这么写的，
```
\[(?P<filename>.*)?\].*\[(?P<level>.*)?\].*\[(?P<timestamp>.*)?\](?P<body>.*)$
```
就是4个变量，匹配文件名、级别、时间、内容

再运行一次
`
lnav gateway.log `
发现一个错误，timestamp不支持
输出提示，配置timestamp-format就可以搞定，搜索了一下他的其他格式，
因为我使用的，[02-19|00:00:05.050] 是和标准的不一样，搞定他：
```
        "timestamp-format": [
            "%m-%d|%H:%M:%S.%L",
            "%m-%d|%H:%M:%S,%L"
        ],
```

依然没有高亮，
发现可能是level的单词问题，
加入一个段来专门设置这个：
```
        "level": {
            "error": "EROR",
            "warning": "WARN",
            "debug": "DEBUG",
            "info": "INFO"
        },
```
好了，再来

后面两个设置是直接修改的，你倒入的~/.lnav/formats/installed/的文件

现在lnav的高亮，按e跳到error就都支持起来了。
Tutorial Git #2 Bagaimana cara mengupload project dengan memiliki 2 akun Github yang berbeda
Tags: git, github, webdev, beginners
Published: 2023-02-26 05:09:54

Pada tutorial kali ini mimin langsung aja kasih bagaimana cara kita upload project ke github dengan memiliki 2 akun github yang berbeda. Dimana jika langkah ini tidak di lakukan akan gagal pada saat uploading, karena keterbatasan hak akses.
Langsung saja anda dapat menjalankan perintah di bawah ini di Command Prommpt / CMD / Terminal anda bisa dengan gitbash maupun tidak.

```
git config --global credential.useHttpPath true
```

Untuk melihat apakah setingan tersebut sudah terbuat maka anda bisa mengecek nya dengan menjalankan perintah di bawah ini.

```
git config --global -e
```
Tunggu hingga code editor anda dijalankan dengan menampilan setingan yang anda buat tadi.

Jika ada bagian yang membuat anda bingung silahkan tanya di kolom komentar.

Oke sekian tutorial Git kali ini, jika ada kesalahan baik kata maupun informasi mimin sampaikan pada artikel ini, mimin minta maaf. Salam titik koma (;).

Support Me :

[![Trakteer](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/gt7j2h08ve3987qhkf08.png)](https://trakteer.id/yudhasdev/link)

[![Saweria](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/sx7lzyl946962g7hd2sm.png)](https://saweria.co/yudhasDev)
Tutorial Xampp #2 Solve Error in xampp-control.ini
Tags: xampp, webdev, programming, tutorial
Published: 2023-02-26 04:50:37

Apakah anda mengalami hal ini ketika ingin keluar atau menutup Xampp anda?

![error1](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/27r3w014qalpyhu12pji.png)

Setelah itu muncul error seperti ini yang membuat anda sulit menutup error ini.

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

Pada tutorial kali ini mimin akan memberikan cara bagaimana agar eror tersebut tidak keluar setiap anda menutup Xampp anda.

## Buka Direktori Penyimpanan File Xampp
Anda dapat langsung membuka folder direktori tempat menyimpan semua resource xampp anda.

Jika mimin di sini direktorinya adalah **C:/xampp**.
Kemudian cari file dengan nama **xampp-control.ini**.

![xampp1](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/7gt2hfm6y9fr473dhcmn.png)

Kemudian klik kanan pada file tersebut lalu pilih properties.

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

Kemudian klik bagian **Security > Pilih Everyone > klik Edit**.

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

Kemudian pada security yang dipilih tadi, lalu untuk pilihan allow bisa anda checklist semua, agar user PC anda bisa memiliki hak akses untuk menjalankan semua perintah pada saat menjalankan aplikasi Xampp.

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

Kemudian Klik oke semua untuk menutup setingan yang telah anda buka. Untuk mengecek apakah benar-benar berhasil anda dapat melakukan checking dengan cara menjalankan Xampp anda lalu menutup nya kembali dengan memilih tombol Quit pada panel control dari XAMPP anda.

Jika ada bagian yang membuat anda bingung silahkan tanya di kolom komentar.

Oke sekian tutorial Xampp kali ini, jika ada kesalahan baik kata maupun informasi mimin sampaikan pada artikel ini, mimin minta maaf. Salam titik koma (;).


Support Me :

[![Trakteer](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/gt7j2h08ve3987qhkf08.png)](https://trakteer.id/yudhasdev/link)

[![Saweria](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/sx7lzyl946962g7hd2sm.png)](https://saweria.co/yudhasDev)