teleren/devto huggingface dataset:
Get Japanese Emoticons(◍•ᴗ•◍)✂️ Copy and 📋 Paste
Tags: emoji, japanese
Published: 2021-03-16 08:28:46

Writing articles often requires vivid emojis.It took a long, long time to find this very powerful Japanese website called Kaomoji. 

The following are excerpts of emojis, mainly the ones I often use~ 

(◍•ᴗ•◍)❤
✩◝(◍⌣̎◍)◜✩
!(•̀ᴗ•́)و ̑̑
(ง ͡ʘ ͜ʖ ͡ʘ)ง
╭∩╮(-_-)╭∩╮
(ಥ⌣ಥ)
( ͡° ͜ʖ ͡°)
(。^_・)ノ
ᕙ༼◕_◕༽ᕤ
└(=^‥^=)┐
¯_༼ ಥ ‿ ಥ ༽_/¯
(′︿‵｡)
٩(ↀДↀ)۶
ʕ•͡-•ʔ
ʕʘ̅͜ʘ̅ʔ
(✖╭╮✖)
┌(˘⌣˘)ʃ
✺◟(∗❛ัᴗ❛ั∗)◞✺
(｡♥‿♥｡)
꒰⑅•ᴗ•⑅꒱
٩(ˊ〇ˋ*)و
(￣^￣)ゞ
(－‸ლ)
(╯°益°)╯彡┻━┻
(╮°-°)╮┳━━┳ ( ╯°□°)╯ ┻━━┻
┬─┬ノ( º _ ºノ)
(oT-T)尸
(ಠ_ಠ)

More Japanese Emoticons:

https://getkaomoji.com/

 ･ﾟﾟ･..･ﾟﾟ･  :* ･ﾟ(*pωq*) ･ﾟﾟ･..･ﾟﾟ･  :* ･ﾟ    
｡ﾟヽ(ﾟ´Д`)ﾉﾟ｡ﾔｯﾀｰﾝ♪   
 ﾔｯ━ヾ(*´∀)(∀`*)ﾉﾞ━ｯﾀ!!
#showDev my personal portfolio 💗 with love and feat. #threeJS #GLSLshaders
Tags: news, wordpress, javascript, showdev
Published: 2021-03-16 08:22:20

Hi everyone,
I need your feedback about my first personal website: https://lucalodi.xyz

Under the hood it’s a simple wordpress + Timber.
I’ve coded the theme and the GLSL shaders from scratch.

###WHY A PERSONAL PORTFOLIO
It’s important for me to showcase what I care more about: the aesthetic, motion and interaction with the visual.

When someone ask me about my job, I define myself a “creative web developer” but it’s quite hard to explain the creative part of a job that it’s about typing in front of a black screen 🤣

I really love the GLSL section because you can see clearly what kind of visuals just simple math functions can do ❤️

P.S.: I replicated the old concept of “the guestbook” from every 90s websites, if you want to leave a message. (🥲 miss those wild days.)

Thanks in advance to everyone for spending time reading this post.
I would love to hear from you what do you think and what can be improved.
Why I Got Rid of getInitialProps in My Next.js Project
Tags: nextjs, ssr, ssg, javascript
Published: 2021-03-16 08:21:57

Let’s start with a small explanation of how Next.js works with `getInitialProps`.
In Next.js, `getInitialProps` enables server-side rendering and can't be statically optimized. It runs every time we open a page. If a page is requested directly by a URL, it runs on the server. On the other hand, if we open a page through a link or UI element that uses `next/link` or `next/router`, it runs on the client.


## Is getInitialProps That Bad?
### It renders a page on the server-side
Sometimes we need to render static pages with data from the server. `getInitialProps` is the worst method for that. In this case, you lose static optimization. You had your static HTML page. Now you have a server-side rendered page. It’s not bad when you need to update pages dynamically for different users, but it’s much worse when it’s just a page with data that could be updated sometimes. You could have your server send static HTML with no processing and no additional time.

[Read More](https://betterprogramming.pub/why-i-got-rid-of-getinitialprops-in-my-next-js-project-fc926e98ed61)
NET5: Record Type - Deconstruct
Tags: net5, recordtype, deconstruct, andreacarratta
Published: 2021-03-16 07:53:00

⚠️ NET5: Record Type - Deconstruct

❓ Sai utilizzare i Deconstruct offerti dai Record Type in NET5 ?

Questo non e ' il primo articolo che scrivo a tema Record Type introdotti da NET5.

👀 Guarda bene l' argomento!Questa volta parlo di Deconstruct

La prima volta che ho provato ad utilizzarlo mi sono detto : figo, ma esattamente perche ' dovrei?

❓ Voi l' avete gia ' sperimentato?

E se si, posso chiedervi in quale contesto con annessi vantaggi e svantaggi?

🔗 [Ecco il link con spiegazione ed esempio pratico](https://links.devandreacarratta.it/3OUa)

#net5 #recordtype #deconstruct #andreacarratta
Should you include your photo on your resume?
Tags: resume, webdev
Published: 2021-03-16 07:52:23

One of the feature of my website https://www.logname.dev that I am building right now is that a user will have the ability to generate resume from multiple ready made template.

This means I need to build the resume template myself and now comes the question, should you include your photo in your resume? 

Personally I have never include my photo on my resume and a quick google would also suggest the same thing. 

Now, having being the interviewer myself and look at multiple resumes, I think the answer should be "it depends".

Just to be clear, when a resume contain a photo, I don't discriminate(although some people do) but as a human I do judge.

A resume with a good photo definitely is better than a resume without it.

BUT, a bad photo is worse than a resume without a photo.

So what is a bad photo? Well, the one that I keep seeing is a generic passport photo and in my opinion should be omitted. 

Although I don't use the photo to determine whether to hire a person or not, but I do think first impression goes a long way and you should reserve that until the interview itself. 

That is unless you are very good with camera!
Reading files with Java.
Tags: java, codenewbie, beginners, tutorial
Published: 2021-03-16 07:31:59

Reading and Writing from & to files are another important part of any programming language.
Without much history, lets learn how to Read files.

> Let's assume you want to read a file on your desktop named `test.txt` and your java program also is on your desktop.
`text.txt` has the following lines:
**"Hello World of Java"**
**"I am reading a file"**

```java
import java.io.*;

class ReadFile{
  public static void main(String[] args){
    File file = new File("text.txt");

    try(FileReader fr = new FileReader(file);
        BufferedReader br = new BufferedReader(fr);){
      
      String line;
      while((line = br.readLine()) != null){
        System.out.println(line);
      }
    }catch(IOException ioe){
      System.out.println(ioe.getMessage());
    }
  }
}
```
To run it in the terminal, type
```
// -> Java 10 and below
javac ReadFile.java
java ReadFile

// -> Java 11 and above (no need to compile it first)
java ReadFile.java 

// output
Hello World of Java
I am reading a file
```

Time to break it down a little.
```java
File file = new File("text.txt");

// The File class does not create a file, 
// It only holds the location/path of the file.
//eg: 
    File file = new File("path-to-file");
```

```java
String line;
while((line = br.readLine()) != null)
...

// can also be written as
String line = br.readLine();
while(line != null){
  System.out.println(line);
  line = br.readLine();  // reads the line again
}
```

```java
try(FileReader fr = new FileReader(file);
    BufferedReader br = new BufferedReader(fr);){
...
```
This `try(...){` closes the `FileReader` and `BufferedReader` automatically for us. Read more about **try-with-resource** in my other post;
> [Exception Handling with JDK 6 vs JDK 7 and above. ](https://dev.to/benjithorpe/exception-handling-with-jdk-6-vs-jdk-7-and-above-fm3)


Thanks for reading. Next up, we will learn how to write/create a file.
Please leave your comments and any questions you might have.
The only two values in JavaScript that is a === b, but operation using them give different results
Tags: javascript
Published: 2021-03-16 07:28:06

This is the quiz for today...

`a === b` gives `true`
yet if you use them for the same operation, they give different results.

What are they?

The answer is...

Scroll down to see it...

Or do you want more times to think about it.

It is not a trick question.

And the answer is

```js
const a = 0, b = -0;
 
console.log(a === b);   // gives true
```
but  `1 / a` and `1 / b` give different results. 
The first one is `Infinity`. The second one is `-Infinity`.
Importance of Online Internships
Tags: internships, freshers, training, onlinetraining
Published: 2021-03-16 07:27:45

Various <a href="https://www.fresherslabs.com">online courses for beginners</a> help freshers to upskill themselves with the latest trending technologies that let them stand out of the crowd. Having extra skills and experience which a fresher can easily gain by doing relevant online internships and online training for beginners will help them to get their desired job easily.
UI Dev Newsletter #48
Published: 2021-03-16 07:21:52

- [JavaScript: What is the meaning of this?](https://bit.ly/3qIC2cY)
Jake Archibald describes the meaning and context of the keyword 'this' in different situations.


- [A Single Trick to Speed Up Your JavaScript Development](https://bit.ly/3bMbMtW)
James Perkins shows how to use jsconfig.json to make it easier to develop complex javascript applications with many different folders by using absolute paths.


- [A Generative SVG Starter Kit](https://bit.ly/3vtH7JF)
George Francis provides all the tools you need to start creating your generative SVG art/design.


- [Best practices can slow your application down](https://bit.ly/3qLYkKL)
Roberta Arcoverde and Ryan Donovan share the insights of not using the best practices while building the StackOverflow site.


- [CSS defines functions to repeat gradients](https://bit.ly/3vpLV2F)
Stefan Judis summarizes the usage of repeating gradients in CSS.


- [5 super under-rated free tools/resources I use almost every day.](https://bit.ly/2NiLXZ4)
Gaurav shares the underrated tools and apps he uses every day as a frontend developer.


- [The CSS File Size and Count Report for Bundesliga sites](https://bit.ly/3vodE3T)
Ivan Smokrović shares insights on CSS file sizes from auditing Bundesliga sites.


- [On CSS sizes and performance budget](https://bit.ly/30MrSO6)
Ivan Smokrović and Silvestar Bistrović write about CSS sizes, performance budget, data usage, and costs in Bundesliga sites.



Happy coding!

[Subscribe to the newsletter here!](https://bit.ly/34155z3)
HTML spellcheck attribute
Tags: html
Published: 2021-03-16 07:16:19

Did you know HTML has a spellcheck attribute? It tells the browser if it should spellcheck an area or not.

It's as simple as adding the `spellcheck` attribute on an element.

It will look like this:

![HTML Spellcheck attribute](https://cdn.hashnode.com/res/hashnode/image/upload/v1615531240181/v4G1DaOAtN.gif)

## HTML Spellcheck attribute

For our example, we will use the [contenteditable element](https://daily-dev-tips.com/posts/did-you-know-html-elements-can-be-editable/), I'll make one with spellcheck and the other not.

```html
<p contenteditable="true" spellcheck="true">
  Did you knoww you can click me to edit my contentz?
</p>
<p contenteditable="true" spellcheck="false">
  Did you knoww you can click me to edit my contentz
</p>
```

As you can see, both paragraphs have the contenteditable tag, but one has the spellcheck true and one not.

This now allows us to have the native spellchecker on the top one.

> Note: Grammarly will still work on both!

You can have a play with the following Codepen to try it out.

{% codepen https://codepen.io/rebelchris/pen/bGBzNdb %}

## Browser support

The spellcheck attribute has good support. You can see partial support in some browsers, mainly depending on which tag you use the spellcheck attribute.

![HTML spellcheck browser support](https://caniuse.bitsofco.de/image/spellcheck-attribute.png)

### 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)
Ways to get a DATE 😉
Tags: webdev, javascript, tutorial, tips
Published: 2021-03-16 06:19:04

### ...in JAVASCRIPT 😂
_Save for later._


##<br/>1. Date.now()
```
Date.now()
```
> This method returns the number of milliseconds elapsed since Jan 1, 1970 00:00:00 UTC.

##<br/>2. getFullYear()
```
new Date().getFullYear()
```
> Get the year as a 4 digit number (yyyy).

##<br/>3. getMonth()
```
new Date().getMonth() + 1
```
> Get month as a number (0-11).

##<br/>4. getDay()
```
const day = new Date().getDay()
const days = ['Sun', 'Mon', 'Tue', 'Wed', 'Thurs', 'Fri', 'Sat']
console.log(days[day])
```
> Get weekday as a number (0-6).

##<br/>5. getDate() 💕😎
```
new Date().getDate()
```
> Get the day as a number (1-31).


<br/>Hope you find one soon! 😁
<br/><br/>P.S. Want the next post to be something specific? Do let me know in the comments.
<br/>🤘🏻
WSL suddenly got down.
Tags: wsl, docker
Published: 2021-03-16 06:57:10

I've run into troubles with WSL in 2 cases:

## Docker for Windows

Installing the Windows version of Docker Desktop today found that I can't run WSL.Running WSL just get

```
process exited with code 1
```

Finally I found that the problem is the fish shell I used as default shell was removed in unknown reason, so WSL cannnot open the shell. To solve that, just run     

```
wsl -e /bin/bash
```   

then reinstall the fish shell in the bash shell.Done.

## Networking problem

The [network seems to corrupt](https://github.com/microsoft/WSL/issues/5092), running WSL get    

```
process exited with code 4294967295
```
    
It's solved by runing the following command as administrator:

```
netsh winsock reset
```
rad, a privilege changer.
Tags: rust, linux, security
Published: 2021-03-16 06:45:43

Hello, I wanted to share with you my own privilege changer, rad. 

It works like a standard privilege changer (i.e `rad <COMMAND> [ARGS...]`) and is configured as following, using the TOML syntax:
```
[user]
# Allow all programs to be run
programs = "ALL" 
# Allow those programs to be run without asking for password.
no_password = ["poweroff", "reboot"] 
```

I do not recommend you to use it in production **yet**, because it could have security breaches.

You can find it [here](https://github.com/wafelack/rad) if you want to look at the code or just install it.

Thank you for reading, and have a nice day.
Evofisikinciel 
Tags: evofisikinciel
Published: 2021-03-16 06:35:46

İkinci El Eşya Ticaret Platformu

İkinci el al sat İstanbul
CANLI İkinci El Eşya Pazarı
https://www.evofisikinciel.com/pazar/firma/kadikoy-ikinci-el-esya
Today I learned about Flex Box and Floating elements
Tags: html, css, webdev
Published: 2021-03-16 06:17:22

Here's my HTML code.

```html
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Flex Box</title>
    <link rel="stylesheet" href="./style.css" />
  </head>
  <body>
    <div class="container">
      <div class="box box-one">A</div>
      <div class="box">B</div>
      <div class="box">C</div>
    </div>
  </body>
</html>
```

Here's my CSS code.
```css
body {
    margin: 10px;
}
.container {
    border: 3px solid lightpink;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    height: 90vh;


}
.box {
    flex-basis: 15rem;
    flex-grow: 1;
    flex-shrink: 1;
    flex: 1 1 15rem;
    width: 5rem;
    height: 5rem;
    background: lightsalmon;
    margin: 1rem;
}
.box-one {
    flex-basis: 5rem;
    align-self: center;
  
}
```

Here's the output
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/u5v2nf889bv18f56uqb7.jpg)
Http Subscription on RxJs : not to use complete as a finally substitute
Tags: rxjs, angular, promise, observable
Published: 2021-03-16 06:13:56

Coming from the `promise` land, I was never aware of how `.finally` was substituted when subscribed to an observable.

The easy way of how I was using was to add it on `complete` the third `param` of `subscribe`

***BUT*** whenever an error occurs on the `http` request the `subscribe` never calls the complete method 

You can find more info [here](https://stackoverflow.com/questions/33783967/rxjs-observable-doesnt-complete-when-an-error-occurs) and [here](https://github.com/angular/angular/issues/7865)

To use finally like we do when dealing with `Promises`, we can use `finalize` [operator](https://www.learnrxjs.io/learn-rxjs/operators/utility/finalize) and pipe it through the `observable$` like this 
```typescript
this.someService.fetchDataFromApi()
  .pipe(
    finalize(() => {
      this.isBusy = false;
    }).subscribe(()=>{
     // next
    }, () => {
     // error
    }, () => {
     // complete
    });
```

I did have a look of another easier method - to add a function at the end of `subscription` by using `.add()` but it is actually used to add a teardown method on the `subscription` or add more subscription/child to your existing `subscription`. So the better way would be to use `finalize` as illustrated on the code above.

If you find other ways then please do share it :)
10 Best Online Courses to Learn Data Structures and Algorithms in 2021
Tags: datascience, machinelearning, programming, python
Published: 2021-03-16 06:08:40

Are you looking for Best Online Courses to Learn Data Structures and Algorithms? If yes, then this article will definitely help you and provide the **best online courses to learn data structures and algorithms.** So give your few minutes and find out the best data structure and algorithms course.

Data Structure and algorithms teach you a way to be a better programmer and a way to think better. DSA plays an important role to solve real-world problems.

Data Structure and algorithms are essential for **handling machine learning tasks.** Suppose you are creating a machine learning application that has a dataset with the address as one of its columns. And if you want to retrieve a portion of this data, suppose the street name, then the machine learning cannot work on the string directly. 

You would need the help of Data structure and algorithms by implementing an algorithm based on a string to retrieve the required data.

Nowadays **more and more data is getting stored and processed** and the processing time of the systems can slow down. But data structure and algorithms help by **improving the processing power** of the systems due to the effective utilization of the stored data.

So, In a nutshell, data structure and algorithms are the roots or the foundation of computer science. I hope now you understood the importance of data structure and algorithms.

Now without any further ado, let’s start finding the best online courses to learn data structures and algorithms-
**[Click to continue reading...](https://www.mltut.com/best-online-courses-to-learn-data-structures-and-algorithms/#1-data-structures-and-algorithms-specialization-uc-san-diego)**
String in C Programming
Tags: c, programming, tutorial, beginners
Published: 2021-03-16 05:49:00

In this tutorial, we will study what is a [string in c programming](https://usemynotes.com/what-is-a-string-in-c-programming/), what was the type of declaring and initializing method of string, and the get() and puts() function with the help of examples. So let’s go start.

## String in C Programming
There is no data type available to create strings in C programming. If we have to create a string, then we have to create a char array, hence the character array in C language is also called a string. And the strings in it terminate with a null character ().

In C language we can declare and initialize with strings two types.

### First:-
In this, we create an array of finite numbers and store one-one character of a string in its all index. It stores the null character () in its last index. It is necessary to do this.
```
char myArray[4] = {‘A’, ‘ L’, ‘I’, ‘M’, ‘A’, ‘M’};
```

### Second:-
In this, we create one undefined char array and assign it one string and Array automatically becomes the same size as the string size. With this method, the null character () is automatically added to the initialization.
```
char myArray[] = “ALIMAM”;
```

### Example:-
```
#include<stdio.h>
int main()
{
  /* Declaring string in array format */
  char myArrayF[5] = {‘A’, ‘ L’, ‘I’, ‘M’, ‘A’, ‘M’};

  /* Declaring string in simple format */
  char myArrayS[] = “ALIMAM”;

  printf(“First Way: %sn”,myArrayF);
  printf(“Second Way: %s”, myArrayS);

return 0;
}
```

### Output
```
First Way: ALIMAM
Second Way: ALIMAM
```

## gets() and puts() Functions

### gets() function:-
The get () function is used to read from the string user at run time. This function is defined for this purpose. In this, we pass the name of the array in which we want to store the string.
```
gets(char_Array_Name);
```
On passing the string, it is stored in the char array. If the array is to be made a string point, the loop will have to be used.

### puts() function provide:-
The puts () function is used to print the Char array as a complete string.
```
puts(char_Array_Name);
```

### Example
```
#include<stdio.h>
#include <stdio.h>
int main()
{
char answer[50];
printf(“Who is the founder of Use My Notes?”);

/* Taking string input at run time using gets() function */
gets(answer);
printf(“\n Answer is : “);

/* Printing string to the screen using puts() function */
puts(answer);

return 0;
}
```
### Output:-
```
Who is the founder of Use My Notes?
Alimam Miya (input)
Answer is: Alimam Miya
```
Originally posted on - [String in C Programming](https://alimammiya.hashnode.dev/string-in-c-programming)
How Create Folder on Desktop in ASP.NET ?
Published: 2021-03-16 05:47:52

Introduction
Today, I am also demonstrating another example, how to create folder on Desktop in C# in WPF (C#) application. Earlier, I have already written on How to write in Text file on desktop in vb.net. When we are interacting C# application and we want to create a folder on desktop then this article will help you.
Create Folder on Desktop
Get Desktop Path
Here I am collecting desktop folder through method “Environment.SpecialFolder.DesktopDirectory”
1
2
string strDestopPath = System.Environment.GetFolderPath(Environment.SpecialFolder.DesktopDirectory);
Following Namespace Used
1
2
using System.IO;
Create Folder Button

Validate Folder is created on Desktop or Not
If folder is not created on desktop then it will create otherwise it will skip to create a new folder on Desktop.
1
2
if (!System.IO.Directory.Exists(strDestopPath))
Create Folder on Desktop
DirectoryInfo object is used to create folder on desktop.
1
2
DirectoryInfo di = System.IO.Directory.CreateDirectory(strDestopPath);

 
Desktop view
Desktop view
C# WPF Code Snippet:
private void button1_Click(object sender, RoutedEventArgs e)
{
         string strDestopPath =  System.Environment.GetFolderPath(Environment.SpecialFolder.DesktopDirectory);
         strDestopPath += "\\Downloads";
         if (!System.IO.Directory.Exists(strDestopPath))
         {
             DirectoryInfo di = System.IO.Directory.CreateDirectory(strDestopPath);
             MessageBox.Show("Successfully Created");
         }
         else
         {
             MessageBox.Show("Already Created!");
         }
         strDestopPath += "\\New Download";
         if (!System.IO.Directory.Exists(strDestopPath))
         {
             DirectoryInfo di = System.IO.Directory.CreateDirectory(strDestopPath);
         }
}
private void button1_Click(object sender, RoutedEventArgs e)
{
         string strDestopPath =  System.Environment.GetFolderPath(Environment.SpecialFolder.DesktopDirectory);
         strDestopPath += "\\Downloads";
         if (!System.IO.Directory.Exists(strDestopPath))
         {
             DirectoryInfo di = System.IO.Directory.CreateDirectory(strDestopPath);
             MessageBox.Show("Successfully Created");
         }
         else
         {
             MessageBox.Show("Already Created!");
         }
         strDestopPath += "\\New Download";
         if (!System.IO.Directory.Exists(strDestopPath))
         {
             DirectoryInfo di = System.IO.Directory.CreateDirectory(strDestopPath);
         }
}


New Download Created

Summary
This program helps us to create folder on desktop whenever required in our Windows/Desktop Application. This example runs successfully in Windows Application (normal), WPF, Win Forms etc.

visit our site-https://www.technologycrowds.com/2011/04/create-folder-on-desktop-in-aspnet.html
Would you like to stop the article "Loved Python, Disliked Perl" from spreading all over the world?
Tags: perl, python
Published: 2021-03-16 04:30:14

Would you like to stop the article "Loved Python, Disliked Perl" from spreading all over the world?

I often see this type of article in Japan.

In my intuition, I feel that Silicon Valley and Seattle tastes are spread all over the world.