teleren/devto huggingface dataset:
C++ Intro to Starter 2
Published: 2022-11-03 17:50:40

#Assalomu alaykum!

##Bugun biz `C++` da ikkinchi darsni o'rganamiz.
My teacher @dawroun 

Har doimgidek [replit.com](https://replit.com/) sayti orqali kod yozishimizni davom etamiz.

> Dasturlash bu - fikrlashdir ! shuni har doim unutmang.
Biz bugungi darsda `cout` operatorini davom ettiramiz va [OJ.Ilmhub.uz](https://oj.ilmhub.uz/)orqali masala yechishni ko'ramiz.
Bunda bizga _OJ.ILMHUB.UZ_ saytidagi ikkinchi[](https://oj.ilmhub.uz/problem/2) masalaga o'xshash masalani ko'ramiz.
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/lamyvkc9jm2ffq326co6.jpg) 
Demak,biz `cout` funksiyasini ishlata oldik.

Bundan tashqari ba'zi bir belgilani `cout` operatori yoramida consolega chiqarishda ko`pgina xatoliklar kelib chiqishi mumkin.

Bulardan `""` va `\` belgilarini ozini consolega chaqirib bo'lmaydi,shuning uchun bularni ishlatish uchun yana `\` beligisini ishlatamiz!

````cpp

#include <iostream>
using namespace std;

int main() 
{
  cout << "\\"<<endl;//slashni o'zini ishlatishimiz mumkin.
  cout << "\\\\ "<<endl;  
  /*bunda faqat 2 ta slash chiqadi,sababi qolgan ikkitasi oldingilarini 
   chiqarish uchun ishlatiladi*/
  cout << " \" Izoh berishingiz mumkin\"  ";
  /*biz bu yerda shu slash orqali qo'shtirnoqni chiqarish mumkin*/
 return 0; 
}
```
shu orqali biz yuqoridagi belgilarni ishlatishimiz mumkin.

Biz bunga misol qilib quyidagi masalani ko'ramiz.

```cpp
#include <iostream>
using namespace std;

int main() 
{
  cout<<"|\\_\/|"<<endl;
  cout<<"|qp| \/}"<<endl;
  cout<<"( 0 )\"\"\"\\"<<endl;
  cout<<"|\"^\"` |"<<endl;
  cout<<"||_/=\\\\__|"<<endl;
return 0;
}
```bu kuchukcha masalasida turli xil belgilar mavjud va `\` ,`""` belgilari bor ,buning uchun biz bularni ishlatishda kodimizda `\` belgisidan keng ko'lamda foydalandik va masalani yechimini topdik!
Bugunga shu maqola va davomini keyinroq ko'rishingiz mumkin siz bizdan uzoqlashmang.

> _E'tiboringiz uchun rahmat !_
Help needed.
Tags: webdev, javascript, beginners, python
Published: 2022-11-03 17:43:40

I don't know but when i raised query in this platform and waited for somedays and guess what,after someday i am still on the same,my query was not resolved.Man this platform can be use to resolve others questions.Guys please try to resolve others problem.Just for humanity.

PS:-for my case,i have asked for hacktoberfest like or similar event in month of november,if yes just let me know in comment section.
Suggestions are always welcome
Configuring workspace monorepo to use prettier and eslint with typescript
Tags: eslint, prettier, monorepo, yarn
Published: 2022-11-03 17:43:32

# What will be done?
We’ll learn how to configurate a yarn workspace monorepo to use prettier and eslint with typescript in our projects. A Monorepo project provides to you a global configuration that facilitates scalability, and prevent duplicate libraries installed. In addition to facilitating the maintenance and organization of the code.

## Creating a monorepo
Start by creating a folder where your project will be located, and initializing yarn:
```bash
mkdir my-monorepo-project
cd my-monorepo-project
yarn init -y
```

Also, this project will have two sides, backend and fronted. So, i'll create two folders, `cli` and `api`:
```bash
mkdir cli
mkdir api
```

Now, in package.json add two configuration to use a monorepo. The `private` define if our parent path will be published, and `workspaces` define our paths.
```json
"workspaces": [
    "cli",
    "api"
  ],
"private": true,
```

### Installing prettier and eslint
Now, install prettier and eslint in all the workspaces with:
```bash
yarn add -D prettier eslint @typescript-eslint/eslint-plugin @typescript-eslint/parser
```

With it installed, create two configurate files, `.prettierrc` and `.eslintrc`:
```json
//.prettierrc
{
  "semi": false,
  "trailingComma": "none",
  "singleQuote": true,
  "printWidth": 120,
  "tabWidth": 2,
  "arrowParens": "avoid"
}
```
```json
//.eslintrc
{
  "parser": "@typescript-eslint/parser",
  "plugins": ["@typescript-eslint"],
  "extends": ["eslint:recommended", "plugin:@typescript-eslint/recommended"],
  "parserOptions": { "ecmaVersion": 2018, "sourceType": "module" },
  "rules": {
    "no-unused-vars": "off"
  }
}
```
Now, all your code inside `cli` and `api` will configurate with eslint and prettier formater, enjoy!!
'optional string' in proto3 messages will not yield nullable strings in C#
Tags: csharp, dotnet, protobuf, grpc
Published: 2022-11-03 17:42:46

```protobuf
syntax = "proto3";
import "google/protobuf/wrappers.proto";

message Sample {
  // this will throw if you don't pass at least an empty string in generated C# code
  optional string not_nullable = 1;

  // this wrapper generates `string?` in C# (as one would expect)
  google.protobuf.StringValue nullable = 2;
}
```

That's all. Hopefully this saves you some WTFs/minute.
Console error in new Angular project
Published: 2022-11-03 17:33:50

I just installed AngularCli(14.2.8) using Nodejs(18.12.0) and I created a new project. When I try to run it with: ng serve -o, everything works fine but the app page is loaded blank. If I check the console, I have the following error:
`SyntaxError: expected expression, got '?'  main.js: 12026: 27`
I can see the file with 'View page source' but I am not sure how can I modify that line and also I don't know how to find this file in my project directory.
This is the responsible line from main.js: 
`this._baseHref = href ?? this._platformLocation.getBaseHrefFromDOM() ??(0,_angular_core__WEBPACK_IMPORTED_MODULE_0__.inject)(DOCUMENT).location?.origin ?? '';`
Javascript DOM. A final o que é ? E a sua estrutura.
Tags: javascript
Published: 2022-11-03 17:31:08

O (DOM) Document Object Model é uma representaçao do documento HTML O DOM fornece funções que permitem adicionar, remover e modificar partes do documento, o DOM é gerado pelo  browser ao carregar a pagina e o Javascript usa o DOM para se conectar ao HTML.

**Estrututa**
O DOM representa uma arvore invertida em sua estrutura, o document está no topo como objeto global e tem como elemento raiz a tag html e todas as outras descendem dela através das suas ramificações (branchs) 👇👇.

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/0wtxya9wa4nzbqdh5xis.jpg)
Trabalhar com a árvore DOM de uma página é uma das tarefas mais comuns do JavaScript no lado do cliente.

Não deixem de estudar o DOM!!
Top Books For Learning JavaScript
Tags: javascript, webdev, beginners, productivity
Published: 2022-11-03 17:27:32

🔰 Eloquent JavaScript 🔰

https://www.flipkart.com/eloquent-javascript-3rd/p/itmf4m3qhdjj4f78

🔰 You Don't Know JS 🔰

https://www.amazon.in/You-Dont-Know-Set-Volumes/dp/9352136268

🔰 Head First JavaScript Programming 🔰

https://www.amazon.in/Head-First-JavaScript-Programming-Morrison/dp/144934013X

🔰 Effective JavaScript : The Good Parts 🔰

https://www.amazon.in/Javascript-Good-Parts-D-Crockford/dp/0596517742

🔰 JavaScript : The Definitive Guide 🔰

https://www.oreilly.com/library/view/javascript-the-definitive/9781491952016/

🔰 Secrets of the JavaScript Ninja 🔰

https://www.amazon.in/Secrets-JavaScript-Ninja-Second-Resig/dp/1617292850


Follow @devkshitij7 
For More Amazing Posts...
My Visualization of Code
Published: 2022-11-03 17:22:16

I would like to begin by saying you never really know how programming works until you actually start to learn the basic steps 1 by 1. I actually could not fathom how it all comes together.  On a side note I am betting some knowledge in computer science might make it easier to visualize how the physical communicates with the virtual.  For me however, It is easier to understand the basics when you can visualize how everything comes together. Using your imagination can really make all the little concepts stick.  So, for me, I like to visualize it as building a road way from one house to another.  You have your streets and driveways.  You have your highways and service roads.  I also like to visualize the DOM as the market store where you get your supplies.  You make your houses which would be our blocks of code, as a beginner, that would be your `functions()` adding your walls and and rooms would be whatever you want your function to do.  Iterating through collections of data and then using your callbacks, "your driveway" to communicate with other houses in the neighborhood.  The code can't leave the house if it can get out if its house.  Perhaps you need some supplies from the market.  We can use `document.querySelector()` to get our supplies and bring it back to our home.  There are many ways to visualize this happening.  Lets say synchronous code is a one way road, you can drive down it and get what you need along the way from the houses you pass(blocks of working code) but you can not turn around.  So we must make this road asynchronous that way it becomes a two way road.  Giving you the freedom to go back and forth from one house to another.  While all the houses communicate with one another and can freely visit the market and take whatever they need to make their home more homely.  It all fits together and we simply are just the architects that pave the way to make it easier for our code to travel and do what they already know how to do.  This is a very rough visualization.  But the key point here is to learn as many tools as you can that makes building your code easier, so it can travel without encumbrance. Before long you have a thriving community, and maybe communicating with the server upgrades your town to a city.  Creating a path way say using `fetch()` could be your interstate from your neighborhood to the city.  Your frontend and your backend. I am just spit balling. More experienced programmers might find many contradiction in what I'm describing. It is just easier to visualize the abstract.
Full Stack Project Ideas For Beginner
Tags: beginners, programming, tutorial
Published: 2022-11-03 17:19:08


🔰 E-Commerce Website 🔰

🔰 Food Delivery App 🔰

🔰 Social Media App 🔰

🔰 Chat Messaging App 🔰

🔰 Workout Tracker 🔰

🔰 Project Mgt Dashboard 🔰

🔰 Content Mgt System 🔰

🔰 Blog/Porfolio Site 🔰

Follow @devkshitij7  
For More Such Amazing Posts....
5️⃣ Awesome remote Job Websites For Developers
Tags: beginners, webdev, programming, tutorial
Published: 2022-11-03 17:14:47



🌟  remotive.io 🌟

  https://remotive.com/

🌟 remoteleads.io 🌟

 https://remoteleads.io/

🌟 remoteok.io 🌟

https://remoteok.com/

🌟 angel.co 🌟

https://angel.co/

🌟 justremote.io 🌟

https://justremote.co/

🌟 weworkremotely.com 🌟

https://weworkremotely.com/

🌟 javascriptjob.xyz 🌟

https://javascriptjob.xyz/

🌟 flexjobs.com 🌟

https://www.flexjobs.com/

🌟 solidgigs.com 🌟

https://solidgigs.com/

🌟 dynamitejobs.com 🌟

https://dynamitejobs.com/

Follow @devkshitij7  
For More Such Amazing Posts....
Top Podcasts for developer's
Tags: webdev, javascript, beginners, tutorial
Published: 2022-11-03 17:03:54

🌟 Syntax 🌟

https://syntax.fm/

🌟 PodRocket 🌟

https://podrocket.logrocket.com/

🌟 Developer Tea 🌟

https://spec.fm/podcasts/developer-tea

🌟 HTTP 203 🌟

https://http203.libsyn.com/


🌟 Code Newbie 🌟

https://www.codenewbie.org/podcast

🌟 CodePen Radio 🌟

https://blog.codepen.io/radio/

🌟 React Podcast 🌟

https://legacy.reactjs.org/community/podcasts.html


🌟 JavaScript Jabber 🌟

https://topenddevs.com/podcasts/javascript-jabber

Follow @devkshitij7  
For More Amazing Posts...
C++ dagi 2-Dars Izohlar
Tags: beginners, programming, tutorial, cpp
Published: 2022-11-03 17:00:02

## C++ Izoh

Assalomu alaykum hurmatli dasturchi bugun **C++** dasturlash tilida izoh qoldirish haqida gaplashib olamiz! Boshlashdan oldin biz nima uchun **Izoh** dan foydalanishimiz kerak ekanligini bilib olishimiz zarur hisoblanadi! Shuni esda saqlab qoling! **Izoh** lar **ochiq** va **Yopiq** turga bo'linadi!

> **C++** dasturlash tilida `//` belgidan so'ng izoh yoziladi. Bu belgi faqat bir qatorli izoh uchun amal qiladi. Bir nechta qator uchun qo'llashingiz mumkin. Buning uchun `//` ni har qatorda qo'llashingiz zarur bo'ladi.

```cpp
`//` Bu Izoh uchun yozil
`//` Ikkinchi qator izoh uchun yozildi.
cout << "Hello World! UzbekDevs";
```
 **C++** dasturlash tilida operator oxirida ham izoh sifatida yozib ketsak bo'ladi.

```cpp
cout << "Hello World! uzbekdevs.uz"; // Bu izoh (Chiqarish operatori)
```
### **C++** dasturlash tilida ko'p qatorli izoh.
Ko'p qatorli sharhlar bilan boshlanadi `/*`va tugaydi `*/`.

Yozilgan kod o'rtasida `/*`bo'lgan barcha matn yoki operatorlar `*/`  e'tiborsiz qoldirladi.

```cpp
/* Bu izoh uchun yozilgan bo'lib
bir nechta qator uchun amal qiladi
muallif MasterSherkulov.Uz */
cout << "Hello World! uzbekdevs.uz;"
```

> Ochiq Izoh - Bu foydalanuvchiga ko'rinib turadigan izohlar sirasiga kiradi. Masalan! Tizimga kirish vaqtida sizning login parolingiz to'g'ri yoki notug'ri ekanligini bildiruvchi xabarni misol keltirishimiz mumkin!


> Yopiq Izoh - Bu dasturchilar o'rtasida qayta tushuntirish uchun hojat qolmasligi uchun dastur qismiga sharx sifatifa qoldiriladigan izohlar hisoblanadi!


 > **C++** dasturlash tilida Misol keltiramiz!


> **//** Bu izoh uchun yozilgan

> **//** MasterSherkulov.Uz saytida dasturlash tilini o'rganing
!

#### Izoh o'zi nima uchun qo'llaniladi?

- Izoh **C++**dasturlash tilini kodini tushuntirish uchun qo'llash mumkin!
- Kodni o'qilishi uchun sharxlardan foydalanish mumkin.
- Jamoa bo'lib ishlagan vaqtda kodingizni qayta jamoaningizga tushuntirish zarur emas! chunki izoh qoldirib bir yo'la yozgan kodingizni tushuntirish imkoniyatiga ega bo'lasiz!
  

> Odatda, biz //qisqa ya'ni bir qatorli sharh uchun va /* */ bir yoki bir nechta qatorli sharhlar uchun foydalanamiz .


Keyingi darslarda **C++** dasturlash tilini bundanda chuquroq o'rganishga harakat qilamiz ko'rushgunch bo'lajak Dasturchilar 🖐️


@dawroun
The start of something beautiful...perhaps?
Tags: beginners, webdev, portfolio, css
Published: 2022-11-03 16:56:40

Managed to create two little small projects today.  Two websites, one for my dev portfolio and another for my Youtube ventures in 2023.

Both very basic with a nice linktree feature.  Might not be all that to some, but for me, it's a great acheivement and something to be pleased about. Especially as I'm a total noob!

Check them out over at 
[Azrall.com](https://azrall.com/)  & [portfolio](https://allanbott.co.uk/)
Why not to start freelancing
Tags: freelacing, webdev, programming, mentalhealth
Published: 2022-11-03 16:47:16

Hello all,

Recently, Many newbie programmers have been coming to me for freelancing advice. My first response to them is, "Don't do it" I know it sounds weird at first but trusts me. I have an explanation for this.

## Reasons for becoming a freelancer:
- Insufficient job income
- Manage premium expenses
- Urge to try something new

If you belong to 3rd point, You should skip this article. Go ahead. For others, freelancing is not a good idea.

## Why not start freelancing for money?
- Tough Competition
- De-moralizing

### Tough Competition
A lot of competition going on in the current freelancing market space. Unless you have a referral or something, it's hard to find a client. I will tell you why:

The current biggest freelancing marketplaces are:
- Fiverr
- Upwork

Both have a large number of freelancers. Let's say you enter these marketplaces.

#### Fiverr
Fiverr allows 10 bids per day on buyers' requests (which is going away). The catch is you cannot see all the offers. Because when you join Fiverr, You will be a "Level 0" seller.

Fiverr allows a buyer to show their requirement to the specific level of sellers only. Most buyers prefer at least a "Level 1" Seller. So "Level 0" sellers won't be able to see those requests.

From my observation, "Level 0" Sellers can see a maximum of 10-15 buyer requests. Whereas "Level 1" Seller can see a minimum of 1000-1200 Buyers Requests.

I guess now you can see why it's hard to get clients on Fiverr as a newbie freelancer.

#### Upwork
Upwork doesn't have these types of filters like Fiverr, But they do have something else. It's called Connect.

We can use it to bid on projects. They give you 10 Connects for free every month. But after that, you have to buy connect from Upwork. Applying on a listing takes 3-4 connects on average.

So, it's not easy to get clients on Upwork either.

I am not saying these platforms aren't good/you shouldn't use them. You can use them when you are ready to.

### De-moralizing

Tough competition leads us to de-moralizing. Even after doing great in your work, You start feeling worthless and inefficient to work.

We don't see how much time and experience it takes to get into freelancing and start comparing ourselves to others with better experiences and knowledge.

> Also, they take 20% of your income ;-;

## My Advice

The current biggest freelancing marketplaces are full of competition because many freelancers are looking for jobs and are more experienced than you.

The current time is to gain knowledge and experience. Don't struggle to get clients. Freelancing does teach so many things. But that is possible when you have clients. I am not saying you cannot. I am saying it's hard because of (experienced) competition.

It's not the time to start freelancing. But to learn skills, harness technologies/frameworks, and gain experience. After that, you will be ready to jump into the freelancing world.

_"If you are willing to fight a battle, Never go unprepared."_

Good Bye, and Don't worry, you got this.
UI testing safe checks on Appium
Tags: appium, reactnative, javascript
Published: 2022-11-03 16:46:33

The User Interface (UI) of an app is the visual representation of your app and what the users largely interact with. A glitchy UI interpretation of your app can negatively impact your brand, this makes UI testing a necessity before an application can be released to production.

This article is aimed at exploring some automated UI testing safe checks we can use to ensure our UI implementation is predictable and more solid.

Note: All approaches will be focused with Appium (an open-source tool for automating native, mobile web, and hybrid applications on iOS mobile, Android mobile, and Windows desktop platforms ).

**Check visibility of elements**

Lets say you want to check for a visibility of a splash screen, you can check if the screen is displayed using isDisplayed() method.


`List<MobileElement> element = 
driver.findElementsByAccessibilityId("automation id here"); 
if(element.size()>0){
//screen is displayed 
} else{ 
//screen is not displayed }
Keyboard visible`

In Appium, we can use the isKeyboardShown keyword to ascertain whether or not the soft keyboard is shown.
`
driver = new AndroidDriver(appiumURL, capabilities); 
boolean isDisplayed = driver.isKeyboardShown();`

**Element over element**

Also, in case we want to check if an element is inside another element, we can use an approach like this.

`private WebElement element= 
driver.findElementByAccessibilityId("First element")
findElementByAccessibilityId("Second element");`

**Further Reading**

[Is Keyboard Shown — Appium](https://appium.io/docs/en/commands/device/keys/is-keyboard-shown/)

[Testing your React Native app with Appium — LogRocket Blog](https://blog.logrocket.com/testing-your-react-native-app-with-appium/)

[Appium mobile testing — test React Native apps | Codemagic Blog](https://blog.codemagic.io/mobile-testing-appium-react-native-apps/)
How to create azure compute gallery and capture image of your virtual machine.
Published: 2022-11-03 16:44:16

- Go to azure portal, search for azure compute gallery on your search bar and click on it .

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

- click on create (create gallery)

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

- select the resource group of the virtual machine you working on 

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

- next you review and create 

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

- head back to your resource 

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


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

- Go to your azure portal and open your vm and locate capture.
 
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/5m1rw3ab90u4g9bxjy5x.png)
- click on capture 

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

- select or create your gallery 

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

- create a vm image definition 

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


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

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

- review and create next 

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


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

- deployment successful

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

- Go to your portal and open the gallery you created to see
Data is like Radioactive Material! ☢️
Tags: beginners, data, security, career
Published: 2022-11-03 16:44:07

_Think of handling personal data like handling radioactive material._

## Leaks


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

If you’ve got people moving it around all over the place, that increases the chance of them to leak that material. The same thing applies to personal data. **Try not to move it around too much because you run the risk of data leaks**.

## Disposal

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

Also, think about how you’re going to dispose of that radioactive material. You’re not just going to throw it away in a trash can, **you need to dispose of it with care**. The same goes for sensitive data.

## Stockpiling

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

Don’t just gather as much radioactive material as possible. Stockpiling that is a huge risk! The same goes for data. You shouldn’t just be collecting large amounts of data, **only collect what you need**.

## Handle with Care

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

Finally, you wouldn’t want any Jane or Joe handling that radioactive material, you need someone who is trained and experienced to handle it. The same applies to your organization. **Have trained professionals working with that data**.