teleren/devto huggingface dataset:
Operators
Tags: beginners, programming, tutorial, cpp
Published: 2023-03-09 14:49:32

Salom bugun sizlar bilan Operatorslar haqida gaplashamiz  . 
Hozir sizlar bilan operatorslar nimaga kerak qanday holatlarda ishlatiladi va shu kabi savollarimizga javob topamiz .

Va yana ....
1. syntaksis 
2. chiqarish operatori 
3. yangi qator 
4. o'zgaruvchilar 
5. identifikator 
6. konstanta 
7. ma'lumot turlari 
8. operators 
lar bilan tanishamiz . 

1 . syntaksis - deb biz birinchi kirganimizda chiqadigan kutibxona va o'sha yerdagi narsalarga aytiladi . 

2 . chiqarish operatori - bunga biz misol qilib biror bir narsani cout qilib chiarishni olishimiz mumkin . 
shunga o'xshash narsalar kiradi . 

3 . yangi qator - kiritish bu \n yoki endl . \n bu faqat sonlar uchun . endl esa barchasiga o'tadi . Shuning uchun biz ko'd yozayotganimizda endl dan foydalanganimiz yaxshiroq . 

4 . o'zgaruvchilar - bu dehqoncha qilib aytganda pustoy tarelka . 
uni tipini va ichidagi narsani biz o'zimiz kiritamiz . 

5 . identifikator - bu biz o'sha yaratgan o'zgaruvchilarimizga to'g'ri nom berish . Masalan biz o'zgaruvchilarga son kiritayotgan bo'lsak uni son deb yoki number / qisqacha num deb qilishimiz kerak bo'ladi shunda o'zimizni ham o'qiyotgan inson ni ham tushunishi onson bo'ladi . 

6 . konstanta - bu - const - bu o'zgarmas hisoblanadi . c ++ da dasturlash tilida o'zgarmaslarni e'lon qilish so'zidan foydalansak bo'ladi . KOnstanta faqat qiymatni (olish) o'qishi mumkin xolos .
U qisqacha const deb yoziladi . Uni o'zgaruvchini tipidan keyin yozishimiz kerak bo'ladi  . Agar shunday qilsak biz const qilgan qismni o'qiydi . Uni qiymatini o'zgartirmaydi . 

7 . Ma 'lumot turlari - ya'ni data type bu haqida ham oldingi maqolalarda yozib o'tganman lekin aytib o'tgaman . Bular ga int ,  string  , float , char va boshqalar kiradi . asosiysi shular . 

8 . operators - operatorlar 
Arifmetik operatorlar
Tayinlash operatorlari
Taqqoslash operatorlari
Mantiqiy operatorlar
Bitwise operatorlar 
 xillari bor . 

O'zi biz operatorlarni o'zgaruvchilar va qiymatlar bilan ishlashda foydalanamiz . 
operatorlar ga + - ++ -- / %  < > va boshqalar kiradi . 

Bulardan biz sonlarni bir - biriga tepadigi amallar bilan qilishda foydalanamiz . Bular deganda kasr son va boshqalar ham kiradi . 

Tepada aytilgan operatorlardan biz tayinlash va taqqoslash operator larini o'tganmiz . 

Tayinlash operator lari bu -
x += 5 ; x = x + 5 ;
x -= 5 ; x = x - 5 ;
x *= 5 ; x = x * 5 ;
x /= 5 ; x = x / 5 ;
x %= 5 ; x = x % 5 ;
ya 'ni ularga qiymat berish kiradi . 

Taqqoslash operatorlari esa true va folse dan iborat . 
to'g'ri bo'lsa 1 , xato bo'lsa 0 chiqarib beradi . 

Bugun men tushuntirgan operators va boshqa ma'lumotlarni tushundingiz deb o'ylayman keyingi maqolalarimgacha see you goodbye . Men yozgan barcha narsani o'qidingiz deb o'ylayman  .
What is Technical debt
Tags: dev, technical, software, engineering
Published: 2023-03-09 14:47:00

---
title: What is Technical debt
published: true
description: Technical debt
tags: dev, technical, software, engineering
# cover_image: https://direct_url_to_image.jpg
# Use a ratio of 100:42 for best results.
published_at: 2023-03-09 14:47 +0000
---

Technical debt is a term used in the software industry to describe the long-term cost of making decisions that speed up software delivery in the short term, but may lead to technical problems in the future. Technical debt refers to the need to do additional work in the future to correct problems that are created by taking shortcuts or not following good engineering practices.

For example, there may be a tight deadline to deliver a new feature in software and to meet the deadline, the development team may decide not to invest in extensive testing or refactoring the code to make it more readable and maintainable. While this may allow the team to deliver the new feature on time, it may also create technical problems and make the software more difficult to maintain and evolve in the future, increasing the technical burden.

Technical debit is not something inherently bad, as it can be a conscious and justified decision in some cases. However, it is important that development teams are aware of the costs and risks involved in taking shortcuts and ensure that technical debt is managed to minimize its long-term impact.
OSDC-2023-first-assignment
Tags: osdc, git, github
Published: 2023-03-09 14:23:32

---
title: OSDC-2023-first-assignment
published: true
description: 
tags: osdc, git, github
# cover_image: https://direct_url_to_image.jpg
# Use a ratio of 100:42 for best results.
# published_at: 2023-03-09 11:50 +0000
---

Today was the first day of the course OSDC 2023, led by @szabgab OSDC. 

In the first assignment, I played around with GitHub, edited the OSDC course repository, added JSON file, and sent a pull request.

I am really looking forward to this course and hope to learn new tools in the field of Open Source Development.
Resolvendo problemas no HackerRank: Visualizando PDF
Tags: javascript, beginners, programming
Published: 2023-03-09 14:20:40

Olá, seja bem vindo a mais um Resolvendo problemas no HackerRank: no problema de hoje, iremos analisar um array de cada uma das letras separadas num visualizador de pdf. Vejamos mais detalhes a seguir:

**Designer PDF Viewer -**

Quando um bloco contíguo de There is a list of  character heights aligned by index to their letters. texto é selecionado em um visualizador de PDF, a seleção é destacada com um retângulo azul. Neste visualizador de PDF, cada palavra é destacada de forma independente.

- Existem 26 palavras de altura alinhados
-int h[26]// as alturas de cada letra 
- word string // uma string

- retornar : int // o tamanho da área destacada

Vejamos a resolução:

```
function designerPdfViewer(h, word) {
    // Write your code here
return Math.max(...word.split("").map(w => h[w.charCodeAt() - 97])) * word.length;
}
```
O código acima é uma função chamada designerPdfViewer que recebe dois parâmetros: h e word.

O parâmetro h é um array de números inteiros que representa as alturas de uma série de letras. Cada posição do array corresponde a uma letra do alfabeto, começando com a letra "a" na posição 0 e terminando com a letra "z" na posição 25. Por exemplo, se h for [1, 3, 1, 3, 1, 4, 1, 3, 2, 5, 5, 5, 5, 1, 5, 5, 1, 5, 2, 5, 5, 1, 5, 5, 5, 5], isso significa que a letra "a" tem altura 1, a letra "b" tem altura 3, a letra "c" tem altura 1 e assim por diante.

O parâmetro word é uma string que representa uma palavra. A função designerPdfViewer calcula a área ocupada pela palavra na tela, considerando que a largura de cada letra é sempre a mesma e igual a 1. Para isso, ela calcula a altura da letra mais alta na palavra e multiplica pelo comprimento da palavra.

O método split("") é usado para separar cada letra da palavra em um array. Em seguida, o método map() é usado para percorrer cada letra e obter sua altura correspondente no array h. Para isso, a expressão w.charCodeAt() - 97 é usada para obter o código Unicode da letra e subtrair 97, o que resulta em um número de 0 a 25 correspondente à posição da letra no array h.

Por fim, a função Math.max() é usada para obter a altura da letra mais alta na palavra, e o resultado é multiplicado pelo comprimento da palavra para obter a área total ocupada pela palavra na tela.

Com isso, concluímos mais um desafio do _Resolvendo problemas no HackerRank: _. Até a próxima.
yangi qator
Published: 2023-03-09 14:13:18

Albatta kod yozilar ekan yangi qator tashlanishi shart.
yangi qator tashlash uchun quyidagi operatorlardan foydalanamiz.

"\n" yoki "endl" 

bu ikki qo'shimchaning vazifasi bir xil ammo qo'llanilishida farq bor.

"\n" - faqat str yani string tipidagi belgilarga mos tushadi.String bu = matn tipi.

endl - str va int tipidagi belgilarga ham mos tushadi.

.
int - bu son tipi

ko'pincha dasturchilar "endl" dan foydalanadilar.
Actiflow - Prostate Health Results, Price, Complaints & Warnings?
Tags: webdev, javascript, beginners, programming
Published: 2023-03-09 14:00:10

Myaxyl can be a Actiflow proprietary product from Kerala Ayurveda. Kerala Ayurveda is undertaking massive studies on herbs and formulations make sure their pureness. They perform this in order to bring the herbs to people globally that happen to be seeking alternative or integrative medical assistance.
https://www.outlookindia.com/outlook-spotlight/actiflow-reviews-prostate-health-support-ingredients-price-and-shocking-truth--news-268063
https://lexcliq.com/actiflow-prostate-health-benefits-results-reviews-scam-or-legit/ 
https://www.facebook.com/events/1824958734547476/
https://www.instagram.com/kdsaouvna/
https://www.pinterest.com/pin/1141944049243916797/
https://www.scoop.it/topic/actiflow-info
https://twitter.com/actiflowinfo
https://www.sportsblog.com/actiflowfact/actiflow-prostate-health-benefits-results-price-where-to-buy/
https://www.launchora.com/story/actiflow-prostate-health-benefits-results-revi
Island Escapades Updates on the Development of Escape The Wave
Tags: programming, opensource, gamedev, godot
Published: 2023-03-09 14:00:00

Game development can be both challenging and exciting. It requires a lot of effort and creativity to come up with a game that is both engaging and enjoyable. In this devlog, I will be sharing my progress on my new game [Escape The Wave](https://github.com/EmilienLeroy/EscapeTheWave).

## Adding Escape Element

This week, I worked on adding the escape element to the game, which emits a signal when the player enters into the zone. The idea is to allow players to escape from the island they are stranded on. To achieve this, I created a new node and added it to the procedural map using a function that gave me the border of the island. Once I got a random position based on the island's border, I added it to the map.


![escape](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/5n5yi1r0cgxapxz9nrds.gif)


![map](https://cdn.hashnode.com/res/hashnode/image/upload/v1678042250806/50b4e34f-6bfc-40e1-8594-eccaf7cb8c5c.gif)

## Solving Map Issues

However, sometimes the island would have small archipelagos that could result in the escape being out of the main island's reach, making it impossible for the player to access it. To fix this, I created a function with the help of Chat GPT that removes all the unconnected islands. This allowed the escape to be always on the island.

But another issue arose when the wall could block the access to the escape. At the moment, I am waiting for assets for the game, so I haven't fixed this problem yet. I plan to work on it once I have implemented the assets. In addition to this, I also improved the loading time of the map when its size is too large.

## Mob Spawns and Level System

Lastly, I added mob spawns on the island using a random position on the island. I also added a level system, where once the player enters the escape, they go to the next level. The next level will have a bigger map and more mobs, increasing the game's difficulty.

![level](https://cdn.hashnode.com/res/hashnode/image/upload/v1678042271457/19e536b9-1c87-495b-9660-a5908cb1f67d.gif)

## Conclusion

In conclusion, game development is a never-ending process of tweaking and improving. With every step forward, new challenges arise, but with perseverance and determination, they can be overcome. Escape The Wave is still a work in progress, and I can't wait to see how it evolves in the coming weeks.
Blog
Published: 2023-03-09 13:49:41

A [blog](https://gofinanc.com/) is a type of website or online platform that typically features written content in the form of articles, posts or entries. Blogs often focus on a specific topic or theme, such as personal experiences, news, entertainment, education, or niche interests.

Blog posts are usually displayed in reverse-chronological order, with the most recent post appearing first on the website. Bloggers can write and publish their posts using a variety of software tools and platforms, and readers can typically leave comments or feedback on the content.

Blogs can be personal, professional or commercial, and can serve a variety of purposes, such as sharing information, expressing opinions, building a community, promoting products or services, or generating income through advertising or affiliate marketing.
Jaiz bank
Published: 2023-03-09 13:43:46

[https://www.bankfanz.com/jaiz-bank-transfer-code/](https://www.bankfanz.com/jaiz-bank-transfer-code/#utm_source=backlinks&utm_medium=search&utm_campaign=darry+ring+us&utm_content=Michelle)

https://plaza.rakuten.co.jp/jaizbankcode2023/diary/202303090000/
https://peatix.com/user/16317498/
https://www.provenexpert.com/what-is-jaiz-bank-transfer-code-20232/
https://www.producthunt.com/@jaizbank2
https://www.divephotoguide.com/user/Jaizbanktransfercode2
https://wakelet.com/@Whatisjaizbanktransfercode255
https://vocal.media/authors/what-is-jaiz-bank-transfer-code
https://www.lifeofpix.com/photographers/jaizbanktransfercode2/
https://seedandspark.com/user/what-is-jaiz-bank-transfer-code
https://rosalind.info/users/Jaizbanktransfercode2/
http://phillipsservices.net/UserProfile/tabid/43/userId/203872/Default.aspx
https://app.roll20.net/users/11714352/what-is-jaiz-bank-transfer-c
https://speakerdeck.com/jaizbankcode2
https://camp-fire.jp/profile/Jaizbanktransfercode2
https://plazapublica.cdmx.gob.mx/profiles/Jaizbankcode2/activity
https://www.metal-archives.com/users/Jaizbanktransfercode2
https://storium.com/user/jaizbanktransfercode2
https://trabajo.merca20.com/author/jaizbanktransfercode2/
https://www.intensedebate.com/people/Jaizbankcode2
https://www.mifare.net/support/forum/users/jaizbanktransfercode2/
https://pinshape.com/users/2589319-jaizbank2
http://foxsheets.com/UserProfile/tabid/57/userId/123524/Default.aspx
https://www.kompasiana.com/jaizbank2
https://leanin.org/circles/what-is-jaiz-bank-ussd-code-2
https://www.credly.com/users/what-is-jaiz-bank-ussd-code-2023/badges
https://www.myminifactory.com/users/Jaizbankussdcode2
https://www.sqlservercentral.com/forums/user/jaizbankussdcode2
https://www.longisland.com/profile/Jaizbankussdcode2
https://guides.co/a/jaiz-bank-ussd-code
https://myanimelist.net/profile/Jaizbankcode2
Animated content placeholders
Published: 2023-03-09 13:34:56

Most modern (web)apps use content placeholders, it's a trend that has spread across platforms in the last half a decade. But what exactly are they, and why are they used? I'm going to tell you in this short article.

At the end of this article I will also provide a code example, for anyone interested in building content placeholders using HTML and CSS.

---

**What are content placeholders?**
Content placeholders are elements that provide the user with visual information of what to expect after content has loaded. See an example below!

---

**Content placeholders in the Twitter app**
In this example you can clearly see how Twitter is trying to give the user the most accurate representation of the expected content.
![Content placeholders in the Twitter app](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/hsl67oqtl3p8pobbo92l.png)

---

**Why are content placeholders used?**
The main reason for content placeholders to be used instead of traditional loading spinners is to improve the user-experience, doing so by amongst others:
- Preparing the user for the content that will be displayed
- Preventing content jumping and minimising [Cumulative Layout Shift](https://web.dev/cls/)
- Retaining user attention with an animation (ripple effect)

---

**How to build content placeholders**
Good content placeholders have a few simple requirements:
- Represent the (to be loaded) content accurately by using the same shape & size, if possible 1:1.
- Use one neutral colour across the whole placeholder to make it uniform
- Make use of an animation like the ripple effect to indicate that content is being loaded


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

[Check code example on Codepen.io]
(https://codepen.io/joostm020/pen/GRXMzzz)

---

## Thank you for your read!

I hope you enjoyed reading my post and have learned something, feel free to give a like, and comment below to give some feedback.
API Fetch
Tags: javascript, api, webdev
Published: 2023-03-09 13:15:02

L'API Fetch è un modo moderno per effettuare richieste HTTP in JavaScript. Si tratta di un'interfaccia integrata che consente di effettuare richieste HTTP senza l'ausilio di librerie esterne, come jQuery o Axios.

Per utilizzare l'API Fetch, possiamo utilizzare il metodo globale fetch(). Questo metodo accetta un parametro obbligatorio, ovvero l'URL a cui effettuare la richiesta.  

`
fetch('https://jsonplaceholder.typicode.com/posts')
  .then(response => response.json())
  .then(data => console.log(data));
`
In questo esempio, stiamo effettuando una richiesta GET all'API di test JSONPlaceholder, che restituisce un elenco di post. La risposta viene quindi convertita in formato JSON tramite il metodo json() e i dati vengono stampati sulla console.

Possiamo anche specificare le opzioni della richiesta tramite un secondo parametro opzionale. Ad esempio, possiamo specificare il metodo HTTP, le intestazioni e il corpo della richiesta:
`
fetch('https://jsonplaceholder.typicode.com/posts', {
  method: 'POST',
  headers: {
    'Content-Type': 'application/json'
  },
  body: JSON.stringify({
    title: 'Nuovo post',
    body: 'Contenuto del nuovo post',
    userId: 1
  })
})
.then(response => response.json())
.then(data => console.log(data));
`
In questo caso, stiamo effettuando una richiesta POST all'API di test JSONPlaceholder, inviando un nuovo post. La richiesta include un'intestazione Content-Type impostata su application/json e un corpo JSON che specifica il titolo, il contenuto e l'ID dell'utente del nuovo post.

Una volta inviata la richiesta, la risposta viene gestita tramite la catena di promesse, come nel primo esempio.

In conclusione, le chiamate Fetch sono un'ottima alternativa per effettuare richieste HTTP in JavaScript in modo semplice e moderno. La loro sintassi pulita e il supporto integrato per i Promise rendono le chiamate Fetch un'ottima scelta per qualsiasi progetto JavaScript.
Learn How to Build Table of Contents using Strapi for your blog.
Tags: webdev, javascript, programming, tutorial
Published: 2023-03-09 12:58:26

**Strapi** is an **open-source headless CMS** (Content Management System) that allows developers to build, deploy, and manage content-rich websites and applications.

A **Table of Contents (TOC)** is a list of headings that provides an overview of the content of a document. TOCs are typically found at the beginning of longer documents, such as reports, ebooks, and articles, and can help readers quickly navigate to the specific section they are interested in.

Including a TOC in your content can improve user experience and make your content more accessible and readable.

Here's mine:
- What will we implement?
- Lifecycle hooks in Strapi
- Add id attribute in headers of content
- Create a table of contents

Recently, we wanted to create a custom table of contents field for our website content. We searched online for references but couldn’t find a satisfactory solution. Thus, we decided to implement it ourselves.

I would like to share the same with you guys with the aim that it might save a bit of your time.

I used **CKEditor** as the rich text editor. Feel free to use your favorite one.

Looking for step by step guide? Check out [Canopas Blog](https://blog.canopas.com/step-by-step-tutorial-how-to-easily-build-a-table-of-contents-in-strapi-d54e91914c58).
My well-designed and looks-good Portfolio
Tags: javascript, frontend, webdev
Published: 2023-03-09 12:33:38


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

Hello everyone!
Throughout my 6 years of experience in web development, I have come to recognize the significant impact a portfolio can have on one's professional growth and market viability. As such, I have dedicated a substantial amount of effort towards cultivating and refining my portfolio.
This is my portfolio: [Click here](https://dennis-stephens.vercel.app)

I have personally designed and developed my portfolio using HTML/CSS now, and now converting with Next.js, T3, GraphQL to enhance its functionality and user experience. Through these efforts, I have taken proactive steps to ensure my portfolio represents my skills and expertise in the field of web development in a professional and polished manner.

Please check it and give me your opinion. Thank you!
How to create typing effect with CSS fully explained!
Tags: beginners, css, webdev, tutorial
Published: 2023-03-09 12:28:38

Hi fellow dev,

Have you ever brainstormed what to do to keep your website or portfolio responsive and different from the 90% "boorrring" ones out there?
The usefulness of a responsive sites is under emphasized as it glues your readers or potential clients to your page.

##How do i make my site responsive?

There are tons of ways to make our sites responsive and there are so many tutorials scattered out on the web, The typing effect is one greatest way and we're just going to talk about it, afterall it's why you're here right?

##Html
First lets take a look at the html

```
<div class="text-content">
<h1>Medium is gold</h1>
</div>
```
I created a div container with the name "text-content" and made h1 it's child.

Let's move on to CSS
##CSS
```
body{
display:flex;
justify-content:center;
background-color:#f1f1f1;
}
```
The key concept behind this CSS code is the use of the flex attribute to align the code horizontally, which is crucial for the code to work properly. The .text-content h1 selector targets the h1 tag inside the div with class "text-content".
```
.text-content h1 {
  color: #fff;
  font-family: monospace;
  overflow: hidden; 
  border-right: .15em solid orange; 
  white-space: nowrap; 
  margin: 0 auto; 
  letter-spacing: .15em; 
  animation: 
    typing 3.5s steps(30, end),
    blink-caret .5s step-end infinite;
}
```
overflow hidden ensures the rest of our code is not revealed until the animation ends .

border-right attribute gives the idea of a cursor, but even we both knows there's none, lol.

whitespace nowrap keeps our content on a single line while *margin:auto* gives us the scrolling effect as the typing enhances
lastly , our animation is created in the order(name,duration,direction and iteration)
```
@keyframes typing {
  from { width: 0 }
  to { width: 100% }
}

@keyframes blink-caret {
  from, to { border-color: transparent }
  50% { border-color: orange }
}
```
Finally, the animation property sets up two keyframes: typing and blink-caret. The typing keyframe animates the width of the h1 tag from 0% to 100%, which makes it appear as though the text is being typed out. The blink-caret keyframe animates the border color of the h1 tag, making it blink like a cursor.

In summary, the typing effect is a simple but effective way to make your website or portfolio stand out from the rest.
Thank you for staying through!, if you have any difficulty doing this or suggestions, please let me know in the comment section.Gracias amigo
Greetings from Luni (They/Them/Thee/Thy/Thou)
Tags: wecoded
Published: 2023-03-09 12:14:05

<!-- ✨This template is only meant to get your ideas going, so please change/add/remove these prompts as you wish! ✨ -->

## I pledge to embrace equality in tech by...
Making my services affordable, like I always do and plan, so underprivileged people (like we, who suffer from the equality pay gap) can afford development services!

## One of the biggest obstacles to gender equality in the tech industry is...
Here is actually a little story for this. In my Software and Game Development class at my career technical school, it consists of 90% male (the other 10 or so percent are not female, but identify as another gender). This is a major obstacle, meaning the 90% male make-up. Currently the advertising, so to speak is marketed towards male individuals, this needs to change.

<!-- Once your post is published, it will not appear on the /t/wecoded page until an admin approves it. This is an extra step to ensure there is no abuse on this important tag. -->