teleren/devto huggingface dataset:
Temporary Chat Project
Tags: javascript, webdev, opensource
Published: 2022-09-16 13:59:35


**An usefull NodeJS application without any extra libraries**

Poketab is an open source project that uses websocket connections for text messaging and other medadata. For media and files it uses its internal filesystem. After users get the media file, the file on the server gets deleted immediately. So you don’t need to worry about your privacy. The files also cannot be accessed from outside. Only the users on the chat can get the files.


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

Use and contribute. 


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/smb3e44rnxyiiy284vat.png)
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/mghyc7e5p3jjzbgri6k1.png)
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/5llym36z6j93ni9bracm.png)
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/syvwkfvzqee8z8werkps.png)
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/jaqq3nv49a7z38z9gfib.png)
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/b9o9h3lovpmr2z7fd8y8.png)
Debug request on ionic portal using Safari (IOS)
Tags: ionic, ios, webdev, mobile
Published: 2022-09-16 13:40:53


This tutorial is majorly for developers having issue debugging request on [ionic portals](https://ionic.io/portals).In other to  inspect request made on portal through your native IOS device .

**Step 1:**
One Safari click preferences 

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


**Step 2:**

While on preference click the advance tab

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

**Step 3:**

Click the checkbox  to enable developer menu.

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

Once developer menu has been enable you should have this below

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

To inspect in portal view, make sure Safari is opened .As soon as you open the portal page on your IOS device.Click on the safari, navigate to developer menu.Click simulation and click localhost.


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

Below shows ionic portal web app on the inspector mode .

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

_Thanks for reading._
Code Smell 163 - Collection in Name
Tags: javascript, webdev, beginners, programming
Published: 2022-09-16 13:32:52

*Have you ever seen a CustomerCollection?*

> TL;DR: Don't use 'collection' in your name. It is too abstract for concrete concepts.

# Problems

- Readability

- Abstraction Abuse 

- [Bad Naming](https://dev.to/mcsee/what-exactly-is-a-name-part-ii-rehab-20gd)

# Solutions

1. Rename the collection with a specific name.

# Context

Naming is very important.

We need to deal a lot with collections.

Collections are amazing since they don't need nulls to model the absence.

An empty collection is polymorphic with a full collection.

We avoid [nulls](https://dev.to/mcsee/null-the-billion-dollar-mistake-1h1c) and [IFs](https://dev.to/mcsee/how-to-get-rid-of-annoying-ifs-forever-1jfg).

We often use bad and vague names instead of looking for good names in the [MAPPER](https://dev.to/mcsee/what-is-wrong-with-software-5pa).

# Sample Code

## Wrong

[Gist Url]: # (https://gist.github.com/mcsee/685b6d202e94d8c5b410dafd15d8b5de)
```javascript
foreach (var customer in customerCollection)
{
    // iterate with current customer
}

foreach (var customer in customersCollection)
{
    // iterate with current customer
}
```

## Right

[Gist Url]: # (https://gist.github.com/mcsee/a8a2b41722dde835757f360a5d1f01d2)
```javascript
foreach (var customer in customers)
{
    // iterate with current customer
}
```

# Detection

[X] Semi-Automatic 

All linters can detect a bad naming like this.

It can also lead to false positives so we must be cautious.

# Tags

- Naming

# Conclusion

We need to care for all our clean code, variables, classes, and functions.

Accurate names are essential to understand our code.

# Relations

{% post https://dev.to/mcsee/code-smell-134-specialized-business-collections-2bm8 %}

# More Info

{% post https://dev.to/mcsee/what-exactly-is-a-name-part-ii-rehab-20gd %}

# Disclaimer

Code Smells are just my [opinion](https://dev.to/mcsee/i-wrote-more-than-90-articles-on-2021-here-is-what-i-learned-1n3a).

# Credits

Photo by [Mick Haupt](https://unsplash.com/@rocinante_11) on [Unsplash](https://unsplash.com/s/photos/collector)
  
* * *

> Alzheimer's Law of Programming: Looking at code you wrote more than two weeks ago is like looking at code you are seeing for the first time.

_Dan Hurvitz_
 
{% post https://dev.to/mcsee/software-engineering-great-quotes-26ci %}

* * *

This article is part of the CodeSmell Series.

{% post https://dev.to/mcsee/how-to-find-the-stinky-parts-of-your-code-1dbc %}
Associate with Me: Active Record Associations
Published: 2022-09-16 12:57:23

## Associate with Me!
Active Record is an incredibly powerful ORM library. One of the many ways we can use Active Record is to help us simplify our code when using common operations between two associated models. Let's consider a simple school application that includes a model for teachers and a model for students. Every teacher has many students and every student belongs to a teacher. Our table model could look like this:
![Teacher and Student Table Model](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/kdp7sjuul6yt0rof0dqk.png)


Our model declarations without Active Record associations would look like this:
![Teacher and Student classes](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/3bglwgcb9h5wo9w573fa.png)


## One to Many
The above example shows a one-to-many relationship. To create this association with Active Record, we would declare our models like this:
![Teacher and Student classes with Associations](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/w5mgio9ufhhrkmpa373d.png)


The belongs_to association creates a one-directional connection between the models. With belongs_to, each student in our example model now "knows" its teacher.

The has_many association is typically used in conjunction with the belongs_to association. With has_many, each teacher in our example model now "knows" its students.

With just one line of code added to each class, we now have many built in methods that allow us to effortlessly access related data.


## What now?
Now we can use our built in Active Record methods to access related information.

We can ask a teacher about their students.
We can also ask a student about their teacher.


Let's create a teacher instance for Mrs. Smith:
![Mrs. Smith Instance](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/5pmz68rpfhfs4n5nztwf.png)


Now to access all of the students that are associated with Mrs. Smith all we have to do is:
![Mrs. Smith's Students](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/11wxdrflji0wwmvrm1le.png)

Yes! It's that easy!


Let's create a student instance for Johnny:
![Johnny Instance](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ohpf16sxq0v3enr29txm.png)

In order to find out who Johnny's teacher is, all we have to do is:
![Johnny's Teacher](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/o9js7awdl4y6tigh711h.png)

We can even take it a step further and access Johnny's teacher's name:
![Johnny's Teacher's Name](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/lyckyoolk1za4909knvy.png)


## Conclusion
Active Record is a wonderfully efficient tool that simplifies our code when writing association methods for our associated models. Our example today barely scratches the surface on what Active Record can do and I encourage you to check out their documentation to learn more!


Sources:
[Rail Guides](https://guides.rubyonrails.org/association_basics.html)
Podcast with Josh Long on Apache Pulsar and Spring
Tags: apachepulsar, spring, java, bigdata
Published: 2022-09-16 12:49:26

{% embed  https://www.podbean.com/player-v2/?i=fkubq-12c5465-pb&from=pb6admin&share=1&download=1&rtl=0&fonts=Arial&skin=1&font-color=&logo_link=episode_page&btn-skin=7" allowfullscreen= %}

[Podcast](https://www.podbean.com/player-v2/?i=fkubq-12c5465-pb&from=pb6admin&share=1&download=1&rtl=0&fonts=Arial&skin=1&font-color=&logo_link=episode_page&btn-skin=7" allowfullscreen=)

`https://www.podbean.com/player-v2/?i=fkubq-12c5465-pb&from=pb6admin&share=1&download=1&rtl=0&fonts=Arial&skin=1&font-color=&logo_link=episode_page&btn-skin=7" allowfullscreen=`

<iframe title="Big data legend, former Pivot, and friend to the Spring community, Tim Spann " height="150" width="100%" style="border: none;" scrolling="no" data-name="pb-iframe-player" src="https://www.podbean.com/player-v2/?i=fkubq-12c5465-pb&from=pb6admin&share=1&download=1&rtl=0&fonts=Arial&skin=1&font-color=&logo_link=episode_page&btn-skin=7" allowfullscreen="></iframe>
Tailwind CSS Smooth Scroll Bottom to top Using JavaScript
Tags: tailwindcss, html, javascript, beginners
Published: 2022-09-16 12:49:03

In this Tailwind CSS Smooth Scroll with a Bottom to top, we used JavaScript and Tailwind CSS helper CSS classes. We have also used font awesome arrow icon with a JavaScript on Click event to execute or functions.

We used a simple JavaScript function and scroll-behaviour property in this smooth scrolling. To make it bottom To top, we used font-awesome icons.

Make it yours now by using it, downloading it, and please share it. we will design more elements for you.

[Source Code](https://w3hubs.com/tailwind-css-smooth-scroll-bottom-to-top-using-javascript/)
Podcast with Josh Long on Apache Pulsar, Data, Spring, Java
Published: 2022-09-23 17:18:58

---
title: Podcast with Josh Long on Apache Pulsar, Data, Spring, Java
published: true
date: 2022-09-16 12:47:00 UTC
tags: 
canonical_url: 
---

<iframe title="Big data legend, former Pivot, and friend to the Spring community, Tim Spann " height="150" width="100%" style="border: none;" scrolling="no" data-name="pb-iframe-player" src="https://www.podbean.com/player-v2/?i=fkubq-12c5465-pb&amp;from=pb6admin&amp;share=1&amp;download=1&amp;rtl=0&amp;fonts=Arial&amp;skin=1&amp;font-color=&amp;logo_link=episode_page&amp;btn-skin=7" allowfullscreen=""></iframe>
F.L.A.M.E.S
Tags: javascript, webdev
Published: 2022-09-16 12:45:22

Hey Developers. It's been a while since I've done any project. So Here I am. 

In this one, You're going to see something that you do many times in your childhood. Even though it's a bit odd to agree. But Yeah, Come on. You should agree.

It brings you to the time where you're writing your name and your crush name on the piece of paper and doing F.L.A.M.E.S. If the letter ended up with **L** you were the most happiest person of the day. 

Now, You don't need a paper to do the stuff and counting. Just by entering the names and a single click is enough to do the magic.✨ It's Unbelievable right? Before diving yourself In. Let me recall your memories, rules and the instructions of the game. 
These are the Images that will redirect you into this.


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


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


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


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


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


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

That's it. Now click the link below and enjoy.
[Link🔗](https://flames-pearl.vercel.app/)

Thank You.
Semantic commit messages
Tags: git
Published: 2022-09-16 12:44:15

See how a minor change to your commit message style can make you a better programmer.

Format: `<type>(<scope>): <subject>`

`<scope>` is optional

Example
```bash
feat: add hat wobble
^--^  ^------------^
|     |
|     +-> Summary in present tense.
|
+-------> Type: chore, docs, feat, fix, refactor, style, or test.
```

- **feat**: new feature for the user, not a new feature for build script
- **fix**: bug fix for the user, not a fix to a build script
- **docs**: changes to the documentation
- **style**: formatting, missing semi colons, etc; no production code change
- **refactor**: refactoring production code, eg. renaming a variable
- **test**: adding missing tests, refactoring tests; no production code change
- **chore**: updating grunt tasks etc; no production code change

Reference:
- https://seesparkbox.com/foundry/semantic_commit_messages
Change the repository source
Tags: git
Published: 2022-09-16 12:41:40

First check the source of your repository.

``` bash
git remote -v
```

Rename the current source to ensure that there will be no conflict.

``` bash
git remote rename originname ancient-origin
```

Define the new repository source.
``` bash
git remote add origin repository_address
```

Check if the changes occurred as requested.
``` bash
git remote -v
```

To avoid the accumulation of sources, remove the old source.
``` bash
git remote rm ancient-origin
```

Again, check that the changes have occurred as requested.
``` bash
git remote -v
```
Understanding Kubernetes Pod Pending Problems
Tags: kubernetes, devops, troubleshooting, monitoring
Published: 2022-09-16 12:39:43

<p>
Kubernetes pod pending is ubiquitous in every cluster, even in different levels of maturity.
</p>
<p>
If you ask any random DevOps engineer using Kubernetes to identify the most common error that torments their nightmares, a deployment with pending pods is near the top of their list (<a href="https://sysdig.com/blog/debug-kubernetes-crashloopbackoff/">maybe only second to CrashLoopBackOff</a>).
</p>
<p>
Trying to push an update and seeing it stuck can make DevOps nervous. Even when the solution is fairly easy, finding the cause of a pod pending and understanding the changes you need to apply can be important (Kubernetes troubleshooting is rarely trivial).
</p>
<p>
In this article, we cast some light on the different situations that cause this issue, allowing DevOps teams to find the solution quickly and, best of all, avoid it as much as possible.
</p>
<p>
Read it here: <a href="https://sysdig.com/blog/kubernetes-pod-pending-problems/">https://sysdig.com/blog/kubernetes-pod-pending-problems/</a>
</p>
Generate SSH key
Tags: ssh, git
Published: 2022-09-16 12:38:21

Run the following command, some questions will be displayed, in my case I just pressed enter until the end:

``` bash
ssh-keygen -t rsa
```

Run the command below replacing "edsonjunior" with your username and it will display your SSH key:

``` bash
cat /home/edsonjunior/.ssh/id_rsa.pub
```

---

In this example I use github, after generating the key and copying it, go to settings > **SSH and GPG keys** > **New SSH key**, generate a title and insert your key, after clicking on **Add SSH key**.
 
If you generated the key correctly it will be accepted and from now on you can use your ssh key however you want.

---

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ol4ljxgoek3llb4xbqz4.png)
Search Engine - System Design optimal solution
Tags: career, systems, interview
Published: 2022-09-16 12:09:14


Search engines are built to help users find relevant resources based on an inputted search query. In our case, our search engine needs to scan, organize and serve relevant urls to users in a timely manner.

Most search engines require us to organize the search data in a way that allows users to quickly get their results, and ours is no exception. The secret to this problem is understanding that we need to preprocess the data to make it more easily searchable.



## Functional Requirements

* 10 relevant results should be returned for each query if they exist
* When a user clicks on a result they should be sent to the page
* A "good match" is when a url contains a specific keyword
* Searches can only consists of a single keyword
* All grammatical tenses should map back to the same base words
* All "stop words"( a, an, you, or ,etc.) should not be included in the index
* Urls should be checked daily for updates
* Urls do not need to be ranked off of any relevancy


How would you design this system?

[Optimal Solution](https://leetdesign.com/problems/search-engine/solution)
What is the difference between Deskjet and inkjet printers?
Tags: programming, aws, beginners, productivity
Published: 2022-09-16 12:07:49

Ans. There is very little distinction between the two. HP simply called its inkjet range of printers by the name "Deskjet." As a result, all Deskjet printers can also be referred to as inkjet printers. When we discuss an inkjet printer specifically, it is one of the printer types and one of the many classes.   [Repair Service Center ](https://www.repair-service-center.com/)
Import and @use from absolute paths in Next.JS
Tags: javascript
Published: 2022-09-16 07:54:53

I have ignored my relative paths imports in JS and for my Sass / Scss stuff for years. Today i finally decided to take a look and see how this could be solved.

### Node / Typescript

So instead of having imports like

```javascript
import colors from "../../css/colors.module.scss";

import colors from "../css/colors.module.scss";
```

that are really hard to copy-paste and also looks pretty ugly we can have this.

```javascript
import colors from "@/css/colors.module.scss";
```
no matter where i am in the project. To fix this all you need is to add this to your tsconfig.js

```javascript
  "compilerOptions": {
    "baseUrl": ".",
    "paths": {
      "@/css/*": ["css/*"]
    }
   }
```

Reference: [Next.JS Documentation](https://nextjs.org/docs/advanced-features/module-path-aliases)

### For Scss @use / @import

And the same thing for Sass, all you have to add is

```javascript
const path = require("path");
const moduleExports = {
  sassOptions: {
    includePaths: [path.join(__dirname, "css/")],
  },
}
```

and then you can go from

```scss
@use "../../css/colors.module.scss";
```
to
```scss
@use "colors.module.scss";
```

The Sass version works a bit different since there you just add a "global path". It will always look in the "same path" first but then it will look in the global.

Reference: [Stack Overflow](https://stackoverflow.com/questions/35937477/how-to-use-absolute-path-to-import-custom-scss-when-using-react-webpack)
consultoría de empresas valencia
Published: 2022-09-16 12:03:08

Indico consultor ofrece servicios de consultoría de empresas en el area de Valencia.
Un consultor es algo necesario para que las empresas puedan lograr muchos de sus objetivos, una consultía ofrece los servicios necesarios para establecer el mejor producto y servicio .
Para más información puede visitar en siguiente enlace 
[Consultoria de empresas valencia](https://productossanitarios.net/consultoria-de-empresas-en-valencia/)

)
Azure Back to School 2022 – Moving Massive Mountains of Magnificent Data
Tags: conferences, development, adf, azure
Published: 2022-10-26 20:52:56

---
title: Azure Back to School 2022 – Moving Massive Mountains of Magnificent Data
published: true
date: 2022-09-16 12:00:00 UTC
tags: Conferences,Development,ADF,Azure
canonical_url: https://barretblake.dev/2022/09/azure-back-to-school-2022-moving-massive-mountains-of-magnificent-data-2/?utm_source=rss&utm_medium=rss&utm_campaign=azure-back-to-school-2022-moving-massive-mountains-of-magnificent-data-2
---

For my second contribution to this year’s [Azure Back to School](https://azurebacktoschool.github.io/edge%20case/azure-back-to-school-2022-sessions/), I’m presenting a video recording of my introductory session to Microsoft’s Azure Data Factory. It’s a fantastic tool for moving and manipulating huge blocks of data.

<iframe title="Azure Back to School 2022 - Moving Massive Mountains Of Magnificent Data" width="1200" height="675" src="https://www.youtube.com/embed/0osatNFbd-4?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

The post [Azure Back to School 2022 – Moving Massive Mountains of Magnificent Data](https://barretblake.dev/2022/09/azure-back-to-school-2022-moving-massive-mountains-of-magnificent-data-2/) first appeared on [Barret Codes](https://barretblake.dev).
Lightweight Go-based Spa-to-http "beats" Nginx in SPA serving performance
Tags: nginx, vue, react, angular
Published: 2022-09-16 11:59:13

Performance benchmark, [how it was measured](https://devforth.io/blog/deploy-react-vue-angular-in-docker-simply-and-efficiently-using-spa-to-http-and-traefik/)

|  | Spa-to-http | Nginx |
|---|---|---|
| Average time from container start to HTTP port availability (100 startups) | ✅1.358s (10.3% faster) | ❌1.514s |
| Requests-per-second on 0.5 KiB HTML file at localhost * | ✅80497 (1.6% faster) | ❌79214 |
| Transfer speed on 0.5 KiB HTML file * | ❌74.16 MiB/sec | ✅75.09 MiB/sec (1.7% faster) |
| Requests-per-second on 5 KiB JS file at localhost * | ✅66126 (5% faster) | ❌62831 |
| Transfer speed on 5 KiB HTML file * | ✅301.32 MiB/sec (4.3% faster) | ❌288.4 |

Other benefits:

|  | Spa-to-http | Nginx |
|---|---|---|
| Zero-configuration | ✅No config files, SPA serving works out of the box with most optimal settings | ❌Need to create a dedicated config file |
| Ability to config settings like host, port, compression using Environment variables or CLI | ✅Yes | ❌No, only text config file |
| Docker image size | ✅13.2 MiB (v1.0.3) | ❌142 MiB (v1.23.1) |
| Brotli compression out-of-the-box | ✅Yes, just set env BROTLI=true | ❌You need a dedicated module like ngx_brotli |

# ⭐ [Spa-to-http on GitHub](https://github.com/devforth/spa-to-http)