teleren/devto huggingface dataset:
Unlock Extra Storage: Why You Should Buy External Hard Drive
Tags: pc
Published: 2023-12-01 11:19:42

In a world where digital content reigns supreme, running out of storage space is a common woe. Whether you're a photographer, gamer, or just someone with a growing collection of files, the solution lies in a simple yet powerful device - the external hard drive.

**1. Endless Space, Limitless Possibilities**

Facing storage constraints on your computer? Expand your space with an external hard drive! Explore options with capacities from gigabytes to terabytes, ensuring limitless possibilities for your data. Don't compromise—[buy external hard drive](https://gracileit.com/storage-devices/) solutions for seamless storage expansion.

**2. Backup Bliss**

Worried about losing precious memories or important documents? An external hard drive serves as a reliable backup solution. With just a few clicks, safeguard your data against unexpected mishaps, ensuring peace of mind in the face of potential hardware failures or accidents.

**3. Portability at its Finest**

Break free from internal storage constraints with external hard drives – compact, lightweight, and travel-ready. Tote your digital world effortlessly, ideal for students, professionals, and globetrotters. Expand your [PC components](https://gracileit.com/) seamlessly; buy external hard drive for limitless data on the go!

**4. Speed and Efficiency**

Tired of the sluggish performance caused by a full internal drive? An external hard drive can significantly boost your device's speed by offloading bulky files. Enjoy seamless multitasking without compromising on speed or efficiency.

**5. Budget-Friendly Expansion**

Upgrading internal storage can be costly, but external hard drives offer a cost-effective alternative. Boost your device's capacity without breaking the bank, saving money while still enjoying the benefits of ample storage.

**In conclusion**, if you find yourself in a storage crunch, don't delete; upgrade! Invest in an external hard drive today and experience the freedom of expanded storage, robust backups, and enhanced portability. Don't miss out on the convenience and peace of mind that comes with saying yes to more space - buy an external hard drive now!
Google reCAPTCHA Enterprise: Integrate the “I’m not a robot” Challenge In Vue.js
Tags: recaptcha, security, vue, googlecloud
Published: 2023-12-01 11:14:42


With the rise of automated bots and malicious activities, it has become crucial for developers to implement robust security measures.

One such powerful tool that comes to the rescue is the reCAPTCHA integration, which forces the user who accesses an application to verify their identity.

Google has been defending millions of sites with reCAPTCHA for over a decade. 

reCAPTCHA Enterprise is built on the existing reCAPTCHA API and it uses advanced risk analysis techniques to distinguish between humans and bots!

In this blog, we will discuss how to integrate Google reCAPTCHA Enterprise with your website or web application to protect them against unwanted intrusions.

Let’s make our web application more secure from ever-persistent **‘bots’!**

## Table Of Contents

- Prerequisites
- Enable reCAPTCHA Enterprise API
- Create reCAPTCHA Enterprise Key
- Render the checkbox challenge (I'm not a robot)
  -  Fix grecaptcha is not defined
- Verify the token using Backend

**Prerequisites**

- A Google cloud project
- A running vue.js project

Please note that we’re not going to use any npm package for recaptcha, instead we will go with the enterprise.js script.

Now, get ready to elevate your Vue.js application security!

Visit **[ Canopas Blog ](https://blog.canopas.com/google-recaptcha-enterprise-integrate-the-im-not-a-robot-challenge-in-vue-js-8a83f7d0e374)**to unlock the code and fortify your app’s defenses against bots and spam!

Follow **[Canopas](https://blog.canopas.com/)** for our latest technical blog posts!
My python linter
Tags: python, linter, backend, development
Published: 2023-12-01 11:11:08

[Github repo](https://github.com/Noloquideus/linters)
Используемые линтеры:
- [**black**](https://pypi.org/project/black/) - форматирование кода
- [**isort**](https://pypi.org/project/isort/3.8.1/) - форматирование импортов
- [**flake8**](https://pypi.org/project/flake8/) - статический анализатор
- [**pep8-naming**](https://pypi.org/project/pep8-naming/) - анализатор нейминга по стандартам pep8, работает вместе с flake.
- [**ruff**](https://github.com/astral-sh/ruff) - унивыерсальный линтер - замена isort и flake8

## Установка
Для установки используйте команду:
```
install_dependencies.bat
```
Hacktoberfest 2023, a recap
Tags: hack23contributor
Published: 2023-12-01 11:10:33

<!-- ✨This template is only meant to get your ideas going, so please feel free to write your own title, structure, and words! ✨ -->

### Intro
<!-- Share a bit about yourself as a contributor. Is this your first Hacktoberfest, or have you contributed to others? Feel free to embed your GitHub account by using {% embed LINK %} -->
{% github VictorAvelar/Victoravelar %}
I've been taking part in Hacktoberfest for five years now. It initially began as a fantastic opportunity to enhance my coding skills, and over time, it has evolved into an event that I cherish and eagerly anticipate each year.

I mainly focus on Go projects because it's a language that I find thrilling to work with. Contributing to other repositories helps me learn and understand how various teams and companies address issues used by hundreds, if not thousands, of developers daily. Open source, for me, is an excellent learning experience.

### Growth
<!-- What was your skillset before Hacktoberfest 2023 and how did it improve? Have your learning or career goals changed since working on these new projects? -->
During Hacktoberfest, I've found that I've been continuously developing skills, and surprisingly, they lean more towards the soft skills side. Interacting with maintainers and PR reviewers has helped me improve my communication, develop a direct yet friendly tone, and has proven to be an excellent source of feedback.

### Final thoughts
I'm a bit sad that the t-shirts won't be given out this year, but I completely understand the logistical and environmental reasons behind this decision. Although it wasn't the main reason for me to join this amazing event, I must admit that I'll miss the t-shirts and the wonderful sticker bundles a lot.
Which Windows Version Supports Passkeys?
Tags: ux, windows, passkeys, cybersecurity
Published: 2023-12-01 11:00:00

As developers and product managers dive deeper into Windows passkey capabilities, the level of fragmentation across Windows versions becomes increasingly evident. Here's a comprehensive breakdown of passkey support across different Windows iterations to shed light on this intricate topic.

## Windows Versions: Passkey Features Breakdown

Differences in passkey features across various Windows versions can be baffling. Here's a concise comparison:

![Windows Version Passkey Support](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/v42j6j977kninmrl4y1e.png)

**_[Find the latest and updated Windows support table here
](https://www.corbado.com/blog/windows-support-passkeys)_**
## Synced Passkey Support: The Buzz Around Windows 10

Rumors are circulating about Windows 10 potentially supporting synced passkeys in the near future. This could be a game-changer, fostering widespread user adoption and intensifying the demand for this feature. Industry insiders believe that integrating the synced passkey functionality into Windows 10 should be relatively seamless. Hence, there's a possibility that, before Windows 10 reaches its end of life in October 2025, it might receive enhanced passkey management and Conditional UI features.

## Eager Anticipation for Synced Passkeys in Windows Hello

The tech community is eagerly awaiting the introduction of passkey synchronization via Windows Hello. Such an update would revolutionize passkey management, connecting local passkeys in Windows with the cloud and offering a genuine cross-device experience similar to Apple's iCloud Keychain and Google's Password Manager. However, there's no official word from Microsoft about when this might come to fruition.

## Conclusion
Understanding passkey support across Windows versions can be daunting, but with the right information, it's manageable. As this domain continues to evolve, staying informed becomes vital.
Stay ahead of [Windows passkey support updates here](https://www.corbado.com/blog/windows-support-passkeys).
Different Ways To Convert String Into Number Using Pure JavaScript
Tags: javascript, programming, beginners
Published: 2023-12-01 11:00:00

**1. parseInt(str): **
Parses a string and returns an integer. It stops parsing when it encounters a non-numeric character.

**2. parseFloat(str):**
Parses a string and returns a floating-point number. It parses until it encounters an invalid character.

**3. Number(str): **
Converts a string to a number. It handles both integers and floating-point numbers.

**4. +str: **
Unary plus is a quick way to convert a string to a number. It works similarly to `Number(str)`.

**5. str | 0: **
A bitwise OR operation with zero effectively truncates the decimal part, converting a string to an integer.

**6. str * 1: **
Multiplying a string by 1 is another way to convert it to a number. It works for both integers and floating-point numbers.

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

---

I hope you found it useful. Thanks for reading. 🙏
Let's get connected! You can find me on:
- Medium: https://medium.com/@nhannguyendevjs/
- Dev: https://dev.to/nhannguyendevjs/
- Substack: https://nhannguyendevjs.substack.com/
- Linkedin: https://www.linkedin.com/in/nhannguyendevjs/
- X (formerly Twitter): https://twitter.com/nhannguyendevjs/
A step-by-step guide on how to handle Shadow DOM in Cypress
Tags: beginners, testing, career, 100daysofcode
Published: 2023-12-01 10:52:48

📣 Check out the latest blog on "A step-by-step guide on how to handle Shadow DOM in Cypress"

[Click on the link For more detail](https://www.lambdatest.com/blog/shadow-dom-in-cypress/)

✨ As a powerful end-to-end testing tool, Cypress can automate Shadow DOM elements. 

✨ Shadow DOM, a web technology that encapsulates DOM trees, can be beneficial for hiding implementation details or preventing unintended DOM manipulation.
9 BENEFITS OF HAVING A BUSINESS MANAGEMENT DEGREE
Tags: businessmanagementdegree, businessmanagementlondo, businessmanagementcourse, northamptondegree
Published: 2023-12-01 10:40:57

**What is a business management degree?**

A [degree in business management](https://www.resultsco.org.uk/ba-hons-in-business-management-with-foundation-year/) functions as a valuable asset, unlocking employment opportunities across a spectrum of managerial roles. Additionally, it provides individuals with the essential knowledge for those harboring aspirations of entering the entrepreneurial realm. Whether pursuing an undergraduate or graduate degree in business management, individuals have the flexibility to customize their educational journey to align with their long-term objectives. Many educational institutions offer both in-person and online classes, presenting a variety of specialty areas that students can choose based on their specific interests.

**Some of the many benefits of studying a business management degree include:**
1. Increase Employability
2. Develop fundamental management skills
3. Get an introduction into the business industry
4. Learn about multiple disciplines
5. Become an entrepreneur
6. Increase your credibility
7. Network with individuals with similar interests
8. Obtain a higher salary
9. Work in a flexible environment

Read the complete blog [here](https://www.resultsco.org.uk/blog-post/9-benefits-of-having-a-business-management-degree/).
9 BENEFITS OF HAVING A BUSINESS MANAGEMENT DEGREE
Tags: businessmanagementdegree, businessmanagementlondo, businessmanagementcourse, northamptondegree
Published: 2023-12-01 10:40:56

**What is a business management degree?**

A [degree in business management](https://www.resultsco.org.uk/ba-hons-in-business-management-with-foundation-year/) functions as a valuable asset, unlocking employment opportunities across a spectrum of managerial roles. Additionally, it provides individuals with the essential knowledge for those harboring aspirations of entering the entrepreneurial realm. Whether pursuing an undergraduate or graduate degree in business management, individuals have the flexibility to customize their educational journey to align with their long-term objectives. Many educational institutions offer both in-person and online classes, presenting a variety of specialty areas that students can choose based on their specific interests.

**Some of the many benefits of studying a business management degree include:**
1. Increase Employability
2. Develop fundamental management skills
3. Get an introduction into the business industry
4. Learn about multiple disciplines
5. Become an entrepreneur
6. Increase your credibility
7. Network with individuals with similar interests
8. Obtain a higher salary
9. Work in a flexible environment

Read the complete blog [here](https://www.resultsco.org.uk/blog-post/9-benefits-of-having-a-business-management-degree/).
How to remove git from the project and then upload it to the new repo ?
Tags: programming, github, git, webdev
Published: 2023-12-01 10:40:25

### Removing Git from the Project

**Step 1: Backup your project**
Before proceeding, make sure you have a backup of your project files in case anything goes wrong.

**Step 2: Delete the local Git repository**
1. Open your terminal or command prompt.
2. Navigate to your project directory using the `cd` command.
3. Remove the `.git` folder by running: 

   ```bash
   rm -rf .git
   ```

This command will delete the hidden `.git` directory which contains all the version control information.

### Uploading to a New Repository

After removing Git, you can now upload your project to a new repository.

**Step 1: Initialize a new Git repository**
1. Create a new empty repository on your preferred Git hosting service (GitHub, GitLab, Bitbucket, etc.).
2. In your terminal, navigate to your project directory.
3. Initialize a new Git repository:

   ```bash
   git init
   ```

**Step 2: Add your files and commit**
1. Add all your project files to the new repository:

   ```bash
   git add .
   ```

2. Commit the files:

   ```bash
   git commit -m "Initial commit"
   ```

**Step 3: Link the local repository to the remote one**
1. Link your local repository to the new remote repository:

   ```bash
   git remote add origin <new_repository_URL>
   ```

   Replace `<new_repository_URL>` with the URL of your new repository.

2. Push your code to the new remote repository:

   ```bash
   git push -u origin master
   ```

This will push your code to the new repository's `master` branch. If you have a different branch name, replace `master` with your branch name.

Remember to substitute `<new_repository_URL>` with the actual URL of your new repository.

These steps will create a new Git repository for your project and upload the files to the remote repository.
Quân Bin
Published: 2023-12-01 10:28:16

CEO Quân Bin - Người đứng đầu Gnbet, không chỉ là một lãnh đạo xuất sắc mà còn là nguồn động viên, định hình sự phát triển và thành công của Gnbet trên nền tảng cá cược quốc tế đang làm mưa là gió hiện nay.
Địa chỉ: 119 P. Dương Văn Bé, Vĩnh Phú, Hai Bà Trưng, Hà Nội, Việt Nam
Số điện thoại: 09281583191
Email: gnbetgames@gmail.com
Website: https://gnbet.games/quan-bin/
Hashtag: #gnbet #gamesgnbet #gnbetgames #gnbetapp #gnbetcom #linkgnbet #appgnbet
 
Social Links:

https://www.facebook.com/quanbingnbet

https://twitter.com/quanbingnbet

https://www.pinterest.com/quanbingnbet

https://www.reddit.com/user/quanbingnbet

https://www.quora.com/profile/Quanbingnbet

https://www.producthunt.com/@quanbingnbet

https://vimeo.com/quanbingnbet

https://foursquare.com/quanb9310510/list/quanbingnbet

https://www.youtube.com/@quanbingnbet/about

https://www.goodreads.com/user/show/172068613-qu-n-bin

https://soundcloud.com/quanbingnbet

https://twitch.tv/quanbingnbet

https://flipboard.com/@quanbingnbet/

https://en.gravatar.com/thebergeheraldo

https://dribbble.com/quanbingnbet/about

https://www.kickstarter.com/profile/quanbingnbet/about

https://www.blogger.com/profile/05811668065175783290

https://quanbingnbet.tumblr.com/

https://www.behance.net/quanbingnbet

https://about.me/quanbingnbet/

https://www.instapaper.com/p/quanbingnbet

https://sites.google.com/view/quanbingnbet/

https://band.us/@quanbingnbet

https://data.world/quanbingnbet

https://www.blackhatworld.com/members/quanbingnbet.1845405/#about

https://www.designspiration.com/quanbingnbet/

http://www.socialbookmarkssite.com/user/quanbingnbet/

https://replit.com/@quanbingnbet

https://pxhere.com/en/photographer/4134382

https://osf.io/532tc/

https://public.tableau.com/app/profile/quanbingnbet/

https://forums.goha.ru/member.php?u=1515233

https://www.chordie.com/forum/profile.php?id=1790190

https://roomstyler.com/users/quanbingnbet

https://quanbingnbet.contently.com/

https://www.penname.me/@quanbingnbet

http://egamingsupply.com/forum/member.php/63748-quanbingnbet

https://gitee.com/quanbingnbet

https://dev.to/quanbingnbet
Unique Pacman css loader
Tags: freecodez, react, html, blog
Published: 2023-12-01 10:22:28

Hey there, You are most welcome to this article. I hope you will enjoy this article. If you like this article then please share this article with your friends and colleagues. If you have any questions or suggestions regarding this article then please comment down below.

**Unique Pacman css loader**

![Unique Pacman css loader](https://res.cloudinary.com/freecodez/image/upload/v1701426116/images/qjt3ainkjlfr3vau0row.webp)

For full source code visit : [https://freecodez.com/post/sormxpl](https://freecodez.com/post/sormxpl)


```
<!-- https://freecodez.com -->

    <main id="container">
        
        <div class="dots">
            <div class="dot"></div>
            <div class="dot"></div>
            <div class="dot"></div>
            <div class="dot"></div>
            <div class="dot"></div>
            <div class="dot"></div>
            <div class="dot"></div>
            <div class="dot"></div>
            <div class="dot"></div>
            <div class="dot"></div>
        </div>
        <div class="dots2">
            <div class="dot2"></div>
            <div class="dot2"></div>
            <div class="dot2"></div>
            <div class="dot2"></div>
            <div class="dot2"></div>
            <div class="dot2"></div>
            <div class="dot2"></div>
            <div class="dot2"></div>
            <div class="dot2"></div>
            <div class="dot2"></div>
        </div>
        <div class="circle"></div>
    </main>

```

Source Code : [https://freecodez.com/post/sormxpl](https://freecodez.com/post/sormxpl)

For more such articles visit : [https://freecodez.com](https://freecodez.com/all)
Coloração de Mensagens em Aplicações CLI em Golang
Published: 2023-12-01 10:22:13


Em contextos de linha de comando, é importante colorir as mensagens no fim de cada processamento. Desta forma, torna-se possível destacar distintamente mensagens comuns, como erros, sucessos, avisos e informações.

A alteração das cores empregadas nas mensagens desempenha um papel significativo na melhoria da usabilidade da aplicação, proporcionando uma leitura mais intuitiva e eficaz.

No código fonte abaixo é possível observar a implementação de coloração em mensagens de acordo com os resultados obtidos durante a execução.

Para cenários mais avançados ou personalizados, recomenda-se explorar a biblioteca adicional fatih/color. Esta biblioteca proporciona uma variedade de recursos para formatação de texto colorido, permitindo adaptações mais específicas e refinadas.

Ao usar essas práticas na sua aplicação, é possível melhorar a aparência visual e a comunicação com o usuário, tornando as mensagens mais claras.

Código fonte: https://github.com/ortizdavid/go-nopain
Fatih Color: https://github.com/fatih/color




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



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



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


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



![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/wkagweo51gbh3z7lze70.png)
Como iniciar zustand de un server page al client en NextJs
Tags: nextjs, zustand, typescript
Published: 2023-12-01 10:12:10

En este post vamos a ver como podemos setear un `store` de [zustand](https://github.com/pmndrs/zustand) en un server page de [NextJs](https://nextjs.org/) y utilizarlo luego en cliente.

## ¿Por que querriamos hacer eso?
Pueden existir varios motivos, pero el principal es que supongamos que necesitamos setear el store con unos valores que recivimos de un terecero, como una llamada a una api. 
Lo bueno de los server page es que podemos solicitar datos de forma asyncrona, pero si seteamos el store en un server page el store no existira en el cliente. 

### Creamos el store
Doy por echo en este post que sabes como [instalar zustand](https://docs.pmnd.rs/zustand/getting-started/introduction#installation) y tienes conocimientos de nextjs.

**store.ts**
```typescript
import {create} from 'zustand';

interface Store {
  todos: Todo[];
  addTodo: (text: string) => void;
  toggleTodo: (id: number) => void;
}

export const useTodoStore = create<Store>((set) => ({
  todos: [],
  addTodo: (text) => set((state) => ({
    todos: [...state.todos, { id: Date.now(), text, completed: false }]
  })),
  toggleTodo: (id) => set((state) => ({
    todos: state.todos.map(todo => 
      todo.id === id ? { ...todo, completed: !todo.completed } : todo
    )
  }))
}));
```

### Iniciamos store en server page
Ahora en nuestro server page recuperamos los todos iniciales que queremos setear y hacemos un `setState`:
```tsx
 import useTodoStore from './store';

 export default async function Page() {
   const response = await fetch('https://jsonplaceholder.typicode.com/todos');
   if (!response.ok)
   throw new Error('Network response was not ok');
   
   useTodoStore.setState({
    todos: response.json()
   })
  }
```
### Sincronizar cliente con los datos que tenemos en el servidor

Ahora para este paso necesitamos crear un componenten de tipo `cliente` el cual vamos a usar para inicializar el store y poder usarlo en el lado de el cliente.

**StoreInitializer**
```tsx
'use client';

import {useRef} from "react";

import useTodoStore from "./store";

export default function StoreInitializer({todos}: {
    todos: Todo[]
}) {
    const initialized = useRef(false);
    const store = useReservaStore();

    if (!initialized.current) {
        store.setState({ todos });
        initialized.current = true;
    }
    return null;
}
```
En este punto ya tenemos los datos en el store y accesibles en el cliente y nos aseguramos de que cuando lo usemos en nuestra pagina cliente los datos ya este.

```tsx
 import useTodoStore from './store';

 export default async function Page() {
   const response = await fetch('https://jsonplaceholder.typicode.com/todos');
   if (!response.ok)
   throw new Error('Network response was not ok');
   
   useTodoStore.setState({
    todos: response.json()
   })
  }

  return (
   <>
    <StoreInitializer todos={useTodoStore.getState().todos} />
    <Todos />
   </>
  )
```

Links:
* https://docs.pmnd.rs/zustand
* https://nextjs.org/