teleren/devto huggingface dataset:
JavaScript #1 - <Script>
Tags: javascript, beginners, webdev, tutorial
Published: 2022-07-28 12:49:32

 **Welcome!**
This is first tutorial. hope you enjoy :) 

+------------------------------------------+

## Where we code JS?
For coding JS you have different ways ; But follow these , **step by step.**

1. First You need a IDE

> IDEs means **I**ntegrated **D**evelopment **E**nviroment , they are diffrent programs that you can write your code in them . 

## What IDE is Appropriate for JS
They are diffrent IDEs But i tell you bests :

1. [VS Code](https://code.visualstudio.com/)
2. [phpStorm](https://www.jetbrains.com/phpstorm/) - _I prefer_
3. [Atom] (https://atom.io/)

## First Code
well, when you download one of them , open it. First create a folder , then in the folder create a HTML file . (_it must be like this : "example.html" or "Index.html"_) .
Then go in file . 
It must be like it:

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/rzv1ib8ia8ilt6f1szj9.png)
_if it isn't like it , write these codes in it_


**Hi HTML**
You can code JS in 'body' and 'head' but there are diffrent to use : 

>  When you write JS in 'head' , First JS code will run and it 
make your loading speed site ,slow . So i prefer to write JS in 'body'.

Now, you need to create a space to write your JS codes . At First we write our codes in HTML documents but after a few days , we 
learn how to write JS in spacial file (like index.js).
well , you must to write **<script>** in 'body' Tag. It must like this:

```html
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title> JS - Script </title>
</head>
<body>

<script>

</script>

</body>
</html>

```
**Now we write a example code into 'script'**:

```js
alert('Hello World')
```

## How to run codes?
well , you have different ways, for example in phpstorm you can click on google/firefox or.. icons and it will run your code in them.
but in other IDEs you must to find your file with .html format and double click on it.

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/xdlwydfei2jy5jq0752c.png)
_Did you see alert of browser? :)_

## Go and learn HTML&CSS
if you don't know HTML or Css first learn them , then come back here because you need to code some html & css in these tutorials .
and today's tutorial is finished. 

hope you enjoyed :) <3
Resources to Explore Go Collector and Memory Management in Golang
Tags: go, memory, programming
Published: 2022-07-28 12:45:00

Hey Gophers, thanks for visiting my page to find out what resources I used while exploring the Go collector and memory management.

I personally like listening to different talks, don't get confused if you see different talks in this article. My goal is to better understand how things work in Go at the runtime level. So in this article I will not share anything which will cover up how to tune the Collector to improve performance.

1. https://www.youtube.com/watch?v=tEMfErFtp9U

-- Under construction
Developer Nation Pulse Report 22nd edition is out NOW
Tags: developer, report, pulse, global
Published: 2022-07-28 12:12:24

---
title: Developer Nation Pulse Report 22nd edition is out NOW
published: true
description: The 22nd edition of our Developer Nation survey reached 20,000+ developers and tech creators from 166 countries around the world
tags: #developer #report #pulse #global
# cover_image: https://direct_url_to_image.jpg
# Use a ratio of 100:42 for best results.
---
![Developer Nation Pulse Report 22nd edition](https://i.ibb.co/DYmWMj8/e04b6c97-0d2f-4649-bceb-0dedb17ff3bc-header-image-for-report-22.jpg)
The Developer Nation Pulse report is based on our global online developer survey designed, produced, and carried out by SlashData over ten weeks between December 2021 and February 2022. Our estimations state that as of Q1 2022, there are 31.1 million active software developers worldwide. Discover in-depth insights on developer trends, technology preferences, and emerging technology patterns crafting the developer ecosystem in 2022.

Keep on reading and find insights about:
**Developer demographics**
**Programming languages**
**Software development & learning patterns**
**Areas of interest**
**DevOps**
**AR and VR development**
**Low-code/no-code tools**

Read the Report with graphs **[here] (https://developernation.net/developer-reports/dn22?utm_medium=some&utm_source=dev_to&utm_campaign=pulse22_devto)**
Clean Architecture: A Toy Node Prototype
Tags: node, api, cleancode, javascript
Published: 2022-07-28 12:02:21

I have published [an approach](https://github.com/flachica/clean-arch-node) to the "Clean Architecture" proposed by Robert C. Martin

Note that there are issues to be improved. Any contribution will be welcome.

This server publishes two endpoints:

`/animals` on port `3000` --> With three animal examples loaded from memory
`/fruits` on port `3001` --> With three fruit examples loaded from memory

## Main features

* Endpoints can be served with Express or Fastify depending on running `node details/indexExpress.js` or `node details/indexFastify.js`
* Each endpoint can be served by a different port. With this we simulate the concept of microservice. Each one of them runs in a different thread and therefore could be executed independently with different server configurations.
* I have only implemented one type of repository. Data is always served from memory
* I don't strictly follow the layers or folders suggested by "Clean Architecture". I have preferred to group by Entity (animals and fruits) as it is the most important part of the system. In each folder we would always find "Adapters" that act as a bridge with the route published on the server and the "Repository" or data source. By adding more entities we would not have to jump from folder to folder if we had to extend any of the previous classes

## Structure

  * `abstract`: As a microframework. Contains classes that will be extended in details or in domain
     * `details`: Abstractions of the details. According to "Uncle Bob" the details relate to the technology and not the core of the system. Namely: Database, http server, frameworks, etc.
     * `domain`: Domain abstractions. "Parent" classes that will be extended with the kernel concretes of the system.
  * `details`: Classes that implement the technical details of the system
  * `domain`: System core classes. The domain is related to the entities and use cases that model our system.
JavaScript - Start The Journey
Tags: javascript, webdev, beginners, tutorial
Published: 2022-07-28 12:01:57

_In the Name Of God_
## Who am i?
Hi , I'm "Mobin". I am a boy. I wanna teach/learn the programming ,And this is my first Post. That's it. i hope you enjoy of #coding.
## What Is JavaScript?
JS (javaScript) is one of the populars programming language.

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/c0l45psf80544lwbmlj6.png)
 Its very enjoyble to learn. here is some of js propertys :

- Simple to read
- Don't Need to compile
- Importent language for web developers
- and more...
  
## Where is our "destination"?
After learning 'JS' you'll be able to do _-anything-_ In your web page. Its very simple to learn but you **need** somethings to start learning :
## HTML & CSS
Before start learning you should to learn HTML and CSS because we need to code JS in html codes and create styles for JS & HTML codes; I will learn them soon.

## When We Start?
I will post First tutorial after this post , don't worry i will post every tutorial after 1-3 days . 
**You should Help me to post batter things with leaving a comment** `<3`
Gradient background with waves
Tags: codepen, css, gradient, waves
Published: 2022-07-28 11:52:06

<p>Gradient background with some waves on the bottom of the page. Use <a href="https://cssgradient.io/" target="_blank">https://cssgradient.io/</a> to generate gradients!</p>

{% codepen https://codepen.io/baarbaracrr/pen/KKovmGb %}
To anyone looking for their next (or first) career opportunity,
Tags: career, beginners, productivity, discuss
Published: 2022-07-28 11:48:39

## **here is some advice:**

⚡Stop worrying about your **title**.
.
.
⚡Stop worrying about your ****salary.
.
.
⚡Stop worrying about what **others might think**.
.
.
⚡Pick something that **TRULY excites you** and **do whatever it takes to get your foot in the door.**
.
.
⚡In time, you will find yourself wherever **you want to be.**
.
.
⚡Careers aren't built from **chasing a salary**. They are built from **chasing a passion.**
Kube - he cool!
Tags: kubernetes, devops, random, technicalpoetry
Published: 2022-07-28 11:48:31

Kube-he cool!
Kube-you dope!
She doesn’t need OS anymore,
So, we run to you.
We need you kube,
You need us to.

We that know you too well call you kube,
As the first time I took you,
Damn-you sweet,
Kube- just like sugar,
You! Kube! clouded my thinking,
Pushed me to the edges,
Made me use the six.

Now I’m so stuck with you,
But I would love to scale,
Still, you make me plead the sixth,
Who would defend me now?
How can I hide from you?
I mean, you run everywhere,
And the cloud is yours.

With kube, our goal is reached,
With kube, his ball is shot,
With kube, her net is won, 
With Kubernetes, we deploy.
Create a Queue Using One Stack
Published: 2022-07-11 00:12:27

Recently, Google revealed that they have asked applicants to construct a queue using only a single stack.
This might seem impossible, but it’s doable, using some trickery. Feel free to try it yourself.

**Hints**
This won’t have nice time complexities. 
Think about how you might be able to store information without using an array or an object.

```
class Queue {	
  constructor() {	
  this._storage = [];
 	// Your code	here

  enqueue(Item)  (	
	  // Your  code	here
  }	
		
  dequeue() (	
  	// Your code	here
  }	
		
  get  size()  (	
  	// Your  code	here
  }	
}

```
**Solution**

```
class Queue {
  constructor() {
    this._storage = [];
  }
  
  enqueue(...items) {
    this._storage.push(...items);
  }

  dequeue() {
    if(this._storage.length > 1) {
      const lastltem = this._storage.pop();
      const firstItem = this.dequeue();
      this.enqueue(lastltem);
      return firstItem;
    } else if(this._storage.length === 1) {
      return this._storage.pop();
    } else {
      console.warn('Attempt1ng to dequeue from an  empty  queue');
    }
  }
}
```

Note that in the constructor, we create only a single array. This Will be our stack.
The enqueue() function passes the items it receives into storage.

**How dequeue() Works**

This recursive method is the fun part. We’ll start by discussing the base cases. Lines 16 onward state that if the queue is empty, print a warning and do nothing. If there’s a single item, pop it off and return it.

For the cases where there is more than one item present in storage, we can look at lines 11 - 15.

Assume that our storage stack has values 1, 2, 3, in that order, present inside.

**In the First Call**

Once we hit line 12, lastItem is equal to 3 and our queue has had  3
removed:
[1, 2]

Since we know more items are present (since this is the case in which there were multiple items in storage), we recursively call the dequeue() method.

**Entering the Second Call**

We enter the function again. Length is now 2, so we enter the same case, lines 11 - 15. Again, we dequeue. In this Call, lastItem is equal to 2 . Our queue loses another value:
[1]

We again call the function.

**Entering the Third Call**

This time, there is only one item, 1 . We pop it off and return it, ending up back in the second call. Our queue is empty.
[]

**Back to the Second Call**
 
We go back to the 2nd call, now on line 14. lastItem is 2 and firstItem is 1.

On line 14, we enqueue lastItem, or 2.
[2]

We return 1 and go back to the first call.

**Back to the First Call**

We’re back at the beginning. 1astItem is 3 and firstItem İs 1. We enqueue 3:
[2, 3]

and return 1.

**Dequeue Time**

The time complexity of dequeue()  is:

O(n)

because we need to pop and re-insert every item except one.

Dequeue Space

The space complexity of dequeue() is:

0(n)

because we need to call the func

## 
tion one more time for every item.
React Native Top UI Components Libraries
Tags: reactnative, javascript, beginners, tutorial
Published: 2022-07-28 11:18:00

###1- React Native Elements
[Github](https://github.com/react-native-elements/react-native-elements)
[Documentation](https://reactnativeelements.com/)
Stars ⭐ +22.6k

---

###2- Native Base
[Github](https://github.com/GeekyAnts/nativebase)
[Documentation](https://nativebase.io/)
Stars ⭐ +18.1k

---

###3- React Native Paper
[Github](https://github.com/callstack/react-native-paper)
[Documentation](https://reactnativepaper.com/)
Stars ⭐ +9.5k

---

###4- React Native UI Kitten
[Github](https://github.com/akveo/react-native-ui-kitten)
[Documentation](https://akveo.github.io/react-native-ui-kitten/)
Stars ⭐ +9.2k

---

###5- Shoutem UI
[Github](https://github.com/shoutem/ui)
[Documentation](https://shoutem.github.io/docs/ui-toolkit/introduction)
Stars ⭐ +4.8k

---

###6- React Native UI Lib
[Github](https://github.com/wix/react-native-ui-lib)
[Documentation](https://wix.github.io/react-native-ui-lib/)
Stars ⭐ +4.6k
What are 𝗳𝗶𝗹𝗲 𝗱𝗲𝘀𝗰𝗿𝗶𝗽𝘁𝗼𝗿𝘀 in 𝗡𝗼𝗱𝗲𝗷𝘀?
Tags: node, javascript
Published: 2022-07-28 11:14:00

What are 𝗳𝗶𝗹𝗲 𝗱𝗲𝘀𝗰𝗿𝗶𝗽𝘁𝗼𝗿𝘀 in 𝗡𝗼𝗱𝗲𝗷𝘀?

In my last post we talked about all the different ways you can write stuff out to the standard output, and we touched upon the file system method 𝘄𝗿𝗶𝘁𝗲𝗦𝘆𝗻𝗰.

Today we talk a little bit more about it's first argument, and what it really means under the hood.

The 1st arg is a 𝗳𝗶𝗹𝗲 𝗱𝗲𝘀𝗰𝗿𝗶𝗽𝘁𝗼𝗿, basically a unique identifier(unsigned integer) that represents a file or other input/output source like a pipe or a network socket. Negative values are reserved for error conditions and "no value".

Each Unix process should have the three file descriptors mentioned in the snap below. Which they correspond to the standard streams; 𝗽𝗿𝗼𝗰𝗲𝘀𝘀.𝘀𝘁𝗱𝗼𝘂𝘁, 𝗽𝗿𝗼𝗰𝗲𝘀𝘀.𝘀𝘁𝗱𝗶𝗻 and 𝗽𝗿𝗼𝗰𝗲𝘀𝘀.𝘀𝘁𝗱𝗲𝗿𝗿.

To avoid hardcoding these integers in your code, instead use the values provided by 𝗡𝗼𝗱𝗲𝗷𝘀:

0 => process.stdin.fd
1 => process.stdout.fd
2 => process.stderr.fd

Did you learn something new today?

Like and share this post, and follow me for more!

![filedes](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/hz7qgooo8z8krnq90str.png)
Invalid Nullable Value – Enable for C# 7.3
Tags: tutorial, programming, php, node
Published: 2022-07-28 11:13:59

I was playing around with Visual Studio 2019 and the open source ASP.NET Core blog engine Miniblog.Core. I cloned it to my local, opened it in Visual Studio 2019 and tried to build the solution. I immediately ran into the error below:

```
Error  CS8630  Invalid 'nullable' value: 'Enable' for C# 7.3. Please use language version '8.0' or greater.
```

So, I looked up the error message and every Stack Overflow page I ended up on, says that I have to set the Language Version in Visual Studio. Okay, so how do I do that? I eventually found this answer, which gives you the steps to get to the Advanced Build Settings dialog box for the project.

read more : **[invalid nullable value enable for c# 7.3](https://professional-writer0.blogspot.com/2022/07/invalid-nullable-value-enable-for-c-7-3.html)**
Como pedir ajuda para devs?
Published: 2022-07-01 22:05:17


🔎 Depois que você tentou por si só por alguns minutos, pesquisando na documentação, Google, GitHub (se for código aberto) ou vídeos no YouTube;
___
E não conseguiu resolver, peça ajuda para a comunidade desta forma: 

Contextualize o que está acontecendo no seu código; fale quais possíveis soluções você tentou aplicar; e mostre seu código, se ele for extenso, coloque uma cópia no [gist](https://gist.github.com/renatarko) e disponibilize o link.
___
✔️ Exemplo de como perguntar!

>"Estou trabalhando com HTML, CSS e JavaScript e minha estrutura é uma div com um formulário, um button e outra div com um conteúdo secundário. 
Quero adicionar um evento click para (após a validação do form) exibir div secundária na tela. 
Já li sobre [toggle](https://developer.mozilla.org/en-US/docs/Web/API/DOMTokenList/toggle) , [classList](https://developer.mozilla.org/en-US/docs/Web/API/Element/classList), mas não consegui fazer funcionar.

>Segue trecho de código da minha tentativa: 
`// código`
>Como posso fazer isso? "
___

❌ Exemplo de como não perguntar!
> "Alguém manja de CSS? pra me ajudar?"
> "Alguém já teve problema com divs no HTML?"
> "No meu código aparece "isso", no de vocês também? o que eu faço?"

___
💬 Onde perguntar?

> Discord ou Slack das tecnologias que vc atua;
 Issues/Discussions do GitHub;
 Fórum e/ou Stack Overflow;
 Reddit, Telegram;
> Twitter marcando cc [@sseraphini](https://twitter.com/sseraphini).

___
Espero que tenha curtido, até a próxima!

Obrigada. 🚀
Ethereum: Is this correct?
Tags: web3, blockchain, productivity, programming
Published: 2022-07-28 10:51:00

I tried looking for information about blockchain protocols from **Development Ecosystem point of view**. Unfortunately, just like the protocol and community, the information is also decentralized :)

So, we took the challenge and created a matrix to **rate and review protocols on over 100 development factors**. We created smart contracts and backend scripts to continuously monitor the behavior of the protocols, including read speed, write speed and gas fee. 

I am looking for blockchain enthusiasts to help us validate this information and give us honest feedback. Can someone please look at this [Ethereum review](https://scortik.com/protocol/ethereum/)? and tell us if the information seems accurate? Your review will help Web3 developers to choose the right protocols for their next dApp.
F# : using List.exists on record types may cause breaking changes
Tags: programming, fsharp, dotnet, beginners
Published: 2022-07-28 10:49:00

Below are two examples of how you can determine if an expression returns true for a given list.

Example 1 uses List.exists as per the [Microsoft documentation](https://docs.microsoft.com/en-us/dotnet/fsharp/language-reference/lists) and passes the expression and list as the second parameter

Example 2 uses a pipe to pass List.exist an explicit type of list as per the [fsharp.org documentation](https://fsharp.github.io/fsharp-core-docs/reference/fsharp-collections-listmodule.html#exists)

```C#
type Person = { name: string }
type Fox = { name: string }
    
let itemExists =
    
    let people : Person list = [{ name = "Robert" }]
    
    //This won't compile: Type mismatch
    let example1 : bool = List.exists (fun i -> i.name = "X") people

    //This will compile
    let example2 : bool = people |> List.exists (fun i -> i.name = "X")
    0
```

**The Problem**

The problem here is that for `example1` the order of the record types matter and in its above state will not compile with a `type mismatch`. 

The lambda is implicitly determining the type of `i` based on `name`. But name is shared by both type `Person` and type `Fox`. It therefore takes the first matching type in the file or namespace from the BOTTOM. In this case i is of type `Fox` and is incompatible with the passed `person` list.

Where this becomes dangerous is when your types are spread out through the application or even in a separate library. If a new record type is added with the same property name and type it will result in your consuming application breaking if it were to take the update.
How can I learn SAS programming?
Published: 2022-07-28 10:40:50

what is sas?
[Statistical Analysis System](![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/mgtqwma5emr4uuw81no4.png)
 ) (SAS) is an integrated system of software products provided by SAS Institute Inc., which enables programmers to perform: Information retrieval and data management.
How to Learn SAS Fast

Step 1: Get Access to SAS Studio on SAS OnDemand for Academics. …
Step 2: Learn SAS Interface. …
Step 3: Learn SAS Library and Data Sets. …
Step 4: Learn How to Create a Data Set. …
Step 5: Learn SAS Functions. …
Step 6: Learn SAS Variables. …
Step 7: Learn Data Import. …
Step 8: Learn Data Manipulations.
[[for more info...]](![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ipjk718fz9s1i039fx0e.png)
 )
Not everything in life needs to have a purpose.
Tags: notetoself
Published: 2022-07-28 10:33:46

I know. Wild.

Every single action you take does not need to have a purpose.

Every single decision you make does not need to move you towards some greater purpose.

Trust intuition. Just act. Otherwise, you’ll overthink and end in paralysis.

This belief creates an unhealthy attachment to needing to understand every micro action. That’s too much for a human. 

Many times, you must act instinctively, intuitively. These systems are superior systems. They’re incredibly advanced to the point it doesn’t make sense to bloat your cognition in an attempt to understand everything.

Fail to just act and you fail to sharpen this insanely advanced system which supersedes the need to understand.
Learning Style
Tags: blog
Published: 2022-07-28 10:32:53

Anyone else find in extremely difficult to learn? I just can’t pinpoint the best process for me. 

Do I take notes and sacrifice time, or do I skip notes and learn more but risk not capturing my understanding for when I forget?

Do I follow tutorials to gain familiarity with new concepts and approaches, or do I take an idea and build it out but accept the concepts used are primitive or flawed?

There’re pros and cons to each side which makes it difficult to choose. It ****** gifts aneurysms just tinkering over it.

Typically in uni:

1. I’d panic, procrastinate, then panic many more times
2. I’d come up with a plan to cover all topics
3. I’d go library to make notes on all topics
4. Then realise I don’t have enough time to finish all my notes and get to a breaking point where I ask myself, what do I really need to pass?
5. The answer was: practice and make flashcards of my weak areas
6. So, I’d cram a butt load of practice, make flash cards, answer loads of those flash cards
7. Take the exam and never ever look at my notes again

So, what I’m learning from that is notetaking is actually useless and was an emotional reaction to all my panic. What made the biggest difference was practice and flash cards on weak areas. 

We’re in a day and age where we really don’t need notes. There’re so many amazing resources out there. So, unless we’re contributing to these resources, why bother making notes? It’s literally a search away. And for areas we’re stuck on, sure, we can make notes on them to capture our understanding or practice answering it enough so that it’s burnt into our skulls. 

So, my process of learning is failing then iterating to achieve success. It’s in those iterations I flex my creative muscles to get to the solution.