teleren/devto huggingface dataset:
Can we promote personal articles here?
Tags: blog, javascript, webdev, help
Published: 2022-02-01 05:56:26

I've recently started my own blog [readosapien](readosapien.com) with many intentions such as monetizing, self-brand, etc. It's a tech niche blog where we write about programming articles (js, caching, etc), startup news, interview tips and gadgets.

I've recently written some articles that could help fellow developers on this platform.

Just wanted to check if it is possible to add introduction of my article and attach the complete article link it?

Any help on this would be appreciated!
Open In-line video in fullscreen
Tags: ionic, angular, iphone
Published: 2022-02-01 05:55:24

Its been a long time i have written my posts, so got some free time to publish some articles which are usefull for the people who are implementing In-line video and make it fullscreen in Ionic.

In the **Config.xml** we need to Add this Block of code to Make it full screen

`<preference name="AllowInlineMediaPlayback" value="true" />`

Which Triggers the Native app to play in Inline. while coming to the HTML5 there is a intresting fact that was stated in [Apple Developer Site](https://developer.apple.com/library/archive/documentation/AudioVideo/Conceptual/Using_HTML5_Audio_Video/Device-SpecificConsiderations/Device-SpecificConsiderations.html)

> on iPhone and iPod touch, which are small screen devices, Video is NOT presented within the Web Page
Computer Networking 
Tags: networking, communication, ipaddress, protocols
Published: 2022-02-01 05:54:26

Today let's discuss about **networking** which is still essential for any technology we learn.

## What is Computer Networking ?
We all know Computer Networking is all about creating communication between computers to share resources.

Let's see what google definition of computer networking is 

> A computer network is a set of computers sharing resources located on or provided by network nodes.

So here network nodes means computers, switches, routers etc..
Let's see what are switches and routers in soon.

## How Networking is possible ?
So to get our network establish, we have to make sure of having some steps

1. Connection between computers (using wired/wireless).
2. Unique IP Address to computers.
3. Same Network Address for basic communication (we can also have different network addresses but we have to use router to communicate, let's see that in future posts).

- We all know about creating connection between two computers using WIFI / Ethernet Lan


- So Let's see about IP Address
- So IP address is used to uniquely identify the computer in a 
  network. For example we can imagine our phone numbers as IP 
  addresses which are unique.
- What is IP address format?
  Actually an IP address is any positive integer having 4 bytes of 
  size.
- So for example 100 is an valid IP address and 212021241 is also 
  an valid IP address.
- But In real life we won't see IP addresses as 212021241 and 100
  because we use some format which is easy to remember our IP 
  addresses.
- So let's see how 212021241 is formatted into an IP address 
  format.
  convert 212021241 into 32 bit binary number 
  00001100101000110010111111111001
  Here is the binary representation.
- Let's make it four parts
  00001100
  10100011
  00101111
  11111001
- Convert each part into decimal
  00001100 -> 12
  10100011 -> 163
  00101111 -> 47
  11111001 -> 249
  
- so we will use 12.163.47.249 instead of 212021241 this large 
  number.
- so what is the proof right ?
  open your chrome browser and type http://212021241 in search bar

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/nmr571oflj8d2zn5tfgc.png)
  it will automatically converts that into http://12.163.47.249


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

So Let's see about Network Address in next post...
Get Web Development Resources for Free
Tags: webdev, resource, beginners, 100daysofcode
Published: 2022-02-01 05:34:26


Me and my developer friend [@Rohan](https://dev.to/rohankiratsata) created web development resources for developers community.

![Web Development Resources](https://cdn.hashnode.com/res/hashnode/image/upload/v1643694924014/BZsU8zTNl.png?auto=compress,format&format=webp)

You can checkout these resources : [Click Here](https://web-dev-resources.notion.site/Web-Development-Resources-be1207bcc32e434481c1ce6e90756964)

➡️ Before thinking anything, just open the above link...
We have compiled the  web development resources. Check the link and dive into it.

✅ We strongly recommend you to learn web development using these resources.

🌟 Now, You don't have to wander or surf to learn web development. All the efficient links are attached together. You are just a click away.

🌈 Everything added in the given link is more than enough to excel web development. 

🔥 We have worked very hard for this compilation and this outlines our experience in the field.

‼️ These resources are designed by two geeks. (We are web developers and currently working on freelancing . We have experience in web development for 1.5+ years)

⬇️ Checkout our websites and skills
[@Abhi_Dadhaniya](http://web-developer-abhi.herokuapp.com/)
[@RohanKiratsata](https://rohan-kiratsata.github.io/)

If you found these resources helpful consider following us.  
Also don't forgot to check out [@Rohan](https://dev.to/rohankiratsata)

Support me by buying me a Coffee!

[![coffee](https://res.cloudinary.com/practicaldev/image/fetch/s--f71uWaIT--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/slwwqwttlfdxz17r2i4k.png)](https://www.buymeacoffee.com/AbhiDadhaniya07)
Create a Signature Component in a Blazor WebAssembly App
Tags: blazor, webdev, dotnet, csharp
Published: 2022-02-01 05:30:58

Learn how to create a [Signature component](https://www.syncfusion.com/blazor-components/blazor-signature) in a Blazor WebAssembly app easily. This video also explains how to change the background color, stroke color and stroke width in the Signature component.

Product Overview: https://www.syncfusion.com/blazor-components/blazor-signature

Example project: https://github.com/SyncfusionExamples... 

Explore tutorial videos: https://bit.ly/3fAz0Ch

{% youtube dBXwBVhmjTg %}
🐳<docker, mysql, rails> error: 'Plugin caching_sha2_password could not be loaded' when run 'db:create'
Tags: docker, mysql, rails
Published: 2022-02-01 05:29:59

---
title: 🐳<docker, mysql, rails> error: 'Plugin caching_sha2_password could not be loaded' when run 'db:create'
tags: docker, mysql, rails
published: true
---

## 🤔 Problem
error: 'Plugin caching_sha2_password could not be loaded'

## 😆 Solution
change the IDENTIFIED to mysql_native_password

## 👌Procedure
### 1. 
```sh
$ docker cp hoge.sql [cotaier-id]:/hoge.sql
```

### 2. Login to Docker
```shell
$ docker ps
$ docker exec -it [container-id] /bin/bash
```

### 3. Login to MySQL
```shell
$ mysql -u root -p
```

### 4. check and alter the root user ones.
Assume that the password is 'password'.

```shell
mysql> SELECT user, host, plugin FROM mysql.user;
+------------------+-----------+-----------------------+
| user             | host      | plugin                |
+------------------+-----------+-----------------------+
| root             | %         | caching_sha2_password |
| mysql.infoschema | localhost | caching_sha2_password |
| mysql.session    | localhost | caching_sha2_password |
| mysql.sys        | localhost | caching_sha2_password |
| root             | localhost | caching_sha2_password |
+------------------+-----------+-----------------------+
5 rows in set (0.00 sec)

mysql> alter user 'root'@'localhost' IDENTIFIED WITH mysql_native_password BY 'password';
Query OK, 0 rows affected (0.00 sec)

mysql> alter user 'root'@'%' IDENTIFIED WITH mysql_native_password BY 'password';
Query OK, 0 rows affected (0.00 sec)

mysql> SELECT user, host, plugin FROM mysql.user;
+------------------+-----------+-----------------------+
| user             | host      | plugin                |
+------------------+-----------+-----------------------+
| root             | %         | mysql_native_password |
| mysql.infoschema | localhost | caching_sha2_password |
| mysql.session    | localhost | caching_sha2_password |
| mysql.sys        | localhost | caching_sha2_password |
| root             | localhost | mysql_native_password |
+------------------+-----------+-----------------------+
5 rows in set (0.00 sec)
```

---

## Parent Note
{% link n350071/my-docker-note-3d0m %}
O Primeiro passo é apreender a aprender!
Tags: newdev, aprendendo, beginners
Published: 2022-02-01 04:47:54

Faz alguns dias que estou pensando, ok quero virar programador, eu sempre fui no máximo o cara que formata um PC, já tenho 32 anos e atualmente trabalho com consultoria para bares & Restaurantes.

Por incrível que pareça sou formado em Cinema, durante minha formação sempre trabalhei em bares pra levantar uma grana extra, acabei tendo alguns trabalhos em produtoras e com áudio e vídeo.

Mas nunca consegui me fixar até por precisar de um dinheiro imediato para sobreviver acabei voltando a trabalhar na noite, em bares e restaurantes.

Desenvolvi muita Soft Skill, acabei me tornando chefe de bar, gerente operacional, sempre criei sistemas e fluxos de trabalho para ter padronização.

Sempre me preocupei em formar um time com funções definidas, rotinas bem escritas em processos claros que traziam benefícios mútuos. 

Nesse processo, fui reconhecido por outros proprietários e acabei implementando minha forma de trabalhar em outros locais, fui chamado para abrir restaurantes e colocar as coisas no eixo. 

Porém algo ainda no ramo de Bares & Restaurantes não ressoa com minha pessoa talvez por um certo desanimo e uma falta de dinamismo decidi procurar novos ares, claro que pensei ao escolher programação por certas questões: a possibilidade de ser Home Oficce, disponibilidade geografia, e a chance de escolher outro país para trabalhar.

Estou iniciando minha jornada, mas 32 anos me ensinaram algumas coisas: 

> A vida te entrega o conhecimento que você deseja desde que sacrifique o seu tempo sobre seu altar.

**Não estou com pressa, mas estou com vontade**

Eu estou lendo sobre apreender a aprender, como criar uma rotina de estudos e escrever sobre minha jornada e sobre oque estou apreendendo faz parte do processo de apreender.

To construindo um caminho.

peguei o Post manjado ai por vocês do **ROADMAP DEV** e junto do **Universidade Brasileira Livre** estou traçando meus caminhos e rotinas de estudo, peguei um curso também da coder Algoritmo e Lógica de Programação do Absoluto ZERO, separei alguns vídeos. 

No momento não sei escrever uma linha de código,

> o momento é um período muito curto de tempo.

Se vemos por ai.
How to Uninstall Java on Mac?
Tags: java, osx
Published: 2022-02-01 04:31:28

Hello everyone,

There are two methods to uninstall Java on your Mac and they are as follows:-

##Method 1:-

* Click on the Finder App.[Bottom left of your Mac]
* Navigate to Applications Folder and type JavaAppletPlugin.plugin in the search bar.
* Finally, move the plug-in to the Bin and empty the Bin.

Then, check whether the Java software was successfully uninstalled by typing the following command in the Terminal:-
```python
java -version
```
It should prompt you to install Java if the software was successfully uninstalled.

##Method 2:-
Consider if you are unable to find the plugin by entering JavaAppletPlugin.plugin in the search bar [Application Folder], then follow the below steps to remove the concrete version of the Java file [Ex: JDK file]:-

* Check what Java versions are available by entering the following command in the Terminal: 
```python
ls /Library/Java/JavaVirtualMachines/
```
* Remove the corresponding folder with that version:
```python
sudo rm -fr /Library/Java/JavaVirtualMachines/jdk-9.0.1.jdk
```
[Ex: In the above statement I am uninstalling Java 9]

Then, check whether the Java software was successfully uninstalled by typing the following command in the Terminal:-
```python
java -version
```
It should prompt you to install Java if the software was successfully uninstalled.

Done...
Calculate Age from Date of Birth with Birthday alert 🎂
Tags: javascript, programming, sh20raj, tutorial
Published: 2022-02-01 03:54:29

### See the below single page app - [GitHub gist](https://gist.github.com/SH20RAJ/6418bfde2f5db0b1cb0fb493e26decbc)

- See Demo :- https://agecalculator-2022.blogspot.com/

{% youtube https://youtu.be/72av7zSNvOg%}
---

{% codepen https://codepen.io/SH20RAJ/pen/GROozBN %}

---

```html
<html>
<head>
<script>

function ageCalculator() {
    //collect input from HTML form and convert into date format
    var userinput = document.getElementById("DOB").value;
    var dob = new Date(userinput);
    
    //check user provide input or not
    if(userinput==null || userinput==''){
      document.getElementById("message").innerHTML = "**Choose a date please!";  
      return false; 
    } 
    
    //execute if user entered a date 
    else {
    //extract and collect only date from date-time string
    var mdate = userinput.toString();
    var dobYear = parseInt(mdate.substring(0,4), 10);
    var dobMonth = parseInt(mdate.substring(5,7), 10);
    var dobDate = parseInt(mdate.substring(8,10), 10);
    
    //get the current date from system
    var today = new Date();
    //date string after broking
    var birthday = new Date(dobYear, dobMonth-1, dobDate);
    
    //calculate the difference of dates
    var diffInMillisecond = today.valueOf() - birthday.valueOf();

    //convert the difference in milliseconds and store in day and year variable        
    var year_age = Math.floor(diffInMillisecond / 31536000000);
    var day_age = Math.floor((diffInMillisecond % 31536000000) / 86400000);

    //when birth date and month is same as today's date      
    if ((today.getMonth() == birthday.getMonth()) && (today.getDate() == birthday.getDate())) {
            alert("Happy Birthday!");
        }
        
     var month_age = Math.floor(day_age/30);        
     day_age = day_age % 30;
        
     var tMnt= (month_age + (year_age*12));
     var tDays =(tMnt*30) + day_age;
     
    //DOB is greater than today?s date, generate an error: Invalid date  
     if (dob>today) {
        document.getElementById("result").innerHTML = ("Invalid date input - Please try again!");
      }
      else {
        document.getElementById("result").innerHTML = year_age + " years " + month_age + " months " + day_age + " days"
      }
   }
}
</script>
</head>
<body>
<center>
<h2 style="color: #008CBA" align="center"> Calculate Age from Date of Birth <br> <br> </h2> 

<b> Enter Date of Birth: <input type=date id = DOB>  </b>
<span id = "message" style="color:red"> </span> <br><br>  
<button type="submit" onclick = "ageCalculator()"> Calculate age </button> <br><br>
<h3 style="color:#008CBA" id="result" align="center"></h3> 
</center>
</body>
</html>
```

---


> Checkout Instagram :-
> {% instagram CYKELXKPJ_r %}
A Prospective Backend Developer
Tags: career, webdev
Published: 2022-02-01 03:26:00

I've been curious and interested about what is happening behind the screen I see every time when I read local news, watch youtube and practice coding, etc. A curiosity such as a video shows up on my screen when I click the play button and typing my ID and password allows me to access to my online bank account and purchase some stuff on amazon.


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


Just by drawing a visual process in my head, I can kind of understand conceptually how it's working (_like whatever your typing will be evaluated for a match from a "somewhere far away" database and then it will validate your credential and gives you a "I know who you are" confirmation._) but..really, how does that "actually" works? 


Finally, today is the Day 1 at Flatiron School for software engineering and I know I am going to be submerged with tremendous amount of web developing and coding knowledges but I am actually super excited and ready for a challenge that will lead me to break my "back..and?" (high level rhyme joke) curiosity.


**Reference**

**What is a backend developer?**
https://www.codecademy.com/resources/blog/what-does-a-back-end-developer-do/

**Image1**
https://codeworkshop.dev/blog/2020-12-23-what-is-the-difference-between-backend-and-frontend-developers/
Array Index != Array Min/Max Value
Tags: javascript, coding, newbie, beginners
Published: 2022-02-01 03:08:55

In this coding journey, I've severely underestimated how much utility goes into using an array. If you take a peek at some coding interview questions, you'll see lots of array stuff too!

**[Edabit](https://edabit.com/challenges)** gave me the challenge of "Finding the Smallest and Biggest Numbers" within an array of numbers.

When I first took it to task, I made the mistake of confusing that for the index (i.e. the placement order of the numbers). I mean, it made sense to me since the example arrays where in numerical order.

Why wouldn't arr[0] always be the smallest number?

Mild spoilers: you'll need to learn Math.min and Math.max.

TL;DR placement is placement. Value is value. Placement != value.
Tutorial para crear api rest con node / express y typescript. Instalaciones (Parte 1)
Tags: node, typescript, express, javascript
Published: 2022-02-01 03:06:54

En internet, se encuentran diferentes formas de crear un proyecto de node con typescript y es que las posibilidades de estructurar e implementar librerias son demasidas. Nos podemos encontrar con proyectos que usan nodemon, otros usaran ts-node-dev entre otros recursos.

A continuacion dejare los pasos para crear un proyecto en node con express y haciendo uso de typescript.

1. Creamos la carpeta en donde queremos guardar nuestro proyecto:
`mkdir nodeExpressApi` luego nos ubicamos dentro de esa carpeta para ejecutar ahi los siguiente comandos.
2. Inicializamos el proyecto con los siguientes dos comandos:
`npm init -y; npx tsc --init` con npm init -y estamos diciendo que cree el package.json y con el tsc --init que se cree el tsconfig necesario para almacenar todas las configuraciones de typescript.
3. instalamos ahora las dependencias de desarrollo `npm i -D typescript ts-node-dev @types/express @types/node`
4. Ahora realizamos las instalaciones de los paquete necesarios para desplegar nuestra aplicaciones `npm i express dotenv cors`
5. Configuracion del arhicvo tsconfig rootDir y outDir
6. Modificacion del package.json para iniciar la aplicacion con un comando, por ejemplo npm run dev `"dev": "ts-node-dev --respawn --transpile-only src/app.ts"`


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/tegpcdon1b56cz6a8aqb.png)
Use AI to understand the code on GitHub, StackOverflow, and docs sites.
Tags: productivity, programming, codenewbie, help
Published: 2022-02-01 02:14:22

**_Powered by OpenAI, ExplainDev is a browser extension that explains the code you see on GitHub and elsewhere on your browser._**

As a developer, you are constantly researching and reading code on your browser - especially when you’re learning a new language. ExplainDev is a developer tool that helps you to quickly understand the code that you’re reading, right when and where you find it.

ExplainDev is a browser extension that appends an Explain button to code on GitHub, StackOverflow, and documentation websites to explain what the code is doing in plain english.

![ExplainDev working on MySql website](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/mum4dtsdtfbo5ckbhri5.png)

Explanations are generated by OpenAI Codex, the same AI system powering GitHub Copilot. Trained on billions of lines of public code, the advanced AI is capable of explaining Python, C++, JavaScript, TypeScript, Rust, Ruby, PHP, HTML, JSON, Bash, and many more languages.


By just clicking on the Explain button that’s added to the code you're browsing, you'll get an explanation of what that code does. If there’s a certain part of the code that’s confusing, you can also highlight what you want to understand, and click the Explain Selection button.


![ExplainDev working on MongoDB where code was selected](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/7ykm5hi7i8uboo1su01w.png)

ExplainDev helps you to understand code quickly so you can get back to your work, and apply what you’ve learned.

ExplainDev is in Private Beta. If you are interested in trying this new technology, you can get access on the website: [https://explain.dev/](https://explain.dev/).
Day 520 : Thrive, Despite
Tags: hiphop, code, coding, lifelongdev
Published: 2022-02-01 01:47:58

_liner notes_:
- Saturday : Work up early to finish putting together the radio show. Got it done, got ready and left to go to the station. Got to the station earlier than last week, but where I normally park was full again. I was able to find another spot quickly though. Hung out in the van for a little while and did some coding. Then it was time to head to the building. I called campus security to let me in and open the station's podcast room so we could do the show. It was a good thing because all the other meeting rooms look like they were occupied. Had a great time doing the show. When we were done, I stayed after to get the show uploaded. Then I went to the van, drove to my spot and went to sleep. The recording of this week's show is at https://kNOwBETTERHIPHOP.com


![Radio show episode image of DJ Dolo76's album cover for Escobarian Hippos of the game Hungry Hungry Hippos but the Hippos are eating from a pile of cocaine with the words Jan 29th 2022 Florida of the North](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/x1abg3r7hr6orza0ryn0.jpg)

- Sunday : Arrived at my spot to do https://untilit.works Had a good time and got quite a bit done. The time flew by. Watched a couple of anime episodes and went to sleep.

- Professional : Today was all about finishing up this demo application we've been working on for the past couple of weeks. We did a quick run through of the demo to see if there were any gaps. Basically spent the rest of the day working on some components and some UI stuff.

- Personal : Did some coding on my side project. Ran into some issues with a library that I normally use a CDN for but decided to install it. The thing was that it has a folder with some images, but I couldn't access them from the node_modules and when the project was built, it was looking for them in a place I didn't want to have to mess with the configurations. So what I did was just change one of the files in the library to look for where I was going to put the folder. It worked. It's not a library I plan on installing frequently. I've used it in other projects and never changed it. I hoping that since this is just on the front and that I build before deploying, the files should change. Hopefully. Otherwise, I'll have to come up with another plan.

![Evening photo of the Brooklyn Bridge, NY, United States with its lights on.](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/gvkj3credr81cj9wget7.jpg)

Pretty tired. All the figuring out stuff and coding for the project at work has me drained. haha I may do some light coding and then watch some anime and call it an early night. Got to thrive, despite being tired if I want to get stuff done.

Have a great night!

peace piece
Dwane / conshus
https://dwane.io / https://HIPHOPandCODE.com
{% youtube _ICckrbcic4 %}