teleren/devto huggingface dataset:
Trabalhar em casa
Published: 2022-04-18 17:38:43


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

Talvez você já tenha um emprego tradicional, com muitas horas no escritório e um chefe para responder, ou talvez não esteja trabalhando agora, por conta de suas vicissitudes pessoais. O fato é que, admita, às vezes você já pensou em um segundo emprego que o faria ganhar em casa, algo que você possa fazer de forma independente, mesmo fora do horário comercial. Uma tarefa para fazer em casa que, se você se esforçar ao máximo, também pode se tornar sua ocupação principal!

A verdade é que não. Com as mídias sociais você não conseguirá ganhar dinheiro fácil ou ter resultados a curto prazo (a menos que tenha grandes números para investir em tráfego pago no Facebook Ads).

Mas a boa notícia é que existem formas de trabalhar com a internet e aumentar sua renda extra nas horas vagas dedicando apenas 1 hora (ou até mais, por que não?) por dia. Isso parece interessante para você? Então continue a ler.

Inventar um emprego e entender como ganhar dinheiro em casa nem sempre é fácil. Muitas vezes você não tem tempo suficiente para se dedicar a uma segunda atividade, ou não sabe o que quer fazer.

O importante é escolher algo que faça você se sentir bem consigo mesmo. Algo que te traga satisfação profissional, que te faça sentir realizado e, claro, que também te proporcione uma renda extra de casa. Resumindo, é o sonho de todo mundo poder ganhar dinheiro fazendo o que tanto gostamos, não é mesmo?

Existem vários trabalhos rentáveis ​​que você pode escolher, você já deve ter notado, principalmente se você frequenta as redes sociais e usa a web com frequência. Nesse sentido, lembre-se que um segundo emprego online ou offline não são opções a descartar.

Abaixo você encontrará algumas ideias:

- Marketing de afiliados
- Dar aulas
- Loja virtual
- Dropshipping
- Web designer
- Redator
- Tradutor
- Artesanato
- Vender doces

Leia o artigo: [Fórmula Negócio Online Funciona](https://adeusponto.com/formula-negocio-online-funciona/)?
Day-68 Training At Ryaz
Tags: javascript, webdev, beginners, programming
Published: 2022-04-18 17:01:00

Date:18/04/2022
Day:Monday

Today, I started at about at 10:40 am as I way in progress to complete the java script course so, I was done with partially ninth module so, I started with the left over part so, firstly I started with for loop its for loop is same as we use in c and c++ as we declare the variable first like I=1 and for loop runs upto the iterations so, it have same syntax as we use it in other languages after this I started with enhanced object literals as it uses the es6 enhanced object literals Object literal enhancement is used to group variables from the global scope and form them into javascript objects. It is the process of restructuring or putting back together like to define function we only do function() and after this we write required console.log statements in the braces and after this I started with I started with optional chaining The optional chaining operator ?. enables you to read the value of a property located deep within a chain of connected objects without having to check that each reference in the chain is valid and after this I started with object keys values and The Object.keys() method returns an array of a given object's own enumerable property names, iterated in the same order that a normal loop would after this I started with sets as we use the array so sets are same as arrays elements so, if we declare the sets and we can use the sets operations like odering the elements and after this I started with map and it have different functions like  creates a new array from calling a function for every calls a function once for each element in an array,does not execute the function for empty elements,
does not change the original array. soothes way my day ended up and I learnt various new things.
Klavye-egzersizi
Tags: html, keyboard, virtual
Published: 2022-04-18 16:53:34

|AD | Soyad |
| -- | -- |
|Sıla | Aleyna |

# i-see
## sanırım klavyeni izliyorum...
![](https://cdn.discordapp.com/attachments/957265762341515264/961203187065450566/Ekran_Goruntusu_136.png)

## Proje amacı
- ▶ Klavye hızını geliştirmek.

## Proje github linki
[github](https://github.com/aleyna-del/i-see)

## Görüşmek üzere...
Why computing DORA metrics is hard
Tags: dora, productivity, engops
Published: 2022-04-18 16:37:52

The **DORA metrics** are a set of metrics that measure the **quality and velocity** of software delivery of an engineering organization. By measuring and continuously iterating on these metrics, engineering teams can deliver better software to their customers faster, and achieve significantly better business outcomes. 

So why aren’t those metrics widely available in your engineering organization? **Because they are difficult to compute.** Here are a few of the hurdles we faced when we were building Salesforce Einstein, and the reason we started [faros.ai](https://faros.ai). Keep these (and us!) in mind when you start this journey.

Let’s start with the **time to restore service** metric. Good news: you can probably get this metric from your incident management system. Assuming you are OK with not having a single pane of glass for your metrics. But don’t get ahead of yourself!

Now let’s look at **change failure rate**. This is a metric that combines your incident and your deployment data. This means you need to **extract and load data** from both sources somewhere to compute the metric. You cannot just get it from one of your systems. That’s just the first difficulty. Next you need to correlate your incidents with your deployments.


![ETL Failures](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/n8twtw80n16y2423xrgw.jpeg)

Then, let’s take a look at **weekly deployments**. It is common for Engineering organizations to have several CI/CD systems. The data from the different systems will need to be **modeled and normalized**. More fun!

**Lead time for changes** ups the ante: not only do you need data from multiple systems (commits, pull requests, build, artifacts, deployments), that data needs to link properly. Your system will need to be robust enough to gracefully deal with missing data and **out-of-order ingestion**. Most likely you will also need to impute changesets for your deployments.

Finally, if you overcome those difficulties, you will want to roll up those metrics along organization lines, slice and dice by application, by stage, and over time. All of a sudden, you have to maintain a service catalog, deal with hierarchical roll ups and drill downs, …

TLDR: DORA metrics are difficult to compute; don’t build them from scratch. Use tools and products that deal with these difficulties to get to value faster. Check out [Faros Community Edition](https://github.com/faros-ai/faros-community-edition).
React JS - Stateful vs Presentational Components
Tags: react, javascript, webdev
Published: 2022-04-18 16:32:51

Today we will talk about the types of components, which are the basic structures of the React library. But before moving on to our topic, we will briefly talk about the concepts of component and state.

## What is Component?


![Component](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/smhqz8n3d7cafqregqma.jpg)Components are the basic building blocks of developing a React application. In technical terms, these structures are just JavaScript functions or classes. They accept various inputs which are called **props** in the React ecosystem. These functions or classes eventually return code blocks of type JSX. In this way, React allows us to create what we want on the screen.

## What is State?

States are simply JavaScript objects but their use in the React ecosystem differs from traditional ones. React uses states to show the current situation of components and manages itself unlike normal variables or objects. Although states are similar to props, they are different and can only be managed by the component they belong to.


![State](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/oo5775kr73lh5bwm7mny.jpg)

## So, What are Stateful and Presentational Components?

As we mentioned, components are the basic building blocks provided to us to create a React application. However, it is possible to distinguish these building blocks into two parts according to their usage.

If a component is only responsible for the display and styling of the data on the screen, these components are called **Presentational Component**. Such components do not store any data in themselves and therefore do not contain any state.

If the component is responsible for managing some data, removing side effects, and contains states, this component is called a **Stateful Component**.
What is a transpiler (with examples)?
Tags: webdev, babel, tutorial, beginners
Published: 2022-04-18 16:29:23

`Transpilation` means taking source code written in a high-level programming language and convert it into code written in another high-level programming language. We need special programs (softwares) to do that and these programs are called `transpilers` (or `transcompilers`).

> Many times `compilation` and `transpilation` are used interchangeably. Technically they mean the same thing, except for the fact that the target language has a similar abstraction level like the source language (e.g. not machine code, but another high-level programming language).

But why do we need code `transpilation` to begin with? Usually, there are two main reasons for this process:

**Migration between different versions of the same language**. Programming languages evolve over time, aquiring new features which are more convenient or advanced than the ones in a previous version. Unfortunately, these changes can't be adopted all at once, so the problem of `backwards compatibility` arises. One way to deal with this is by using `transpilers` that convert code written using the new features into code that follows the rules of an older version of the same programming language. 

[Babel](https://babeljs.io/) is an example of a transpiler which converts  ECMAScript 2015+ (ES6+) code  into a backwards compatible version of Javascript that can be run by older Javascript engines.

Transpilation can also be used in the opposite direction. [2to3](https://docs.python.org/3/library/2to3.html) is a program that converts `Python 2` into `Python 3` code. Programs like `2to3` can help when we need to update an entire codebase but they usually need a certain amount of manual error fixing after the code conversion has been completed.

**Translation from one programming language into another**
Besides HTML and CSS, browsers can only read Javascript. But we can decide that, based on our requirements, we would be better off writing our code using another programming language. The problem is that now the browser won't be able to read our code anymore, so we need to translate it into Javascript.

[Typescript](https://www.typescriptlang.org/) (TS) is a JavaScript superset (sometimes called syntactic sugar) that supports types, a feature that Javascript does not have. There are other languages that do the same thing as Typescript, `Coffescript` or `Elm` for example, but TS is the most popular as of today. Typescript needs to be converted into Javascript and  the transpiler used for that is called `tsc`.

Depending on the transpiler, the newly generated code can be kept as close as possible to the old source code or it can look completely different from it. 

*Image source: Árpád Czapp/ @czapp_arpad on Unsplash*
Vue Js 3 + Vite Tutorial 1 ( Installation )
Tags: javascript, vue, vite, tutorial
Published: 2022-04-18 15:57:24

#### Helooo peeps, in here i will give you some tutorial about Vue Js 3, before going to the tutorial, let me explain what is vue. 

Vue Js is a Framework for bulding Frontend apps, like a React or Angular. Vue js created by Evan You. IMO Vue js fairly easy compared to the others frameworks. If you want to know what applications are made by vue js, you can check [Here](https://www.esparkinfo.com/blog/websites-built-with-vue-js.html).

1. you can go to [Vite](https://vitejs.dev/)
2. Scaffolding Your First Vite Project using npm or yarn `npm create vite@latest` or `yarn create vite`
3. After that it will showing prompt, you can choose anything framework, but in here we're using Vue Js
4. Enjoy it your first vue installation 

##### In the next article, we're gonna learn about vue js
REST or GraphQL, which do you choose?
Tags: webdev, discuss, architecture, graphql
Published: 2022-04-18 15:48:45

## Context

When I started developing, REST APIs were the go-to and became the de facto in all of my projects. Fast forward to early 2019, and I was introduced to my first GraphQL project. When I first saw a GQL implementation, I had plenty of bad things to say about it, most of them stemming from GraphQL being so different from what I had grown used to.

While I had a lot to say about GraphQL when I first used it, I have not created a new REST project since first being introduced to GraphQL.

## My Reasoning

It's probably confusing why I continued to use GraphQL over REST. Even after being repulsed when seeing it implemented for the first time. But there are a few things that kept me around:

* GQL allows the client to ask only for the data it needs, eliminating under/over fetching data.
  * Introduces easy client-side optimizations (Less data == Load Faster)
* Removes the need for API versioning as fields can be added and deprecated without affecting the client.
* Strongly typed, meaning you know what data is available and the type of data it is.
* Integrations with other services.
  * The biggest one for me personally is the ability to take GQL projections and apply them to my MongoDB queries. This reduces the amount of data processed through the network and reduces the overhead of the queries.
* Subscriptions are fantastic and make introducing real-time data into your application easy.
* Apollo, yes, this library is one of the main reasons I still use GraphQL. Setup is quick and easy, comes with a great configurable caching system, handles errors, and plenty of other utilities, making the experience a lot nicer.

## Your Thoughts?

Even though I use GraphQL, what are your preferences and thoughts on either technology? I would like to see other viewpoints on this topic, maybe even learn something new in the process.
⭐ 20 PERGUNTAS PARA FAZER nas entrevistas técnicas
Tags: hackeandoatechinterview
Published: 2022-04-18 15:47:32

As entrevistas técnicas servem não só para avaliar seu conhecimento técnico e a empresa entender se você está apto(a) para a vaga, mas também para você ter um espaço para realizar perguntas.

1. Qual é o objetivo e responsabilidades da vaga que estou concorrendo?

2. Quais são os padrões do projeto? Existe estrutura padrão de branchs? Padrão de commits?

3. Qual é o tamanho do time?

4. Como é a estrutura do time? Possui QA? Possui PM? Design?

5. Existe exigência de horários específicos para trabalhar?

6. Quais são as reuniões e ritos mais comuns no time?

7. Como é o onboarding e período inicial de novas pessoas desenvolvedoras no projeto?

8. Qual é a principal necessidade, manutenção em um projeto legado ou construção de uma nova aplicação?

9. É necessário fazer hora extra?

10. <Se for uma vaga junior> Terei apoio e auxilio do time? Terá uma pessoa com a qual eu posso tirar dúvidas?

11. Como a empresa vê a prática de pair programming?

12. O projeto tem cobertura de testes? Como o time vê essa prática?

13. A empresa oferece treinamentos? Como a empresa vê a necessidade de novos conhecimentos?

14. Como é a rotina de trabalho?

15. A empresa tem algum plano ou projeto que auxilie no crescimento dos profissionais?

16. Como funcionam os feedbacks no time?

17. <Se vai atuar em uma tecnologia específica> Perguntar quais são os frameworks e bibliotecas utilizadas.

18. Com relação a cultura do time, quais são as principais características esperadas de novos membros ao iniciarem no time.

19. Como funcionam as mudanças nos times?

20. Como são os prazos e reajustes de prazos?

E aí, o que achou das dicas? Conta pra mim!
Deixe seu comentário!
is there any way to create realistic tree with threejs?
Tags: javascript, threejs, react, r3f
Published: 2022-04-18 15:37:02

I'm using react three fiber and want to create trees like this. Is it possible to create or need to be created with some kind of 3D software?
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/rcfdln5l3kh0z9g71cuh.png)
PHP Related Small Tips for Improving the Speed of Writing Program
Tags: php, programming, shriekdj, webdev
Published: 2022-04-18 15:32:26

## Preface

In this article you will learn about the shortcuts and things to notice while writing PHP Code

Also PHP Should Be Already Installed on your PC, Device, Server, Sandbox or Virtual Machine ( Whatever You are using Maybe Toaster Also 😅 Don't Know What will Be Machine ).

> The Given Post is about PHP 8 and Above.

PHP Code is created under an HTML Template. Actually PHP is Used like additional element of HTML.

## PHP Oneliner echo Function Shortcut

So while writing some code like `<?php echo "Hello World" ?>` oneliner code we can use shortcut like below.

```php
<div>
This PHP One Line Code
<?php echo "Hello World" ?>

And This One Line PHP Code are similar.
<?= "Hello World" ?>
and Also Shows the same result
</div>
```

This shortcut is only for echo function not for any other functions.

---

## PHP running as alone

Just if your learning only the PHP, then for starters there is no need of installing or using apache, mysql, phpmyadmin directly from start you can still learn starting concepts without them.

Given Below is the Command for starting Built-in server of php in Command-line is given below.

```php
php index.php -S 127.0.0.1:8000 -t .
```

For Online Code Editor Ide It is `0.0.0.0:8000` for using instead of `localhost:8000`.

---

## While ending the PHP File No Need to add last `?>` in some Situations

If your code does not have any data related to html after the PHP Closing Tag At Last then also don't add the `?>` tag of php.

Reason Maybe Like you maybe not always maybe you will have issues while importing one php file with `?>` at to another then the another php file will expect no end tag at last of php.

For Example Given Below.

### first.php

```php
<?php echo "Hello World" ?>
```
if we tried to import this file in another file like given below

### other.php

```php
<div>
<?php
require_once("./first.php");

echo "This part will not parse as php code";
?>
And In Some OS it shows errors
```

here when we import `first.php` our php code part of `second.php` will close while importing and program below that will have some issues while running.

***

## Conclusion

If you found this useful then please share this and follow me! Also check out Buy Me A Coffee if you want to support me on a new level!

[![Buy me a coffee](https://cdn.buymeacoffee.com/buttons/default-yellow.png)](https://www.buymeacoffee.com/shriekdj)

---

## Cover Image Credits

The Given Image is Provided by [Ben Griffiths](https://unsplash.com/@benofthenorth) on [Unsplash](https://unsplash.com).

Image Available at <https://unsplash.com/photos/2Rd-hwT2xQ0>

Thanks for reading untill now.

Bye 👋.
Spring - @PathVariable
Tags: spring, java, programming, http
Published: 2022-04-18 15:18:47

---
series: [Spring]
---

A Spring annotation called **@PathVariable** specifies that a method parameter should be tied to a URI template variable.


```java
@GetMapping("/api/products/{id}")
@ResponseBody
public String getProductsById(@PathVariable String id) {
    return "ID: " + id;
}
```

A simple GET request to /api/products/{id} will invoke getProductsById with the extracted id value:

```
http://localhost:8080/api/products/333 
---- 
ID: 333
```

We may also specify the path variable name:

```java
@GetMapping("/api/products/{id}")
@ResponseBody
public String getProductsById(@PathVariable("id") String productId) {
    return "ID: " + productId;
}
```

## One Class to Rule Them All 🪄

Best practice to handle not required path variables is to combine with Java Optional. In this way, you are both able to handle exceptions and the logic.

```java
@GetMapping(value = { "/api/products", "/api/products/{id}" })
@ResponseBody
public String getProducts(@PathVariable Optional<String> id) {
    if (id.isPresent()) {
        return "ID: " + id.get();
    } else {
        return "ID missing";
    }
}
```

Now if we don't specify the path variable id in the request, we get the default response:

```
http://localhost:8080/api/employeeswithoptional 
----
ID missing 
```
Why shall a developer learn architecture & business?
Published: 2022-04-18 14:44:04

Like many good stories, this one starts with the “Why?” question.

Why shall a developer learn architecture & business instead of improving knowledge in his own area of expertise?

Well, based on my experience, most bugs and most budget burns happen when people do not see the “big picture”. 

Honestly, most of the software I have seen so far is not that complicated. Most tasks are more or less “typical” and can be solved more or less easily, if you know what you are doing and there is some support from the team, if need arises.

Unfortunately not every day is perfect, which is partially the fault of the ticket-tracking systems. Most tickets only describe the specific “story”, but they rarely represent the “full story”. Quite often it is “fix this, fix that, move system X from OS A to OS B”. 

I have many times seen devs starting to code right after quickly reading the ticket, trying to close the ticket asap. Trust me, I have been a junior dev as well, although quite long ago :)

The problem is that even in the best case, such a "architecture-agnostic" dev will create what he was asked to create and not what the company needs. After X number of lengthy and costly feedback loops the software will be there, but time will be lost.

I believe that knowing the architecture of the infosystems involved and having a good understanding of the business can be more important than keeping up to date with the latest tech stack. 

Most of the time the tech stack will not be changing daily, not even in dev environments. 

However the dev tickets will need to be done daily and each of them will be delayed by preventable lack of business and architectural knowledge. 

Also, it will be harder to proactively notice problems which might be caused by other parts of the system (not the piece of software you are working at). 

I remember one guy bringing a huge value to the team because he called my boss and said “. Do you know there is a land reform planned to happen in Latvia?”. That reform included a change of postal addresses. Due to this proactive person we were able to start planning earlier, which helped us a lot.

Of course there are exceptions. It is possible to work without any understanding of the business and infosystem as a whole. However such an approach turns out to be costly, at least in my experience.

Stay tuned and I will share my thoughts on ways to become an architect these days :)

Many thanks to @brjavaman , @ymoto and Dave Snowdon for inspiring me to share my thoughts on the subject.


#architecture #cloudarchitect #businessknowledge #efficiency