teleren/devto huggingface dataset:
Desafio Change The Game: participação no mundo dos jogos
Published: 2022-03-11 22:24:19

O perfil das pessoas que jogam no Brasil é bem definido, quando se pensa em quem ocupa esses espaços, normalmente, nunca é uma mulher, porém, a realidade é essa, as mulheres são a maioria do público de jogos eletrônicos no país, e essa afirmação foi com base nos dados da Pesquisa Game Brasil de 2021, em que evidencia que a porcentagem feminina chega a 51,5% de ocupação. 
Elas são a maioria que estão jogando, mas quando se analisa quem cria esses jogos, ainda são minoria, não só criando os jogos, mas na área de tecnologia como um todo a falta de representatividade ainda é presente. Pensando em minimizar esse problema, foi criado o Desafio Change The Game, que tem por objetivo incluir mais meninas e mulheres nos espaços de criação.

**1. O que é?**

Change The Game foi uma proposta do Google para incluir mais meninas nessa área, por meio de uma maratona online de criação de jogos e, atualmente, já conta com 3 edições do programa. No ano de 2019, o desafio ocorreu em parceria com a Alura e iria premiar 2 ideias para serem desenvolvidas e disponibilizada para download, além disso, outras 800 jovens ganharam uma bolsa de estudo na plataforma Alura para estudar mais sobre a área. 

**2. Atualmente**

O Desafio teve algumas mudanças na 3° edição, uma delas é que agora atua como uma maratona formada por equipes de 1 a 5 participantes que se identifiquem com o gênero feminino ou não binário. Outra alteração é que essas equipes podem ser formadas por estudantes do 7° ano fundamental até o último ano do ensino médio, quem participa concorre a diversos prêmios durante a competição. As regras podem variar de acordo com os anos e para saber sobre todo o processo é só acompanhar de perto pelo [site do projeto](https://changethegame.ideiasdefuturo.com/).

**3. Playlist do Change The Game**

Alguns vídeos do projeto para se inspirar:
- [Edição 2020](https://www.youtube.com/watch?v=ESxtwNSyc-s&list=PLXSEMgMYwHfiWdBavWKHg1y3Eo6S8lCjD)
- [Semana Garotas Criam e Jogam - 1° Edição](https://www.youtube.com/watch?v=Q716-q9f8Jk&list=PLXSEMgMYwHfjsSUD91Qdr_70EfdftrxX5)
- [Semana Garotas Criam e Jogam - 2° Edição](https://www.youtube.com/watch?v=APvCsZz4DxA&list=PLXSEMgMYwHfhRZHYAaa37aNqUxQvEjMew)

**4. Importância**

Dar oportunidade para pessoas de grupos que não possuem representatividade na área é de extrema importância para que cada vez mais a área de tecnologia possa ser um espaço mais inclusivo e contemplativo. O projeto é uma ótima forma de possibilitar algumas mudanças de como o cenário de criação de jogos é atualmente.
Reinvent AWS-Console - at least I started...
Tags: aws, productivity, opensource, github
Published: 2022-03-11 21:22:28

As a software developer, working with AWS-Console I always dreamed about a better experience... and Amazon did not provide it, I write it... at least I started.

Simperate is a extendable plugin based platform using NPM as plugin-registry... 

Currently only AWS plugins are available, I would like to share and contribute with others in order to improve our daily experience for developers, operators and admins.

please checkout [simperate.io](https://simperate.io/) - [github.com/simperate/simperate](https://github.com/simperate/simperate), its available for windows, linux and mac please for anykind of bugs, report at [github-issues](https://github.com/simperate/simperate/issues), made for love for us ALL
Resize Images in asp.Net
Tags: database, aspdotnet, programming, csharp
Published: 2022-03-11 21:57:52

I was doing a task today, and part of it was that I was uploading images..but there was a problem that would happen if the user uploaded a large image. I want to control the size of the image that I came from the user because my database is arrogant. this ..
The first thing I need to do is check the size of the image before I do it and save it. This is how I compare the length of the image (array of bytes) with the length I need, even if it is larger than it. Do not allow the user to upload this image.
The second thing is that I resize the image that I came to before I save it, and I found two packages that do this
1- SixLabors.ImageSharp, and you can read more about it here: https://www.nuget.org/packages/SixLabors.ImageSharp/2.0.0?_src=template
2- System.Drawing.Common, and you can read more about it here:-
https://www.nuget.org/packages/System.Drawing.Common/6.0.0?_src=template
And they are both, through which you can specify the width and height of your image, and this is how you can let the user upload any image, regardless of its size....
1. Top-level statements
Tags: csharp, turkish
Published: 2022-03-11 21:21:42

**Öğreneceklerimiz** : C# da To-Level-Statement nedir bunu öğreneceğiz.

**Gereksinimler** : 
dotnet sdk
vs code (c# eklentisiyle)

İstediğniz bir boş bir klasöre locate olup, cmd'yi açıp aşağıdaki komutları sırasıyla çalıştıralım.

```
dotnet new console -o YourConsoleAppName
```
```
cd YourConsoleAppName
```
```
code .
```

Ve Program.cs yi açalım içersinde şu yazılı olmalıdr : 

```
// See https://aka.ms/new-console-template for more information
Console.WriteLine("Hello, World!");
```

Gördüğünüz üzere ne bir namespace ne bir class ne de Main metot var.

Aslında varlar :)

Otomotik olarak namespace, class ve Main metot ekleniyor Program.cs ye ve bu özelliğe Top-level-statements deniyor.

Örneğin : 
```
using System;
using System.IO;
using System.Collections.Generic;
using System.Linq;
using System.Net.Http;
using System.Threading;
using System.Threading.Tasks;
```
yukarıdaki namespace'ler otomotiktan ekleniyor. [Kaynak](https://docs.microsoft.com/en-us/dotnet/core/tutorials/top-level-templates#implicit-using-directives)


# Sınırlarmalar : 

1. Sadece bir tane top-level file olabilir.
2. Top-level file namespace ve class'lar içerebilirler ama ama bu namespace ve class'lar top-level statement'lardan sonra gelebilir. Örneğin ([bakiniz](https://docs.microsoft.com/en-us/dotnet/csharp/fundamentals/program-structure/top-level-statements#namespaces-and-type-definitions)) : 

```
// See https://aka.ms/new-console-template for more information

Console.WriteLine("Hello, World!");
namespace NameSpaceIsmi
{
    class SinifIsmi
    {
        //write to Console
        static void Yaz(string yazilacak)
        {
            Console.WriteLine(yazilacak);
        }
    }

}
```

# Async metotları nasıl kullanırız ? 

Async metodun direkt önüne await keyword'ü yazarak async metotları kullabilir ([bakiniz](https://docs.microsoft.com/en-us/dotnet/csharp/fundamentals/program-structure/top-level-statements#await)) : 

```
Console.Write("Hello ");
await Task.Delay(5000);
Console.WriteLine("World!");
```
# Gizlice yazılan main metot tablosu : [için tıklayınız](https://docs.microsoft.com/en-us/dotnet/csharp/fundamentals/program-structure/top-level-statements#implicit-entry-point-method) 

[ayrıca top-level-statement'lar hakkında güzel bir yazı](https://www.thomasclaudiushuber.com/2020/08/18/c-9-top-level-statements-or-should-i-say-hey-wheres-the-main-method/)
Make a table on python
Tags: python, table
Published: 2022-03-11 21:20:36

Guido Van Rossum is the creator and responsible for the existence of Python. He was a Dutch-born computer scientist who was responsible for designing Python and thinking and defining all possible ways to evolve this popular programming language.

This first version of Python already included classes with inheritance, management of exceptions, functions and one of its fundamental characteristics: modular operation. This allowed it to be a much cleaner and more accessible language for people with little programming knowledge. A feature that remains to this day.

Until 2018, the development of this popular programming language was personally led by Van Rossum, but he decided to step down and, since 2019, five people decide how Python evolves and develops. A tip renewed each year.

When the first definitive version of Python was released, the popularity of this new programming language was such that comp.lang.python was created, a Python discussion board that further multiplied its number of users.

Being able to quickly organize our data in a more readable format, such as when data is disputed, can be extremely helpful in analyzing the data and planning next steps. Python offers the ability to easily convert certain types of tabular data to nicely formatted plain text tables, and that's with the tabular function .

Install tabular
First, install the library tabulated using pip install in the command line:

pip install tabulate
Then we import the tabular function from the tabular library into our code:

from tabulate import tabulate
Tabular data types supported by tabular
The tabular function can transform any of the following into an easy-to-read plain text table,

list of lists or other iterable of iterables
list or other iterable of dictations (keys as columns)
dictation of iterables (keys as columns)
two-dimensional NumPy array
NumPy record arrays (names as columns)
pandas.DataFrame
For example, if we have the following list of lists:

table = [['First Name', 'Last Name', 'Age'], ['John', 'Smith', 39], ['Mary', 'Jane', 25], ['Jennifer', 'Doe', 28]]
 

print(tabulate(table))
 

print(tabulate(table, headers='firstrow'))
 

print(tabulate(table, headers='firstrow', tablefmt='grid'))
 

print(tabulate(table, headers='firstrow', tablefmt='fancy_grid'))
missing values
If we remove 'Jennifer' from the information dictionary above, our table will contain an empty field:

print(tabulate({'First Name': ['John', 'Mary'], 'Last Name': ['Smith', 'Jane', 'Doe'], 'Age': [39, 25, 28]}, headers="keys", tablefmt='fancy_grid'))
 

print(tabulate({'First Name': ['John', 'Mary'], 'Last Name': ['Smith', 'Jane', 'Doe'], 'Age': [39, 25, 28]}, headers="keys", tablefmt='fancy_grid', missingval='N/A'))
Hope it helps.
Types of Storage For React
Tags: react, reactnative, database, beginners
Published: 2022-03-11 21:04:30

Storing data is always an essential part for all application. The storage can be a local or server storage. Here we will discuss about the types of storage for react.

## Async Storage in React
It is also knowns a built-in or localStorage. Storage stays local to the device like in browser or mobile’s native storage location. The storage is deleted when you clean device’s storage or browser’s storage. Data available locally is unencrypted but we can apply some security options. It should be use as part of your device’s backups and persists during upgrades.

## SQLite Storage in React
This gives us an SQL-like experience, with compressible databases that can also be transmitted to and from the device. This can be use as localStorage or Backend Storage. Data is stored in traditional database format with databases, tables, keys, indices, etc. all saved to disk in a binary format. Here Data is accessible through SQLite drivers.

## Firebase Storage in React
Firebase is a real time noSQL database along with a JSON document store (like MongoDB). We can keep from 1 to n number of documents synchronized. It is also useful to communicate data in our applications in real-time. You can read in detail here about [react native firebase](https://rnfirebase.io/).

## Couchbase Storage in React
Couchbase is mostly using in mobile and IoT apps. But it is also an option for your react apps storage including built-in real-time data synchronization, enterprise-level security, and data integration. You can read about [Couchbase React here](https://blog.couchbase.com/fullstack-react-couchbase-1/).

## MongoDB Storage in React
We can use this server side for data of the app that uses AsyncStorage locally. In MongoDB everything stores as JSON objects, making transmission to the devices very straightforward. It can be use as cache between devices or service provider or server. There is no hard structure to the data, like a schema or SQL, so every object is stores as a “document” that is easily searchable, filterable, etc. Similar JSON objects could have additional or different attributes or child objects, allowing for a lot of flexibility.

---

Please like share and give positive feedback to motivate me to write more.

For more tutorials [visit my website](https://www.w3courses.org/tutorials/).

Thanks:)
Happy Coding:)
Learning Terminal (Notes) Day #3
Tags: beginners, linux, productivity, terminal
Published: 2022-03-11 21:00:10

##Exploring Our File's Content

###Commands

- **head**: Show us the first ten lines of any text file, if you want to see more than 10 lines you can use the parameter **_-n_** followed by the name of lines that you want.

- **tail**: Like head show us a chunk of the text file but with the difference that show us the last 10 lines and you can use the parameter **_-n_** too.

- **less**: _Less_ show us the file in a interactive way by console, in this kind of view you can type / and type words that you want to find. Like a searching engine.

- **xdg-open**: This command open a file with your Text Editor by Default

## What is a command?

A command can be 4 things:

1- An Executable Program
2- An Shell's Utility
3- A Shell's function
4- An Alias

- **type**: Describe us the type of command that you give, just type the command next to the command type. **Example**: _type ls_.

- **alias**: With this we can create an alias for a specific command and make easy the task that we want to do **Example**: _l="ls -lh" this gonna show a directory in list AND with a human lecture_.

    **WARNING**: _Alias are temporary, when you close the terminal and run a new one the alias is gonna disappear_

- **help**: Brings you information about how to use and works a command. **Example**: _help cd._

- **man**: Brings you an manual about command that you want to know. **Example**: _man cd._

- **info**: Works like man but with an different interface.

- **whatis**: Show information about command but with less details. 

##Wildcards

Wildcards in summary is an advanced search using _ls_ command. 

**How to use**: Type the command and the special parameters that you want to get.

**Example**

_To search for txt files_

`ls *.txt`
_The asterisk means **all** (I've seen that use asterisk to mean to **all** in computer science) and next you type the kind of file that you want._

There are a lot of functions with wildcards more information [here](https://linuxhint.com/bash_wildcard_tutorial/).
_There are too many uses for wildcards and depend your needs so I just gonna let the basics for now._
Understanding Context API
Tags: react, contextapi, programming
Published: 2022-03-11 20:52:45

React context API was introduced in 2018 in version 16.3.0. Its main purpose is to manage global states. It’s a really good alternative to prop drilling. In other words, sending props from higher level components to lower levels, that means passing data around to components that don't even really need it.

**How to use Context Api:**


- Separate the code from your component structure. Normally you would create a folder called context and create different files depending on the context. Examples: Theme context, user authentication context, language context.

- Then we import “create context” and proceed to use the method createContext() as follows.

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

- Now we are going to create the Provider component. The idea is to wrap all the components that need the data inside the Provider.

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

- As you can see on the code snippet above, we create the ThemeProvider and pass the children as a prop. We return the ThemeContext.Provider who is in charge of pass the data necessary to the children inside this component. 

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

- Export context and provider. remember not to ad {} on any data that we are going to export as default.

- Import the ThemeProvider the most near possible to the components that are going to use the data. 

- And finally, in order to consume the context, we need to  use the useContext hook. 

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

In this final line we use destructuring to only bring the data we need on that particular  component. 

## Conclusions:

Context API is a great option for small projects because it is a built in package and thus, does not extend the size of our project. As you can see It’s really easy to understand. 

However, context api is not advisable for large-scale applications. This is because every time the value of the context changes all the consumer components rerender. And this can become a nightmare when it comes to your app performance.
New Things Added - Laravel 9.4 Released
Tags: php, laravel, webdev, programming
Published: 2022-03-11 18:47:04

Let's get started quickly I found new things in Laravel 9.4 Released I wanted to share with you.

- Add soleValue method to query builders

new soleValue() method to query builders to return a column from the sole value instead of the whole record
https://github.com/laravel/framework/pull/41368
```php
// bails if there is not exactly one result,
// but returns an object
$query->sole(['id']);
 
// returns just the value, but no safety around
// there being exactly one result
$query->value('id'); 
 
// To get the ID, we must do
$query->sole(['id'])->id;

// This update allows the following usage
// Bails if there is not exactly one result
// and returns just the value
$query->soleValue('id');
```

- Add String lcfirst() Method
https://github.com/laravel/framework/pull/41384

```php
Str::lcfirst('Laravel'); // laravel
Str::lcfirst('Laravel framework'); // laravel framework
Str::lcfirst('Мама'); // мама
Str::lcfirst('Мама мыла раму'); // мама мыла раму
```

- Add “Mutex” column to schedule:list command

Here’s an example of the output based outlined in the above issue
```php
$ php artisan schedule:list
+----------------------------------------------------------+-------------+--------------------+----------------------------+----------------------------+
| Command                                                  | Interval    | Description        | Next Due                   | Has Mutex                  |
+----------------------------------------------------------+-------------+--------------------+----------------------------+----------------------------+
| '/usr/bin/php8.0' 'artisan' mycommands:something         | */2 * * * * | Process something  | 2022-03-03 10:22:00 +00:00 | Yes                        |
| '/usr/bin/php8.0' 'artisan' mycommands:otherthing        | */2 * * * * | Process otherthing | 2022-03-03 10:22:00 +00:00 |                            |
+----------------------------------------------------------+-------------+--------------------+----------------------------+----------------------------+
```

- Support for Modifying a char Column Type

```php
Schema::table('users', function (Blueprint $table) {
    $table->char('name', 50)->nullable()->change();
});
```


I hope you enjoyed with me and to learn more about this release visit the sources and search more. I adore you who search for everything new.
Source :- https://laravel-news.com/laravel-9-4-0
Source :- https://www.youtube.com/watch?v=Fpo-5rL4_g4
New PagerTabStripView version!
Published: 2022-03-11 20:35:52

We've released a new version of the PagerTabStripView Open Source library. It includes a way to customize the indicator style.
Now you can add infinite possibilities to customize the Indicator Bar:

- Circle
- Image
- Animated View
- Async View
- SF Symbol
- Text
- Or any other View the user likes with any customization!

We'll appreciate if you take a look in our GitHub repo: https://github.com/xmartlabs/PagerTabStripView

For more info about the library, you can check our blogpost: https://blog.xmartlabs.com/blog/Introducing-PagerTabStripView-PagerView-in-SwiftUI/
Blobs Menu
Tags: codepen
Published: 2022-03-11 19:50:28

<p>blob effect with svg filter and svg mask</p>

<p>Materials from ATCOM's Tech Fest
ATCOM Next | Beyond Digital </p>

<p><a href="https://next.atcom.gr/" target="_blank">https://next.atcom.gr/</a></p>

{% codepen https://codepen.io/charles1971/pen/YzXzQLw %}
What was your win this week?
Tags: discuss, weeklyretro
Published: 2022-03-11 19:34:29

---
title: What was your win this week?
published: true
description: Got to all your meetings on time? Started a new project? Fixed a tricky bug?
tags: discuss, weeklyretro
cover_image: https://cl.ly/188e843c2985/download/Image%202019-02-15%20at%202.36.37%20PM.png
---

Hey there! 


Looking back on this past week, what was something you were proud of accomplishing?

All wins count — big or small 🎉

Examples of 'wins' include:

- Starting a new project
- Fixing a tricky bug
- Reconnecting with a former colleague/peer ... or whatever else might spark joy ❤️ 

---

Congrats on making it through this week with some wins to be proud of!

![Colored cursive letters against black that say "We Made It!"](https://media.giphy.com/media/Oman9OtAqTT2LwxTVT/giphy.gif)
Extending Python's JSON Encoder
Tags: python, todayilearned, webdev
Published: 2022-03-11 19:29:44

I recently ran into a situation where I needed to ensure consistent formatting of datetimes as I serialized a dict to JSON using python’s built-in [json](https://docs.python.org/3/library/json.html) library.

The [JSON specification](https://www.json.org/json-en.html) does not specify how to handle dates - so it follows that the [JSON encoder](https://docs.python.org/3/library/json.html#json.JSONEncoder) does not, by default, include any date formatting.

Attempting to convert a dict which includes a datetime to JSON using the default JSON Encoder will raise a TypeError.

```python
import json
from datetime import datetime

obj = {
    "name": "test",
    "created": datetime.utcnow()
}

obj_default_encoder = json.dumps(obj)
print(obj_default_encoder)
# TypeError: Object of type datetime is not JSON serializable
```

I was able to achieve the behavior I wanted by defining a class which extends `json.JSONEncoder`.  In this class I included instructions for handling dates - you could also include other modifications to the default behavior of JSONEncoder.  Finally, I passed the custom encoder class to the `cls` kwarg of `json.dumps`

From [the python docs](https://docs.python.org/3/library/json.html#json.dump):
>To use a custom [`JSONEncoder`](https://docs.python.org/3/library/json.html#json.JSONEncoder "json.JSONEncoder") subclass (e.g. one that overrides the `default()` method to serialize additional types), specify it with the _cls_ kwarg; otherwise [`JSONEncoder`](https://docs.python.org/3/library/json.html#json.JSONEncoder "json.JSONEncoder") is used.


## Usage Example


```python
import json
from datetime import datetime

#
# Defining a custom JSON encoder class
#

# Custom class extends json.JSONEncoder
 class CustomJSONEncoder(json.JSONEncoder):
   
    # Override default() method
    def default(self, obj):

        # Datetime to string
        if isinstance(obj, datetime):
            # Format datetime - `Fri, 21 Aug 2020 17:59:59 GMT`
            obj = obj.strftime('%a, %d %b %Y %H:%M:%S GMT')

            return obj

        # Default behavior for all other types
        return super().default(obj)

#
# Using custom class to serialize a dict to JSON
#

obj = {
    "name": "test",
    "created": datetime.utcnow()
}

obj_custom_encoder = json.dumps(obj, cls=CustomJSONEncoder)
print(obj_custom_encoder)
# {"name": "test", "created": "Fri, 11 Mar 2022 19:11:51 GMT"}
```