teleren/devto huggingface dataset:
Rpg game with Laravel 9
Tags: rpg, mmorp, laravel, php
Published: 2022-12-23 13:57:38

2 years ago in 2020 I decided to make an rpg game out of curiosity to see if I could make it myself, a game I once played and loved as a kid. And then I started and stopped the game 2 times because time and enthusiasm decreased. This year, I am working on it again for 2 months. The game already has a registration login system, single and group game play, store, inverter, admin panel, dressing and undressing system. The game is developed in Laravel 9 here is the all years transformation displayed 



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

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

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

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/yxiostsc1kizzcygg6bl.jpg)
C++ da ASSIGMENT OPERATORI haqida ma'lumot.
Published: 2022-12-23 13:54:36

biz c++ da bugungi darsimiz ASSIGMENT OPERATOR ni o'rgandik.
biz int ishorasi bilan 1 ta son belgilab, uni keyinchali o'zgartirsak ham bo'ladi.
unga misol:

```cpp
int a = 10;
  string ism = "rahima";

  cout << a << endl;
  cout << ism << endl;

  a = 20;
  ism = "kimsan";
  cout << a << endl;
  cout << ism;

}

```
biz int bilan ishlaganda -+ ni +- ; /* ni */ ga o'zgatirsak ham bo'ladi .

```cpp
int a = 5;
int b = 6;
b = b+ a; // b +=a;
a = a- 10; // a -=10;

b*=3; // b = b * 3;
a /= b; // a = a / b;
cout << b;
}

```
masala uchun: biz doiraning yuzini olsak,

Doiraning uzunligi sifatida bittakasr-sonNni o'qiymiz. Shu doirani yuzini topib va natijani nuqtadan keyin 0 ta aniqlikda chop etamiz.

π ning qiymati:3.14
Raduisi r bo'lgan doiraning uzunligi: L = 2πr bizda r no'malum sonni topishimiz kerak.
Doiraning yuzi formulasi: S = πr^2
MASALANI javobi:

```cp
int main 2() {
double L;
  cin >> L;
  float PI = 3.14;
  float r = L/(2*PI);
  float S= PI * (r * r);
  cout << round(S);
return 0;

  }

```
biz bugun assigment operatori haqida ilk malumotni egalladik.
bunda birinchi navbatda int a da a ni yani biron sonni oqib olishimiz zarur.

```cp
int a = 10;
  string ism = "rahima";
```
va biron bir soz kiritishimiz kerak.
biz int a da yozgan sonimiz va harifimiz masalan son bo'ladigon bo'lsa, (10) buni biz osha qismda 1 marta ishlatsak bo'ladi!!!

@dawroun
windows PClarida qanday screen qilishni o'rganamiz
Tags: cpp
Published: 2022-12-23 13:48:16

`windows` kompyuterlarida screeenshot qilish uchun `windows+shift+s` bosamiz va kereli joyni screen qilib va tashash uchun `ctrl+v` bosamiz.

 tekstni copy qilish uchun `ctrl+c` bosamiz, toldirish uchun `ctrl+v` bosamiz.
ASSIGMENT
Tags: beginners, javascript, webdev, programming
Published: 2022-12-23 13:47:43

Biz bugun `assigmentni` organdik .


```cpp

int main1() {

int a= 10;
string ism = "davron";
cout << a << endl;
cout << ism << endl;
a =20;
ism ="kimsan";
cout << a << endl;
cout << ism;
 return 0;
  
}
```

_Hatoki masalalar yechishni ham organdik._

```cpp
#include <iostream>
#include <cmath>
using namespace std;
int main () {
double L;
cin >> L;
  float PI = 3.14;
  float r = L/ (2*PI);
  float S =PI * (r * r);
  cout << round (S);
return 0;
}
```

**KUNDAN KUNGA DARSIMIZA QIZIQARLI BOLIB BORMOQDA.BIZLAR JUDA KOP NARSALARNI ORGANDIK .**
_MASALAN BULARGA MISOL_: `# include <iostream >` bu digani kutbxona chaqirish digani, `/`degani bu butun son chiqarish degani,` % `esa qoldig'ini chiqarib beradi,`assignment` ham organdik.



`Assignment `biz yozgan ko'dlarni qisqartirib yozib beradi.

```cpp
b = b + a; // b += a
b = b - a; // b -= a
b = b / a; // b /= a
b = b * a; // b *= a
```


@dawroun
C ++ ASSIGMENT OPERATOR HAQIDA .
Published: 2022-12-23 13:43:29

Biz int ishorasiniga bitta son belgilab uni keyinchalik boshqa songa o'zgartirsak ham bo'ladi.Ya'ni o'sha soni ichiga boshqa son qo'yishimiz mumkin digani.Miaol uchun...

```cpp
  int a=10;
 string ism = "etibor";

  cout << a << endl;
  cout << ism << endl;

 a = 20;
 ism = "kimsan";
 cout << a << endl;
  cout << ism;
  return 0;
}

```
`int` qilib `a` ni belgiladik.Yangi misol uchun bizga boshqa butun son kereak bo'lsa `a = 20;`qilib yozib ketsak bo'ladi.
Misolni teng ishorasidan kegn javobini qisqartirib yozishimiz ham mumkin.

```cpp
 int a =5;
 int b = 6;

  b = b + a; // b += a;
 a + a - 10; // a-= 10;

 b*=;
 a /= b;
 cout << b; 
  return 0;
}
```
b = b + a; qilib yozganimizdan koraroq qisqaroq qilib ham tezro ishlashimiz uchun b += b; hudi shunaqa qib yozsak ham bo'ladi.
_Bu kodda yangi bir ishora yaratishimiz mumkin._
```cpp
#include <iostream>
#include <cmath>
using namespace std;
int main4 (){

  int a = 5;
 int b = 2;

  a += 5;

  cout << a << endl;
  b -= 3;
 cout << b;
  return 0;
}
```
@dawroun
C ++ 9-Dars
Tags: cpp, programming
Published: 2022-12-23 13:43:15

#Ushbu `loyhada` elon qilingan narsamizni o'zgartirishni o'rganamiz.
```cpp
#include <iostream>
using namespace std;
int main() {

  int a = 10; 
  string ism = "JAFAR"; // elon qilgan ism = tekst
  
  cout << a << endl;
  cout << ism << endl;

  a = 20; // elon qilgan a-ni qiymatini o'zgartirish.
  ism = "kimsan"; // elon qilgan tekst-ni o'zgartirish.
  cout << a << endl;
  cout << ism;

return 0;
}
```
#Ushbu `loyhada` qisqartirib yozishni o'rganamiz.

``` cpp
#include <iostream>
int main() {

int a = 5;
int b = 6;
b = b + a; // b + = a;
a =a - 10; // a = a - = 10;

b * = 3; // b = b *3;
a / = b; // a = a / b;
cout << b;

return 0;
}
```

noutbook da MODEL Lenovo
windovs + shift + S = scren sho't
@dawroun
assigment operator haqida;
Tags: programming
Published: 2022-12-23 13:40:24

Tenglik belgisi `=` bu belgi replitda `int`,`string``float`va`char`dan keyin kelgan belgi bilan tenglik belgisidan keyin kelgan` butun son ,text(matn), kasr , belgi`larni tenglashtirib beradi.
 

```cpp
  int a = 10 ;
```

```cpp
 float PI = 3.14;
  float r = L/(2*PI);
  float S = PI * (r*r);
```

```cpp

  string ism = "davron";

```

> assignment operator
biz yozgan ko'dlarni qisqartirib yozib beradi.

```cpp
b = b + a; //b += a;
b = b - a; //b -= a; 
b = b / a; //b /= a;
b = b * a; //b *= a;
```
Biz yozgan o'zgaruvchilarni keyinchalik ham o'zgartirsa bo'ladi.

```cpp
#include <iostream>
#include <cmath>
using namespace std;
int main (){
  int a = 7;
  string ism = "Abror";

  cout << a << endl;
  cout << ism << endl;

  a = 10;
  ism = "Sardor";
  cout << a << endl;
  cout << ism;
  
return 0;
}
```
@dawroun
windows kompyuterlarida qanday SCREEN SHOT qilinadi?
Tags: cpp, beginners, programming
Published: 2022-12-23 13:40:14

WINDOWS  komyuterlarida screen shot `MACOES` kompyuterlaridan tubdan farq qiladi!

`windows` da avval `SHIFT` `WINDOWS` va `S` tugmalari bosiladi!
agar sizning kompyuteringiz `WINDOWS` bolsa siz yuqorida aytilgandek ish tuting.

agar siz shu paytgacha `SCREEN SHOT` qilishni bilmagan bolsangiz bu taklifimiz sizni qoniqtirgan bolsa `layk `tugmasini bosib qoying!

@dawroun
C++da assigment operator
Tags: webdev, beginners, tutorial, programming
Published: 2022-12-23 13:38:18

 

```cpp
= bu assigment operator buni vazifasi qiymatni chiqaradi


```

```cpp





int a = 10;
  string ism = "Davron";

 cout << a << endl;
cout << ism << endl;

  a = 20;
  ism = "kimsan";
  cout << a << endl;
  cout << ism << endl;




  return 0;
 
```

```cpp
   Noutbook modeli Lenovo da skren shot qilish 
windows + Shift + C da 






```











 @dawroun
Image Cleaner - Clean up pictures and images 100% free
Tags: productivity, magic, ai
Published: 2022-12-23 13:35:04

Image Cleaner, aka ImgCleane, is a new AI tool that removes unwanted objects from your pictures and photos.

If you're looking for a free tool to clean up images, Image Cleaner is a great option, as it removes objects, people, and text while keeping the original image quality. Based on the latest AI technology, it can clean your images without leaving any traces.

Image Cleaner works very well and allows you to see before and after samples. It's 100% free, doesn't require an account, and supports JPG and PNG formats. Add your image and try it right now.

[https://imgcleaner.com](https://imgcleaner.com)
NotifyLog now integrated with Telegram: receive your events in real-time!
Tags: webdev, programming, product, productivity
Published: 2022-12-23 13:34:44

Hey guys! Okay?

It's been about 15 days since I started the #buildinginpublic journey and it's been a fantastic experience to share all this progress with you.

Listening to feedback from the entire TabNews community and our users, I have great news to share with you: [NotifyLog](https://notifylog.com/) is now integrated with Telegram! This means that you can receive your events directly on the messaging platform. Cool huh?

To configure this functionality, just follow these simple steps:

1. Open Telegram and add [@NotifyLogBot](https://t.me/NotifyLogBot) to your group or message him in a private conversation.
2. Run the /start command to start the setup process and receive your chat ID.
3. Copy your Chat ID.
4. Go to the Notifications section in [NotifyLog](https://notifylog.com/) Settings (https://app.notifylog.com/dashboard/settings/notifications).
5. Paste your Chat ID in the "Telegram Chat ID" field.
6. Click the "Save" button to save your changes.

That's it! You will now receive notifications on Telegram.

![NotifyLog and Telegram](https://res-1.cloudinary.com/trendfy/image/upload/q_auto/v1/ghost-blog-images/telegram.png "NotifyLog and Telegram")


[NotifyLog](https://notifylog.com/) integration with Telegram brings many benefits to our users. By being able to receive your events on Telegram, you stay on top of everything in real time and can act on important notifications, no matter where you are.

Here are some examples of how you can use this functionality:

- If you have an online business, you can receive notifications about new orders, customer updates and product updates directly in Telegram. This allows you to quickly respond to customer requests or place orders, improving customer service and making it easier for your business to run.

- If you are a project manager or team leader, you can use [NotifyLog](https://notifylog.com/) in Telegram to stay on top of the progress of your team's projects. With real-time updates, you can quickly respond to any issues that arise and ensure your projects are on track.

- If you are a developer, you can use [NotifyLog](https://notifylog.com/) in Telegram to receive notifications about updates to your code repositories, deployment status and other important events related to your development work. This allows you to stay on top of everything and quickly resolve any issues that may arise.

This is part of a series of improvements I'm rolling out every day and I mean it haha.

So it's going to be a pleasure to have you try out this amazing tool that I'm making with a lot of attention to make a real difference in our dev lives.

The Public Beta is 100% free and has no usage limits, register and leave your experience here in the comments.

Link to beta: https://notifylog.com/

Thanks!
IP e diferenças entre o IPv4 e o IPv6
Tags: braziliandevs, beginners
Published: 2022-12-23 13:29:16

O **IP (Internet Protocol)** é um protocolo de rede que permite que dispositivos em diferentes redes se comuniquem entre si. Ele é responsável por rotear pacotes de dados de um dispositivo para outro, permitindo que eles troquem informações.

O IP funciona definindo um endereço de 32 bits (chamado de endereço IP) para cada dispositivo conectado à rede. Esse endereço é único e permite que os pacotes de dados sejam entregues ao dispositivo correto.

Quando um dispositivo envia dados para outro dispositivo, o IP adiciona o endereço IP do destinatário ao pacote de dados e o envia para a rede. Os roteadores na rede verificam o endereço IP do destinatário e encaminham o pacote para a próxima etapa da rota até que ele chegue ao dispositivo de destino.

Dessa forma, o IP permite que dispositivos em diferentes redes se comuniquem entre si e troquem informações.

**O IPv4 (Internet Protocol version 4)** e o IPv6 (Internet Protocol version 6) são duas versões do protocolo IP que permitem que dispositivos em diferentes redes se comuniquem entre si. A principal diferença entre eles é o tamanho dos endereços IP utilizados.

**O IPv4 utiliza endereços IP de 32 bits**, o que permite que sejam criados 2^32 endereços IP diferentes (aproximadamente 4,3 bilhões). Isso foi suficiente quando o IPv4 foi criado, mas a crescente demanda por endereços IP fez com que esse limite fosse alcançado.

Para resolver esse problema, foi criado o IPv6, que utiliza endereços IP de 128 bits, o que permite que sejam criados 2^128 endereços IP diferentes (aproximadamente 3,4 x 10^38). Isso permite que haja endereços IP suficientes para atender à demanda atual e futura.

Além do tamanho dos endereços IP, outras diferenças entre o IPv4 e o IPv6 incluem melhorias na segurança e na capacidade de roteamento. O IPv6 também permite que os endereços IP sejam atribuídos de forma mais eficiente, o que pode melhorar a performance da rede.
"Hello, World!" em Angular
Published: 2022-12-23 13:28:34

---
title: "Hello, World!" em Angular
published: true
description: 1 Passo para começar em angular
tags: 
# cover_image: https://dev-to-uploads.s3.amazonaws.com/uploads/articles/nhg5nmr6futbcemyh11m.png
# Use a ratio of 100:42 for best results.
# published_at: 2022-12-23 13:20 +0000
---

Para criar um "Hello, World!" em Angular, você precisará ter o Angular CLI (Command Line Interface) instalado em sua máquina. Se você ainda não tiver o Angular CLI instalado, pode instalá-lo executando o seguinte comando:

```
npm install -g @angular/cli
```
Uma vez que o Angular CLI estiver instalado, você pode criar um novo projeto Angular executando o seguinte comando:

```
ng new my-project
```
Isso criará um novo diretório chamado "my-project" com todos os arquivos necessários para um projeto Angular básico. Depois de criar o projeto, navegue até o diretório do projeto usando o seguinte comando:
```
cd my-project
```
Depois de navegar até o diretório do projeto, você pode iniciar o servidor de desenvolvimento do Angular executando o seguinte comando:
```
ng serve
```
Isso iniciará o servidor de desenvolvimento e abrirá o aplicativo em seu navegador padrão.

Para exibir "Hello, World!" na página, basta abrir o arquivo "src/app/app.component.html" e adicionar o seguinte código:

```
<h1>Hello, World!</h1>
```

Salve o arquivo e atualize a página no navegador para ver a mensagem "Hello, World!" exibida.

Espero que isso ajude! Se você tiver alguma dúvida ou precisar de mais informações, por favor, não hesite em perguntar.
Why is Test Automation crucial for Oracle Cloud Testing?
Tags: oracle, cloud, testing, automation
Published: 2022-12-23 10:54:30

Nowadays, many enterprises want to move to the Oracle Cloud, as it helps them speed up their business growth. Oracle Cloud requires less operating costs and has higher scalability/ flexibility as compared to other cloud counterparts. As a part of continuous delivery, Oracle rolls out quarterly updates. These updates consist of new features, functionalities, and bug fixes from previous releases. 

Although the benefits of [Oracle Cloud quarterly updates](https://www.opkey.com/blog/oracle-cloud-quarterly-updates-an-essential-testing-guide) are numerous, they’ve the potential to impact your existing business processes and workflows. In order to avoid any business disruptions post deployment of updates in production, it is recommended to execute Oracle testing. Manual testing approaches are full of inaccuracies and inadequate risk coverage, it is recommended that you should leverage Oracle test automation.  

What is Oracle Cloud testing?

The Oracle Cloud quarterly updates can impact the existing business processes, workflows, integrations, etc. they cannot be deployed without testing. Leveraging Oracle test automation, you can ensure end-to-end test coverage. Test automation can be used to validate whether or not the Oracle Cloud apps are working as expected.

Automated Oracle Cloud testing is crucial because of the following reasons:
Maintain Business Flows: Whenever a change in business process occurs, it must be tested to understand its impact on the other critical business workflows. Oracle automated testing makes you more agile as you can implement changes quickly, without risking your business continuity. 


Maintain Customizations: Oracle Cloud ERP is highly customizable. With every Oracle Cloud update, there is a high possibility that these customizations might break. With Oracle test automation, you can quickly execute regression testing to avoid business process and workflow disruptions.

Maintain Integrations: Oracle Cloud Apps allow multiple integrations with productivity tools like office 365, Salesforce, Hubspot, etc. To make sure that these integrations do not break during updates, it’s important to perform regression testing with each update.

Maintain Compliance: As with every Oracle Cloud update, there’s a possibility of role change, it’s imperative to implement the test automation tool to test the security and user privileges during each update.

Conclusion:

Oracle provides a short window of two weeks to test updates, hence leveraging a robust test automation tool is mandatory. A reliable test automation tool like Opkey can speed up your testing cycles and minimize efforts with its state-of-the-art technology like change impact analysis, no code automation, test discovery, etc. You can easily get 3 day Oracle Cloud update certification with Opkey.
assigment operator haqida malumot
Tags: cpp, beginners, programming
Published: 2022-12-23 13:27:15


```cpp

#include <iostream>
using namespace std ;
int main() {

int a = 10;
  string ism = "davron";

  cout << a << endl;
  cout << ism << endl; 

  a=20;
  ism = "quvonchbek";
  cout << a << endl;
  cout << ism;

  return 0;
  }

```







biz bugun `assigment opperator` haqida ilk malumot egalladik! 

bunda birinchi navbatta `int` `a` da a ni yani biron bir sonni oqib olishimiz zarur!

```cpp
int a = 10;
  string ism = "davron";

```
va biron bir soz kiritishimiz kerak 

biz `int` `a` da yozgan sonimiz va xarifimiz masalan aniq son boladigan bolsa (10) buni biz osha qismda bir martta ishlatsak boladi


keyingi qatorda biz bu `int` `a` dagi sonimizni boshqa bir son ishtirokida amalga oshirishimioz mumkin


```cpp
int a = 10;
  string ism = "davron";
  cout << a << endl;
  cout << ism << endl; 

  a=20;
  ism = "quvonchbek";
  cout << a << endl;
  cout << ism;

```

bu yerdagi yozgan `cod` imizni `console` dagi javobi 

`10
davron
20
quvonchbek`

boladi!


albatta oxirida doimgidek 
  

```cpp
  return 0;
  }
```
tugatish funksiyasini yozib qoyamiz!


@dawroun
TOP 5 Ferramentas para o Desenvolvimento de Software
Published: 2022-12-23 13:09:14

---
title: TOP 5 Ferramentas para o Desenvolvimento de Software
published: true
description: 5 Ferramentas para ajudar o processo de desenvolvimento
tags: 
# cover_image: https://dev-to-uploads.s3.amazonaws.com/uploads/articles/6lk8mxvmt1hhh7mg7fbq.jpeg
# Use a ratio of 100:42 for best results.
# published_at: 2022-12-23 12:50 +0000
---

Aqui estão cinco ferramentas populares para o desenvolvimento de software:

1.Integração Contínua (CI) e Entrega Contínua (CD) - Ferramentas como o Jenkins, CircleCI e TravisCI permitem que os desenvolvedores automatizem o processo de build, teste e implantação do software.

2.Gerenciamento de Código Fonte (SCM) - Ferramentas como o Git, Subversion e Mercurial permitem que os desenvolvedores controlem as alterações no código fonte do software e facilite a colaboração entre equipes.

3.Debugging - Ferramentas como o GDB, LLDB e o Visual Studio Debugger permitem que os desenvolvedores encontrem e corrijam erros no código do software.

4.Testes - Ferramentas como o JUnit, pytest e Selenium permitem que os desenvolvedores escrevam e execute testes automatizados para garantir a qualidade do software.

5.Gerenciamento de Projetos - Ferramentas como o Jira, Asana e Trello permitem que os desenvolvedores gerenciem tarefas, rastreiem progresso e colaborem em projetos de software.
how to write the test cases for below component?
Tags: react, testing
Published: 2022-12-23 12:59:38

import React from "react";

const LabelButton = ({
    isRow = true,
    outerDivClass = "",
    label = "",
    onClick,
    btnText,
    id,
    btnClassName = "btn",
    isLink = false,
    linkText = "",
}) => {
    return (
        <ConditionalRow condition={isRow}>
            <div className={outerDivClass}>
                <div className="form-group">
                    {label ?? null}
                    {!isLink ? (
                        <button
                            id={id}
                            type="button"
                            className={btnClassName}
                            onClick={onClick}
                            onKeyDown={(e) => {
                                if (e.key === "Enter") {
                                    onClick();
                                }
                            }}
                        >
                            {btnText}
                        </button>
                    ) : (
                        <button
                            id={"postWKSLink"}
                            type="button"
                            className={btnClassName}
                            onClick={onClick}
                            tabindex="0"
                            onKeyDown={(e) => {
                                if (e.key === "Enter") {
                                    onClick();
                                }
                            }}
                        >
                            {linkText}
                        </button>
                    )}
                </div>
            </div>
        </ConditionalRow>
    );
};

export default LabelButton;
15 more for first 💯 subscribers
Tags: discuss, tutorial, programming
Published: 2022-12-23 09:42:28

I've started my Youtube channel 6 months ago and the initial days are quite hard. 

Although I got a tremendous and unexpected amount of love and support on dev.to articles and I am totally glad for that.

In order to grow and help others, I am expanding my services to multiple platforms and youtube is one. 

Adding youtube videos as samples
{% youtube E9ej70rS4Rs  %}
{% youtube NeKDCJqRg6o %}

Feel free to watch some videos and suggest 
- What can be the improvements?
- What frontend topics I should cover more?
- Should I bring my face instead of only my voice?
- Should I cover more on designing and entrepreneurship?

and anything else you would like to suggest?

Feel free to subscribe 👉🏻 https://www.youtube.com/@shreyvijay

**Thank you 
Best regards
Shrey
[iHateReading](ihatereading.in)**
Quick Sort(퀵 정렬)
Tags: algorithms
Published: 2022-12-23 12:40:39

## Time Complexity
best O(n * log n)
Worst O(n^2)
Average O(n * log n)

## Space Complexity
O(log n) - because array is divided by pivot and left side of pivot and right side of pivot try to sort again
 
## Opinion
This Sort usually guarantees O(n * log n) but sometimes O(n^2), so it is interesting but I think we have to choose a more efficient Sort.

---

{% embed https://www.youtube.com/watch?v=O-O-90zX-U4 %}
(I don't put the code or concept because for practice)
[https://www.programiz.com/dsa/quick-sort](https://www.programiz.com/dsa/quick-sort)