teleren/devto huggingface dataset:
How to change IP every 5 seconds - Total Anonymity
Tags: programming, linux, privacy, web
Published: 2024-02-18 20:13:33

Hi there,
Let me tell you how you can change your IP address every 5 seconds and stay anonymous.
Firstly you need to be in Kali Linux - (CyberSec Os). 

Now we will be using AutoTop IP changer; with this, you will be connected to the Tor network, and your IP will change every few seconds automatically. This will help us to be completely anonymous.

**So go to Google and Search "auto Tor ip changer", and click on the first link that appears - **

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

You will be in a GitHub repo - 

```
https://github.com/FDX100/Auto_Tor_IP_changer
```

Now click on the code and copy the repo git Link - 

```
https://github.com/FDX100/Auto_Tor_IP_changer.git
```

Now open the terminal, and open it or change it to root terminal, and - 

```
git clone https://github.com/FDX100/Auto_Tor_IP_changer.git
```
Now get into the directory : 

```
cd Auto_Tor_IP_Changer

```
And follow the following code - 

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

It will console the msg that - congrats Tor IP changer installed.
Now type "aut" in the terminal - this will start your Tor ip changer.
Now before going ahead, you need to configure your browser, so for that open the settings of your browser (preferably Firefox), and go to the Network Settings section.
In settings select "**Manual proxy configurations**", and in SOCKS Host insert - **127.0.0.1** and for **PORT - 9050**, and click on OK.

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

Now go back to the terminal and answer the two prompts - 
"time to change ip in seconds" - in how many seconds you want to change IP. **Type 5 for 5 seconds.**
&
"how many times do you change your IP"

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

That's it you are all set and done.

To verify this, go to dnsleaktest.com, which displays your current IP address, now keep refreshing after every 5 seconds.
If you liked this connect with me on [Twitter](twitter.com/aadarsh_nagrath)
A simple way to filter list with data attributes
Tags: css, javascript
Published: 2024-02-18 20:07:51

```html
<script src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/3/faker.js"></script>
<input type="text" id="filter" class="input" placeholder="filter" value="">
```

```js
const ul = document.createElement('ul');

ul.style.display = 'none';
ul.classList.add('content');

const listItems = Array.from({ length:  1000 }, () => {
  const name = faker.name.findName();
  const li = document.createElement('li');
  li.textContent = name;
  li.dataset.name = name;
  ul.appendChild(li)
  return li;
});

document.body.appendChild(ul);

window.filter.addEventListener('input', (event) => {
  const inputValue = event.target.value.toLowerCase().trim();
  ul.style.display = inputValue ? "block" : "none"; 
  listItems.forEach(item => {
    const attribute = item.dataset.name.toLowerCase();
    item.style.display = attribute.includes(inputValue) ? 'block' : 'none';
  });
});
```

You can test it here : [Demo](https://flems.io/#0=N4IgtglgJlA2CmIBcAWFA6AbAGhAZ3gQGMAXeKZEdACxLFhFyIHsA7PZhSl2WAQwAOBCrjxEATpwZIA2gAZsmDAA45auQGY5AVgCMAdm37lugLq4AZhAR5kM0Kz5hESKrXqMQLVmR+UAPGLiEAIkAAR44kQAvAA6ILQkQkgA9Cl4GgC0AK54mQDu8HgkmQBM6E58AF5sfPl46Cxg6Y1QAqzoEMwpGikWfADW8OLoAFZ48QB8-ukSISSTsaz+1LqLrGFhAGLWZMGsAOZhADIQxXhh+RAk1GF8JCTBAEbZZBPLKavr-hCsAq9hEgATwE8DiIDIAA8SPEwtBwVZYHtYUR+Hg8ODfv8YSAwgJ+ER4NROFBhgjdsNYQA3PiwbJg+JTJaeAjEEhddiUUpIAwgAC+2AcThcVHGnm8vhI3DYxTC2VgYWiYSgzCI2WcPka4ng93gAFEEBqSAAKADk8tNAEoANxLbyy1jq67wMAXJW6dRyJby9DFIEIdBQM74vhAxVhU2sNjwU22x2wRpovCnYoVGBmiXwHxWuN2mXhWBnEgASTIrvDAEFxOJQ+gLJIwMbgGEEIcbkhNo7IGWLgKwsbLYrJmFgEtNvbwo5nOH+kMRlP4HXflAAHLCgdx8f5lsQcMqtVGrU6sgGl1Zk2mws5sc79BQkgAYTYkvDC83t6g9z4BBI6AXr+Fd8fUEUFWCgB9qGsKBjULS0b21EhsnEDZCzjPkbSWTCwNVdVz3QJ5mCgIEKgEUDwMg2BoPlDDWCwq5sPyJckWGNMoD1KlzxTXxhjNLFXlNbB+3gDifEHaJh1HDYwgnOE-leAA1Wl6XDYS8JIPhxAOeBfxpOlFxIZhjmYQpxAfb94AHO9gkbGjNh9P0AyDPAQzDJU+JIRS9LCAB+MJ4ieWBVQGWEO3iKNWHgeJrT8qTC2KUsXQaCxmHEPU+CIahjWdMAhxHG8t3YcJ7keCAXjIcNssDL8fz-YU70M4zhjMggN3yuEy19YFHODfhXLuB5nleRdflRbJSTwLK5I8pT4EHXzTQCoLTTCDtI2jWMb3QtCbRZQh4FIDlbFcXQUCQOR+UFEAF0oRp0XFZ9z0oAiiLyqSeBSpAiCBPhWHfJ50oGA5JGyMCkACgH32SnxMjwCAqngHl0FKFBtTASHn0yfpIFgIEOwAZXgA5mHgMIAFVizQrD3NezYwA0g5fkyAiHmYMAO10VG-oBoHmBBqAwYJAZ33e8RPu+36byhkpYfhxHSk5m8CPEUlRbCXQBEhCJOGgaTxffAQ+BgX4DjO9BtAV1g+SWRoHp8GmwjpzTfjO-XDaDQ4XZvah4AgA5aCQTA1A199mA48QLEC-IOz4V5mHfR2GdYTIEAsEhTfNl1Kdo1hdrZQ6uTkHl9H5Uw+SAA)
A good code snippet for your posts 💻
Tags: snippet, developer, carbon
Published: 2024-02-18 20:06:50

I just want to share with you a cool tool that I have been using a lot lately called "Carbon". It allows you to create and share beautiful images of your source code.


![Image of Carbon landing page](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/vc0mcsth36b1lh552m7p.png)

This is pretty useful if you want to share some code in Slack, LinkedIn, or even in a post here.
It is super easy to use and super easy to customize.

Of course, you can write your code here and it looks good, right?

```javascript
// taking kilometers input from the user
const kilometers = prompt("Enter value in kilometers: ")

// conversion factor
const factor = 0.621371

// calculate miles
const miles = kilometers * factor

console.log(`${kilometers} kilometers is equal to ${miles} miles.`);
```

But c'mon, this looks clean

![Code snippet from Carbon](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/8o5spq9i2a9wu1p1r0dj.png)

That's all, I hope it can be helpful for you 🥳
Figma to WP/Webflow
Published: 2024-02-18 20:02:58

I thought it'd be interesting to share my mistakes in developing [comehome.ai](https://www.comehome.ai). We paid a great designer to develop the design, and she generated a great Figma design.

I was hoping I could just import the design into WordPress, and that was kind of true: we used Yotako to do the conversion. However, a lot of things didn't come over: links, text formatting, etc. And the thing about Yotako is it creates a theme you can import into WP, but if you make any changes to the upstream Figma, you have to re-import the new theme. 

The other thing is that Yotako breaks has an object definitions file, so if you want to make any changes to the hmtl, you have to make corresponding changes in at least one other file. The result is that it's really fragile and hard to change.

So we decided to move from wordpress to webflow. Webflow provides a tool to import straight from Figma. But it turns out our designer didn't use autolayout, which the tool requires. And that's not something you can add in later, you have to start with that from the get-go.
Learning Clojure: Part 2, REPLs and data types
Tags: programming, clojure, tutorial
Published: 2024-02-18 19:45:50

Hello everyone, today we will learn about the REPL in Clojure and how to use it, along with the data types supported by Clojure. 

# REPL
A REPL is a read-eval-print-loop. In simple terms, it is a prompt in which you type your code, it evaluates it, prints the result and then shows the prompt again. It achieves this using a running program and is useful for us to test code.

## Starting a REPL session 
I assume that you have already set up Clojure on your system, and below I will show how to open a REPL using Leiningen in command line, because that is what i am using. You can also do this on other IDEs like eclipse, but that is something that i am not really aware of. 

Anyways we must first open up administrator command prompt and type in the following prompt
`lein repl`

I have attached an image below of my command prompt, and what it should look like
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/22r6xz81jmqd1283ahim.png)

## Special variables in a REPL session
we have three special variables in out REPL session which are '*1', '*2' and '*3', and these refer to the results of the most recent three expressions. I have given a basic prompts to the system to demonstrate these special variable below:

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

That is basically all we have to know for now about the REPL, now lets move onto Data types

# Data types
If you have any experience in Java, you will be delighted to know that since Clojure requires Java, the data types are near identical with a few extras:

 > Integers
 - short, long and int - these are used for whole numbers
 - Octal number - used for octal representation of numbers
 - Radix number - used for radix representation of numbers
 - hexadecimal number - used for hexadecimal representation of numbers

Floating point - use for floating point numbers and scientific notation 

char - holds a single character

Boolean - true or false

String  - holds a piece of text 

Nil - This is a null value in Clojure

Atom - they provide a way to manage shared, synchronous, independent state 

## Max and min values
Since the Clojure data types stem form the java ones, they have the same maximum and minimum values and i will list two here:

int - -2,147,483,648 to 2,147,483,647
float - 1.40129846432481707e-45 to 3.40282346638528860e+38

Now lets show this in some code. Below i some simple code with comments on the data types:

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

The output to the program is:


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

(If you were wondering i am using cursive on IntelliJ for this code)


Thank you for reading this week's tutorial. I hope it was fruitful, and i will be back soon with more content on Clojure so that we can get to better understand how to use the language.
My VSCode Config
Tags: vscode, config, tooling, webdev
Published: 2024-02-18 19:20:23

Hi fellow devs,

For my first post, I'm just documenting my VSCode configurations here for posterity's sake or just for my reference later. Keep in mind that this list is going to be language agnostic and more so utility/aesthetic suggestions (though these are inevitably tied to what languages I work with, so take that as you will). Please feel free to suggest any good extensions that I've missed out on or your absolute must-haves!

## Extensions

1. [Duplicate selection or line](https://marketplace.visualstudio.com/items?itemName=geeebe.duplicate) - keyboard shortcut for duplication (cmd/ctrl+d)
2. [GitLens](https://marketplace.visualstudio.com/items?itemName=eamodio.gitlens) - essential when working with teams
3. [Error Lens](https://marketplace.visualstudio.com/items?itemName=usernamehw.errorlens) - inlines errors for better dev experience
4. [Import Cost](https://marketplace.visualstudio.com/items?itemName=wix.vscode-import-cost) - tells you the size of imported package, pretty useful for performance improvements
5. [Kill Process](https://marketplace.visualstudio.com/items?itemName=niradler.kill-process) - kill a process from vscode menu
6. [Project Dashboard](https://marketplace.visualstudio.com/items?itemName=kruemelkatze.vscode-dashboard) - quick overview of all your projects for easy navigation
7. [Decompiler](https://marketplace.visualstudio.com/items?itemName=tintinweb.vscode-decompiler) - decompiles stuff, useful for debugging
8. [Toggle Zen Mode](https://marketplace.visualstudio.com/items?itemName=fudd.toggle-zen-mode) - adds a button for enabling zen mode so you don't have to remember the shortcut
9. [Bracket Select](https://marketplace.visualstudio.com/items?itemName=chunsen.bracket-select) - quickly select code in between brackets
10. [Auto Rename Tag](https://marketplace.visualstudio.com/items?itemName=formulahendry.auto-rename-tag) - rename pair of tags automatically
11. [vscode-icons](https://marketplace.visualstudio.com/items?itemName=vscode-icons-team.vscode-icons) - icons for most file extensions you can think of
12. [Dracula Official](https://marketplace.visualstudio.com/items?itemName=dracula-theme.theme-dracula) - my preferred VSCode theme

Now, on to aliases. This isn't part of VSCode; it's git. But I've included it here anyway as the two do complement each other. Here's the alias section of my .gitconfig file.

```
[alias]
    ac = !git add -A && git commit -m
    cd = !git checkout develop
    cm = !git checkout master
    pd = !git pull origin develop
    pm = !git pull origin master
    cn = !git checkout -b
```
## Additional Resources
1. [https://www.smashingmagazine.com/2018/01/visual-studio-code/](https://www.smashingmagazine.com/2018/01/visual-studio-code/)

That's all for my first post folks. Thanks for reading and have a nice day! ✨
SQL Database Normalization with Easy Examples
Tags: sql, normalization, database, tutorial
Published: 2024-02-18 19:17:12

In database design, there are three main ways to organize data: first normal form (1NF), second normal form (2NF), and third normal form (3NF). While there are more advanced forms like Boyce and Codd Normal Form (BCNF or 3.5NF) and fourth normal form (4NF), we'll focus on the basics: **1NF, 2NF, and 3NF**.

## Why Normalization is Important?
Normalization is crucial because it prevents anomalies and eliminates redundant data. Anomalies include Update Anomalies, Insertion Anomalies, and Deletion Anomalies.

**Update Anomalies:** These occur when updating data inconsistently, leading to discrepancies or errors.

**Insertion Anomalies:** When adding new data, insertion anomalies arise due to the necessity of adding incomplete information because certain attributes depend on other attributes not present.

**Deletion Anomalies:** Deleting data can inadvertently remove unrelated information due to dependencies within the database.


## **First Normal Form (1NF)**: 
In 1NF, each column in a table contains atomic values, meaning that each value is indivisible. For example, in a table storing student information, the Phone Numbers column should not contain multiple phone numbers separated by commas.

![1NF Mistake Example](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/e8t6p2xy49plqruf6uxg.PNG)

Instead, each phone number should be in its own row.

![1NF Example](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/xwoubxv474rm9so9dh90.PNG)

## **Second Normal Form (2NF)**:
2NF builds on 1NF by ensuring that every non-key attribute is fully dependent on the primary key. In other words, each column must depend on the entire primary key, not just a part of it. For instance, in a table that stores product order details, if the primary key is OrderID, the Gender column should depend on OrderID.

![2NF Mistake Example](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/3r8tlbfkrobc1u46meso.PNG)

In this case, the Gender column is not fully dependent on the primary key; hence we remove it. This violates the 2NF because the Gender information is not directly related to the primary key.

![2NF Example](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/osw2u7771ze11e9s3ux7.PNG)

## **Third Normal Form (3NF)**:
3NF further refines the structure by removing transitive dependencies. This means that non-key attributes should not depend on other non-key attributes. In other words, if columns A, B, and C are in a table R, and A determines B, and B determines C, then C is transitively dependent on A.

![3NF Mistake Example](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/nh105cemmztdkjj9gq4g.PNG)

In this example, the Category column depends solely on the Product Name column creating a transitive dependency and violating the 3NF. Hence, we move them out to separate tables.

![3NF Example](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/43lm4q2gafye63eg4q7w.PNG)

Got something? Feel free to use the comment section.
#astro error #404 import #image ¿Cuál es la forma correcta en alojar las imágenes? #src o #public
Published: 2024-02-18 19:02:02

hey code como está? en esta ocasión les traigo un pequeño episodio donde vamos a configurar de forma correcta el uso de las imágenes en nuestro #app usando astro


recuerda que esta configuración se puede realizar de diferentes formas

[Video en Youtube](https://youtu.be/Pe3NDLlgeQ4?si=gcj41-0xTtXm8NAa)
Why Join DASC© Subscriptions At a Low Price?
Tags: dasccommunityhelpdesk
Published: 2024-02-18 18:51:29

## The Big Reason Why You Should Join DASC© Subscriptions At a Low Price

Get Comfy Cause Here’s The Big Reason To Why You Should Join DASC© Subscriptions at a Low Price Is Simply Because it Is Rare **To See Low Priced Subscriptions**  & Here’s The Fun Part: When You Subscribe You Are Getting Cool Perks ( Probably Even Cooler If It Get’s Priced Higher Higher The Price The Rarer It Gets Forgot To Mention ) so Subscribers that Are Subscribed To A DASC© Subscription Get Cool Perks Even at a Low Price Or at a High / Higher Price & that is indeed Why We Recommend Joining DASC© Subscriptions 

## Discussion Status

The Following Post Does Not Accept Discussions But is At a Medium-Numbered-Rate that is Suggested For Readers
Theory Of Computation: Some Terminologies
Tags: computerscience
Published: 2024-02-18 16:24:00

## Introduction
Let's discuss about some terminologies related to Theory of Comutation, that'll help us understanding the subject better.
## Terminologies
**Symbol** is a single character. e.g. 0, 1, 2, a, b, x, y, etc.
**Alphabet** is a collection of symbols. Alphabets are also denoted by **Sigma**. e.g. {a, b}, {0, 1, 2}, {1, 2, x, y}, etc.
**String** is a sequence of symbols. e.g. abc, abcd, xy, xyz, a1b2, etc.
**Language** is a set of Strings.
To give an example of Language consider an Alphabet: {a, b}
We can have a set of Strings that start with a: {a, aa, ab, aab, aba, ...}
This is a language.
Now we can also have a finite set. Consider a set of Strings of length 3: {aaa, aab, abb, aba, bbb, bba, baa, bab}
This is also a language.
**Cardinality** is the number of elements in a set.
So for the above examples of language, cardinality is infi and 8 respectively.
**Sigma Star** is the set of all possible Strings of all lengths over an alphabet {0, 1}
## Conclusion
Getting to know about these terminologies will surely help you a lot in grasping the more complex concepts in Theory of Computation. So see you there!
Umbraco Early Adopter Gotcha - Empty Buttons.
Tags: umbraco
Published: 2024-02-18 18:35:39

> _Things, i keep getting wrong. Part c of n_

When you define a button in the new ui. 

```html
 <uui-button color="danger" look="primary"
 label="Confirm?" @click=${this.openConfirm}></uui-button>
```

![Confirm button](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/vcczmg3c1y2h2824l399.png)

You might be tempted to make the code all neat. 

```html
<uui-button 
   color="danger" 
   look="primary"
   label="Confirm?" @click=${this.openConfirm}>
</uui-button>
```

**but beware !**

That last carrage return has made the button empty !! and if won't render any text ! 

![Empty Button!](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/kmapjxyztsx35xp2ega8.png)
<figcaption>Empty Button? check the carrage return!</figcaption>

Don't get stuck wasting time (like me). put the closing tag at the end of the line.

```html
<uui-button 
   color="danger" 
   look="primary"
   label="Confirm?" @click=${this.openConfirm}></uui-button>
```
Common Status Codes in gRPC and HTTP
Tags: grpc, http, restapi, rest
Published: 2024-02-18 18:32:49

**HTTP** status codes are integral to _REST API_ applications and microservices. With the introduction of the **gRPC** framework, applications gained the ability to redefine their roles based on traditional protocol/RPC standards.

Effective error handling is crucial, prompting the need to convert gRPC status codes into their HTTP equivalents for seamless processing by REST API services. The table below outlines the corresponding status codes, enhancing the development workflow. For more in-depth information, refer to the [gRPC-GateWay](https://github.com/grpc-ecosystem/grpc-gateway/blob/7094a052b3287b9e99f52d95230789ab34d2d7c4/runtime/errors.go#L36) repository.

```
|-----------------------------|---------------------------|
| gRPC Status Code            | HTTP Status Code          |
|-----------------------------|---------------------------|
|`OK` (Code: 0)               | 200 OK                    |
|`CANCELLED` (Code: 1)        | 499 Client Closed Request |
|`UNKNOWN` (Code: 2)          | 500 Internal Server Error |
|`INVALID_ARGUMENT` (Code: 3) | 400 Bad Request           |
|`DEADLINE_EXCEEDED` (Code: 4)| 504 Gateway Timeout       |
|`NOT_FOUND` (Code: 5)        | 404 Not Found             |
|`ALREADY_EXISTS` (Code: 6)   | 409 Conflict              |
|`PERMISSION_DENIED` (Code: 7)| 403 Forbidden             |
|`RESOURCE_EXHAUSTED`(Code:8) | 429 Too Many Requests     |
|`FAILED_PRECONDITION`(Code:9)| 400 Bad Request           |
|`ABORTED` (Code: 10)         | 409 Conflict              |
|`OUT_OF_RANGE` (Code: 11)    | 400 Bad Request           |
|`UNIMPLEMENTED` (Code: 12)   | 501 Not Implemented       |
|`INTERNAL` (Code: 13)        | 500 Internal Server Error |
|`UNAVAILABLE` (Code: 14)     | 503 Service Unavailable   |
|`DATA_LOSS` (Code: 15)       | 500 Internal Server Error |
|-----------------------------|---------------------------|
```

Note that some gRPC status codes may not have a direct HTTP equivalent, and the mappings are based on best-fit scenarios. Additionally, gRPC status codes provide more granular information about the status of a request compared to HTTP status codes.
Upcoming Book: Vue 3 Step by Step: with Composition API & TypeScript
Tags: vue, javascript, webdev, news
Published: 2024-02-18 18:25:54

I'm excited to announce that I've just released the sample chapter of my first book **"[Vue 3 Step by Step: with Composition API & TypeScript](https://leanpub.com/vue3stepbystep)"** on leanpub.com for **free**. This sample version will give you an idea of what you can learn in the upcoming lessons and chapters. 

Front-end development can be challenging, but Vue simplifies it by providing flexibility, declarative rendering, and reactivity. Vue 3 builds upon Vue 2 by addressing its limitations and offering better TypeScript support, versatility for small and large applications, and faster development times with the Vite build tool. Additionally, the Composition API allows developers to create robust logic using Vue 2 syntax or the Options API.

As the name suggests ,in this book, you will learn step by step in a progressive manner the essentials of Vue 3, including the reactivity API in Composition API with examples in TypeScript. You'll also learn about component communication and reusability with Composables and Custom directives. I'll show you how to use Vue ecosystem libraries like Vee-Validate, Vue-Router, VueUse, Pinia, Vitest, and more. Finally, I'll teach you how to test, automate, and deploy your application with considerations for performance, security, and accessibility.

By the end of this book, you'll have the practical skills and confidence to use Vue 3 professionally and effectively. 

The book will be serially published as individual chapters. Keep an eye on this space for updates. I would love to hear your feedback and suggestions to improve the book along the way. You can find the book at https://leanpub.com/vue3stepbystep.
Clipping Path Service
Tags: beginners, tutorial, photoshop, product
Published: 2024-02-18 18:24:25

Need crisp and clean product images for your e-commerce store? Our [clipping path service](http://patheditprovider.com/) ensures precise cutouts, enhancing the presentation of your merchandise. 

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