teleren/devto huggingface dataset:
KIP Protocol: Pioneer in Decentralized AI
Tags: webdev, beginners, ai, devops
Published: 2024-06-23 15:01:10

📚 TinTinLand's #TinTinLandWeb3LearningMonth  has successfully entered its fourth week!

📅 In Week 4 (June 24th to June 30th), @KIPprotocol will bring a series of enriching online AMA sessions, workshops, and Zealy learning tasks.

🎨 #KIPProtocol is a decentralized underlying protocol designed for #AI app developers, model creators, and data owners. It aims to facilitate the creation, management, and monetization of decentralized digital property, enabling AI creators to achieve KnowledgeFi on #Web3 securely.
🛠️ Join our Discord for more details: https://discord.gg/65N69bdsKw

🚀 Participate in #TinTinLand Discord and Zealy task board for collaborative learning and tasks!
▪️ Zealy: https://zealy.io/cw/tintinland/questboard

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

📢 Join us for #TinTinAMA No.14 ➡️【#KIPProtocol: Pioneers of Decentralized #AI】
📅 June 25th  | 21:00 UTC+8
👥 Guests:
🔹 @TracySalanderBC | Community Manager at TinTinLand
🔹 @julian_kip | Co-founder of @KIPprotocol
🔹 @HumanLevelJen | Chief AI Officer of @KIPprotocol
🔹 @orlowskilp | Infrastructure Lead of @KIPprotocol

📺 X Space: https://twitter.com/i/spaces/1DXxyjjrwRdKM



📢 Don't miss #TinTinMeeting Episode 40 airing this Thursday!
🎓 Topic: Decentralized #AI Product Deployment with @KIPprotocol
📅 June 27th (Thursday) ｜21:00 UTC+8
👥Guests:
@HumanLevelJen | Chief AI Officer of KIP Protocol 
📺Youtube: https://www.youtube.com/live/KUq3Tjzff8I
Idempotency in 256 characters or less
Tags: devchallenge, cschallenge, computerscience, beginners
Published: 2024-06-23 14:52:48

*This is a submission for [DEV Computer Science Challenge v24.06.12: One Byte Explainer](https://dev.to/challenges/cs).*

## Explainer

Borrowed from Mathematics, an **idempotent** operation can run multiple times without changing the result. Writing to a file is idempotent, but appending to a file is not. A script using idempotent operations can thus fail midway and be restarted safely.

## Additional Context

<!-- Please share any additional context you think the judges should take into consideration as it relates to your One Byte Explainer. -->

This idempotency concept is so important, yet too often unknown. It is the magic behind famous tools such as Terraform, Ansible, Kubernetes Manifests, etc. Fault-tolerant REST APIs are mostly [idempotent REST APIs](https://restfulapi.net/idempotent-rest-apis/). It is everywhere, yet cleverly hidden. It is what makes operations repeatable and consistent.

There are better explanations online, but if my submission makes at least one person curious about this concept and want to know more, then I won already 🙂 !

<!-- Team Submissions: Please pick one member to publish the submission and credit teammates by listing their DEV usernames directly in the body of the post. -->

<!-- Don't forget to add a cover image to your post (if you want). -->

<!-- Thanks for participating! -->
onions and recursion
Tags: devchallenge, cschallenge, computerscience, beginners
Published: 2024-06-23 14:47:23

**This is a submission for [DEV Computer Science Challenge v24.06.12: One Byte Explainer](https://dev.to/challenges/cs).**

**_Explainer_**

Recursion is a method where a function calls itself until it satisfies a base case. It simplifies complex problems. It is like peeling an onion's layers until you reach its core- the layers are the function called repeatedly and the core is the base case.

**_Additional Context_**

Recursion is something I struggled to understand properly when I first learnt it as I could not understand why it was being done or why it could be of any use when for loops occur but I learnt more with experience. Written above in 256 characters, is how I would introduce my younger self to the concept of recursion so I would get a good handle of the topic right from the start.
Why Docker Popular ?
Published: 2024-06-23 14:45:03

Why Docker Popular- 



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


1. **Portability:** Docker ensures that applications run consistently across any environment, from a developer's personal laptop to the production server, avoiding the common pitfall of encountering bugs and inconsistencies due to environment-specific differences.
2. **Efficiency:** Containers share the host system's kernel and do not require an operating system per application, making them lighter and faster than traditional virtual machines. This efficient use of system resources translates to faster start-up times and more scalable solutions.
3. **Isolation**: Docker provides application isolation, which improves security and allows multiple containers to run simultaneously on the same host without interference. Each container has its own filesystem, ensuring processes are separated and resource usage is controlled.
4. **Version Control and Component Reuse:** Docker images can be versioned, shared, and reused. This is akin to version controlling the entire environment. Developers can push their Docker images to a registry (such as Docker Hub) and pull them down for use without needing to set up environments manually.
5. **CI/CD :** Docker simplifies the development process by allowing developers to create local environments that match production systems. 
Additionally, Docker works well with continuous integration and deployment (CI/CD) systems
Automating the deployment process and ensuring that applications are deployed consistently.
Check used fonts on a webpage
Tags: webdev, css, frontend, webdesign
Published: 2024-06-23 14:42:22

---
title: Check used fonts on a webpage
published: true
description: 
tags: #webdev #css #frontend #webdesign
# cover_image: https://direct_url_to_image.jpg
# Use a ratio of 100:42 for best results.
# published_at: 2024-06-23 12:46 +0000
---

##Circumstances

As I am currently learning next.j. I am going through the course created by next team (https://nextjs.org/learn).

There is a section related to fonts and images optimization.
Honestly, I have never paid much attention to fonts and which fonts are used on a certain element on a webpage. 
But I realized going through this material that you are able to do that. You can find out which fonts are used on a certain element. You could have more than one custom fonts on the page and this could be useful.

As I am using Chrome as my default browser I opened devtools and checked the used fonts. 

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

This seemed pretty poor and without much info. 

But I did the same thing in firefox and firefox seems to have much more options regarding fonts. You could change the size, line height, spacing, weight through it's editor. This seems quite useful especially while you are trying to find out which font properties suit you best for a certain element.

<img width="100%" style="width:100%" src="https://media.giphy.com/media/v1.Y2lkPTc5MGI3NjExMmk2ZDJoNWQ1bzJiOHFzc295eTk4cm90d2d1MjQyZnFqcno5OTc0OSZlcD12MV9pbnRlcm5hbF9naWZfYnlfaWQmY3Q9Zw/Pl68JgH1lez8j1pyli/giphy.gif">

##My thoughts

These findings regarding fonts reminded me when I had some troubles with the layout in the past that I could do much better debugging in firefox than in chrome. 
Firefox seems is taking more care about css stuff to make FE development more fluid than chrome does. I think I should take this in consideration next time while I am doing css work and use firefox as a default one! 

Cheers. Have a good day!
What is Docker | Visual thinking |2024
Published: 2024-06-23 14:38:43

What is Docker ? 

Docker is an open platform for developing, shipping, and running applications. Docker enables you to separate your applications from your infrastructure so you can deliver software quickly. 

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

With Docker, you can manage your infrastructure in the same ways you manage your applications. By taking advantage of Docker's methodologies for shipping, testing, and deploying code, you can significantly reduce the delay between writing code and running it in production.

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

@Rahulcloud2023
Concurrency and Parallelism
Tags: devchallenge, cschallenge, computerscience, beginners
Published: 2024-06-23 14:36:59

*This is a submission for [DEV Computer Science Challenge v24.06.12: One Byte Explainer](https://dev.to/challenges/cs).*
## Explainer

### Concurrency
Concurrency is like having one person doing multiple household tasks by switching between them. Imagine someone who starts washing dishes, then pauses to vacuum the living room, and then goes back to finish the dishes. They’re doing tasks in small steps, one after the other, to make progress on all tasks without completing one entirely before starting the next.

### Parallelism
Parallelism is like having several people each doing different household tasks at the same time. One person vacuums the living room while another washes the dishes and someone else mows the lawn. They’re working simultaneously on different tasks, getting everything done faster.
Still earning money with code? 😇
Tags: webdev, javascript, node, chatgpt
Published: 2024-06-23 14:32:25

Claude 3.5 Sonnet just coded a full-featured file upload ([link to demo mp4](https://temp.paracast.io/ai_code.mp4)) component for me:
1) + a spinner
2) size restriction
3) file extension restriction
4) + a preview preview
5) + state management
6) + upload to a Cloudflare R2 bucket


If you still sell code, you definitely have to take a break and think about your future. What they pay you for today will cost way less tomorrow. Not because programmers will vanish, but because one programmer will be able to do x100 more work and therefore the market will need x100 fewer programmers. It is the basic law of supply and demand.

One possible way for you to still earn money with your laptop is by building your own products. You do not have to aim for millions. You can build a small project that brings you a net $10K/m and live a happy life in the future 🙂
update jdk8 with apt in ubuntu18
Published: 2024-06-23 14:28:29

Following steps are running on a ubuntu18 server vm in pve.
And jdk8 was installed with apt previously a few years ago.

1. check current version in use
run: `java -version`
got: `openjdk version "1.8.0_312"`
This version is outdated.

2. check apt source
run:
`sudo apt update`
then:
run: `apt list | grep jdk`
this will give something like 
`openjdk-8-jdk/bionic-updates,bionic-security,now 8u372-ga~us1-0ubuntu1~18.04 amd64`
followed by `[upgradable from: ...]`
This is quite obvious.

3. upgrade
run: `sudo apt upgrade openjdk-8-jdk`
This may complain like:
`Could not get lock /var/lib/dpkg/lock-frontend - open`
This means some apt process is holding the lock.
run: `sudo ps -ef | grep apt` to check related processes.
If the processes in result are some background task of apt or apt-get like daily-apt, just wait for the background work to finish.
If not, may have to kill the processes or contact server administrator.
then: 
run: `sudo apt upgrade openjdk-8-jdk`

4. check again
run: `java -version`
got: `openjdk version "1.8.0_362"`

Done.
Como usar o comando oobe ypassnro no Windows
Tags: windows, oobe, configuração, tecnologia
Published: 2024-06-23 14:24:09

---
title: Como usar o comando oobe\bypassnro no Windows
published: true
description: 
tags: 
  - Windows
  - OOBE
  - Configuração
  - Tecnologia
cover_image: https://dev-to-uploads.s3.amazonaws.com/uploads/articles/cvxd0sagildprt4z74tj.png
---

Você já encontrou a necessidade de configurar um computador novo, mas foi bloqueado pelo processo de OOBE (Out-of-Box Experience)? Pode ser frustrante quando você está tentando preparar uma máquina e não pode avançar sem uma conexão de rede. Felizmente, há uma solução para contornar isso com o comando `oobe\bypassnro`.

#### O que é OOBE?

OOBE, ou Out-of-Box Experience, é a série de etapas iniciais que o Windows utiliza para configurar um novo dispositivo ou após uma instalação limpa do sistema operacional. Esse processo inclui a aceitação dos termos de licença, a criação de contas de usuário, configurações de privacidade e, muitas vezes, a exigência de uma conexão com a internet.

#### Bypass NRO: o que significa?

NRO significa Network Requirement Override, ou seja, a desativação da exigência de conexão de rede. Em determinadas situações, como quando você não tem acesso imediato a uma rede, é útil poder pular essa exigência e continuar a configuração do sistema.

#### Como usar `oobe\bypassnro`

1. **Inicie o OOBE**: Quando você está no meio do processo de configuração do OOBE e encontra a tela pedindo para se conectar a uma rede, pressione `Shift + F10`. Isso abrirá o Prompt de Comando.

2. **Digite o comando**: No Prompt de Comando, digite `oobe\bypassnro` e pressione Enter.

3. **Reinicialização**: O sistema vai reiniciar e o OOBE será relançado. Desta vez, ele permitirá que você pule a etapa de conexão de rede, permitindo configurar o sistema sem precisar estar online.

#### Por que isso é útil?

Este comando é particularmente útil para administradores de sistema e técnicos que precisam configurar múltiplos dispositivos de maneira eficiente, sem depender de uma conexão de internet imediata. Também é útil para situações em que a rede está temporariamente indisponível.

### Conclusão

O comando `oobe\bypassnro` é uma ferramenta simples, mas poderosa para contornar a exigência de rede durante a configuração inicial do Windows. Da próxima vez que você estiver configurando um novo dispositivo e encontrar a barreira da conexão de rede, lembre-se desse truque para economizar tempo e evitar frustrações.


*Photo by [Windows](https://unsplash.com/@windows?utm_content=creditCopyText&utm_medium=referral&utm_source=unsplash) on [Unsplash](https://unsplash.com/photos/person-using-windows-11-computer-on-lap-AigsWJmvoEo?utm_content=creditCopyText&utm_medium=referral&utm_source=unsplash).*
The Magic of Binary Search: Finding Needles in Haystacks
Tags: devchallenge, cschallenge, computerscience, beginners
Published: 2024-06-23 14:17:34

*This is a submission for [DEV Computer Science Challenge v24.06.12: One Byte Explainer](https://dev.to/challenges/cs).*

## Explainer

Binary search is like finding a word in a dictionary by opening it in the middle, then narrowing down based on alphabetical order. It works on sorted data, halving the search space with each comparison until the target is found or deemed absent.

## Additional Context

Binary search is efficient (O(log n)) for large datasets, unlike linear search (O(n)). It's used in algorithms for fast data retrieval and is fundamental in computer science and programming interviews.
Understanding Cache Memory: The Librarian's Efficiency Secret
Tags: devchallenge, cschallenge, computerscience, beginners
Published: 2024-06-23 14:15:28

*This is a submission for [DEV Computer Science Challenge v24.06.12: One Byte Explainer](https://dev.to/challenges/cs).*

## Explainer

Cache memory is like a librarian's desk: it stores frequently accessed information for quick retrieval. It sits between main memory (bookshelves) and the CPU (reader). Faster than RAM but smaller, it optimizes performance by reducing the need to fetch data from slower memory.

## Additional Context

Understanding cache hierarchy is crucial for optimizing system performance in CPUs. It minimizes latency and boosts efficiency by exploiting the principle of locality, where recently accessed data is likely to be accessed again soon.
My take on Modeling Large Amounts of HLA Molecules with Ruby
Tags: hla, modelling, ruby, threads
Published: 2024-06-23 14:13:23

---
title: My take on Modeling Large Amounts of HLA Molecules with Ruby
published: true
description: This blog post presents a Ruby script for generating 3D models of HLA molecules using Meta's ESMFold
tags: hla, modelling, ruby, threads
# cover_image: https://direct_url_to_image.jpg
# Use a ratio of 100:42 for best results.
# published_at: 2024-06-23 13:57 +0000
---

Understanding the 3D structures of HLA (human leukocyte antigen) molecules is crucial. These molecules help the immune system recognize what's foreign and what's not. Here's why this matters:

- **Transplants**: Matching HLA types between donors and recipients is key to avoid rejection.
- **Disease Links**: Some HLA types are linked to autoimmune diseases, infections, and drug reactions.
- **Vaccines**: Knowing how HLA presents antigens aids in designing effective vaccines.
- **Cancer Treatment**: Identifying how HLA presents tumor antigens helps in personalized cancer therapies.

### Ruby Script for HLA Modeling

Based on my previous work at [pHLA3D](https://www.phla3d.com.br), I developed a **[Ruby script](https://github.com/mariomarroquim/hla-modeller)** to efficiently model large numbers of HLA molecules. Here's how it works:

1. **Data Prep**: It gathers and preps HLA sequence data for analysis.
2. **Parallel Processing**: It split the workload across multiple threads, cutting down processing time.
3. **ESMFold Integration**: It uses Meta’s ESMFold online service, sending HLA sequences and getting back 3D models.
4. **Post-Processing**: I intend to clean up and validate the models for further use. **Can you help me with that?**

### Why This Rocks

- **Speed**: Parallel processing handles data quickly.
- **Scalability**: Using Meta's ESMFold means no need for a massive server setup.
- **Flexibility**: Written in Ruby, this script is easy to tweak and expand.

In short, this approach makes modeling HLA molecules faster and more accessible, helping advance research and medical treatments. **Please, contribute!**
Ways to inspect elements on websites that Disabled inspect DevTool
Tags: devtool, disabled, inspect, webdev
Published: 2024-06-23 14:08:08

Even if a website tries to disable DevTools, we can still access them using the browser's menu. Here are the ways to do it:


**Chrome:**

1. Click on the three vertical dots (⋮) in the top right corner of the browser window.

2. Select More tools > Developer tools.
3. Alternatively, you can press Alt + D and then press Enter to focus on the address bar, and then press F12.

---

**Firefox:**

1. Click on the three horizontal lines (≡) in the top right corner of the browser window.

2. Select Web Developer > Toggle Tools.

3. Alternatively, you can press Ctrl + Shift + E (Windows/Linux) or Cmd + Opt + E (Mac).

---

**Edge:**

1. Click on the three horizontal dots (…) in the top right corner of the browser window.
2. Select More tools > Developer tools.

3. Alternatively, you can press F12.

---

**Safari:**

1. Click on Safari in the top menu bar.

2. Select Preferences > Advanced.

3. Check the box next to Show Develop menu in menu bar.

4. Then, click on Develop in the top menu bar and select Show Web Inspector.

5. Alternatively, you can press Cmd + Opt + I.
By using these methods, you can bypass any attempts to disable DevTools and still access them.


---

**Brave Browser :**

1. Menu: Click on the three horizontal lines (≡) in the top right corner of the browser window. 

2. Select More tools > Developer tools.
Keyboard shortcut: Press Ctrl + Shift + I (Windows/Linux) or Cmd + Opt + I (Mac).

3. Address bar: Press Alt + D and then press Enter to focus on the address bar, and then press F12.

These methods should allow you to access DevTools in Brave Browser, even if a website tries to disable them.

Note: Brave Browser is based on Chromium, so the keyboard shortcuts and menu options are similar to those in Google Chrome.
Earn Money Online with AI and StudyPool: A Step-by-Step Guide
Tags: earnmoneywithai, studypoolfreeearnings, onlinemoneymakingtips, aicontentgeneration
Published: 2024-06-23 13:56:02

Today, in the digital world, making money online has never been easier, especially with the help of AI and platforms like StudyPool.com. If you’re a student or someone who loves creating content, this guide will show you how to earn money for free with the help of AI and StudyPool. Follow these steps to start your journey to online earnings, with the potential to earn significant income as your content gains popularity.

Table of Contents
Step 1: Sign Up on StudyPool.Com
Step 2: Choose a Topic
Step 3: Research Articles
Step 4: Generate Content with AI
Step 5: Humanize Your AI-Generated Content
Step 6: Review and Edit
Step 7: Upload Your Document to the StudyPool
Step 8: Earn Money
Step 9: Withdraw Your Earnings
Tips for Success
Success Story

View Full Article on [TheEaglesTech.com](https://theeaglestech.com/article/earn-money-with-ai-and-studypool-2024/)
Component id generation collision detected
Published: 2024-06-23 13:51:47

`host: {'collision-id': 'gallery-1'},`

> use different different id like:
> gallery-1
> gallery-2

```js
import { Component, ElementRef, Input, ViewChild } from '@angular/core';

@Component({
  selector: 'app-gallery',
  templateUrl: './gallery.component.html',
  styleUrls: ['./gallery.component.scss'],
  host: {'collision-id': 'gallery-1'},
})
export class GalleryComponent {
  @ViewChild('fullScreen') elem!: ElementRef;
  @Input() galleryData!: any[];
```
Twilio Intelligent Doctor By AbdulsalamAmtech
Tags: devchallenge, twiliochallenge, ai, twilio
Published: 2024-06-23 13:46:14

*This is a submission for the [Twilio Challenge ](https://dev.to/challenges/twilio)*

## What I Built
<!-- Share an overview about your project. -->
I built an AI symptoms analyzer and emergency reporter.

## Demo
<!-- Share a link to your app and include some screenshots here. -->

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

The demo link for my project called: [Twilio Intelligent Doctor](https://github.com/abdulsalamamtech/twilio-intelligent-doctor)

## Twilio and AI
<!-- Tell us how you leveraged Twilio’s capabilities with AI -->

1. Firstly,
 for AI symptoms analyzer a user on the app will enter his or her symptoms, choose sex (male or female) and age (e.g. 20 45 or 65), click on check condition button.
The symptoms will be sent to an AI model to analyze and send back possible condition and healthcare personnel to meet, then a page will show up with what the AI has analyze with a button to contact the person the AI has suggested.
If the button is clicked with a SMS or Voice options for Twilio to use and send the symptoms.

2. Secondly,
 for the Emergency Reporter a user enters description of an emergency and address and click on the report button.
The emergency will be sent to an AI model on possible agency to contact, then the emergency message will be sent to the emergency agency through SMS or Voice.

## Additional Prize Categories

<!-- Does your submission qualify for any additional prize categories (Twilio Times Two, Impactful Innovators, Entertaining Endeavors)? Please list all that apply.  -->

My project qualifies for Twilio Impactful Innovation and Twilio Times Two.

<!-- Team Submissions: Please pick one member to publish the submission and credit teammates by listing their DEV usernames directly in the body of the post. -->
I credited myself @abdulsalamamtech for building this project and @devAbdulsalam for his support. 

<!-- Don't forget to add a cover image (if you want). -->

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

<!-- Thanks for participating! → -->
Thanks for giving me the opportunity to participate in this twiliochallenge.