teleren/devto huggingface dataset:
Day 5 in Redesigning Nasa's Picture of the Day Webpage
Tags: react, figma, api, design
Published: 2022-02-24 05:29:24

Hi There!
It has been rather slow with this project. I don’t know how to use an API and I am learning, so that will take a while. Right now I have worked on the UI and no coding. I have worked on figma to look back on the designs and I was thinking of how the mobile version should look. As I was searching, I have stumbled on this really cool resource:

[statcounter](https://gs.statcounter.com/screen-resolution-stats/mobile/worldwide)

It shows statistics of many things like Google trends and for my situation, I have found a large variety of mobile resolutions. I think this resource is an amazing stepping stone to understanding the general resolutions for web, mobile (or both) development.

---

I have signed up for the API key at Nasa’s site so I can experiment with it or use this project as the experiment grounds. I’ll probably make a separate branch in case or make a new project where I learn how to implement an API to gather information about a certain thing.

---

Oh! A tip for UI design that I forgot. I doubt that this is my idea as it’s simple. When you are in you project, you can make a separate rectangle like a splash screen on stock photos and set it to the resolution you want. With this, you can see what the user will see, if let's say, their system has a 1920x1080p screen, you can see where the height ends. This really did help me as I now know the true scale of how things should be sized so the view can see the appropriate amount of content.


![1920x1080 Version](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/x6nd382gbfr5absksx2d.png)

---

![1080x720 Version](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/5plkwkgdfhi5h168a00o.png)

---

Once again, thank you for reading this post. It is a quick one, but more will come soon. The weekends are coming soon so I can put more time into this project. Cya till next time!
Use Symbol for custom injecting logic for NestJS with multi providing
Tags: nestjs, multi, providers, symbol
Published: 2022-02-24 05:10:23

## Installation

```bash
npm i --save nestjs-custom-injector
```

## Links

https://nestjs-custom-injector.site15.ru/api/#/symbol-token/SymbolTokenController_whatSaysAnimals - Demo application with nestjs-custom-injector.
https://github.com/EndyKaufman/nestjs-custom-injector/tree/develop/apps/demo/src/app/symbol-token - Example.

## Usage

Create common interface with token in **animal-provider.interface.ts**

```typescript
export const ANIMAL_PROVIDER = Symbol('ANIMAL_PROVIDER');

export interface AnimalProviderInteface {
  type: string;
  say(): string;
}
```

Create first type of logic for cats in **animal-cats.service.ts**

```typescript
import { Injectable } from '@nestjs/common';
import { AnimalProviderInteface } from './animal-provider.interface';

@Injectable()
export class AnimalCatsService implements AnimalProviderInteface {
  type = 'cat';
  say(): string {
    return 'meow';
  }
}
```

Create second type of logic for dogs in **animal-dogs.service.ts**

```typescript
import { Injectable } from '@nestjs/common';
import { AnimalProviderInteface } from './animal-provider.interface';

@Injectable()
export class AnimalDogsService implements AnimalProviderInteface {
  type = 'dog';
  say(): string {
    return 'woof';
  }
}
```

Create controller **animals.controller.ts**

```typescript
import { Controller, Get, Query } from '@nestjs/common';
import { CustomInject } from 'nestjs-custom-injector';
import {
  AnimalProviderInteface,
  ANIMAL_PROVIDER,
} from './animal-provider.interface';

@Controller('animals')
export class AnimalsController {
  @CustomInject(ANIMAL_PROVIDER, { multi: true })
  private animalProviders!: AnimalProviderInteface[];

  @Get('animal-types')
  animalTypes() {
    return this.animalProviders.map((animalProvider) => animalProvider.type);
  }

  @Get('what-says-animals')
  whatSaysAnimals() {
    return this.animalProviders.map(
      (animal) => `${animal.type} say ${animal.say()}`
    );
  }

  @Get('who-say')
  whoSay(@Query('voice') voice: string) {
    const animal = this.animalProviders.find(
      (animal) => animal.say() === voice
    );
    if (!animal) {
      return { error: `I don't know who say ${voice}` };
    }
    return `${animal.type} say ${animal.say()}`;
  }
}
```

Append all logic to main app module **app.module.ts**

```typescript
import { Module } from '@nestjs/common';
import { CustomInjectorModule } from 'nestjs-custom-injector';
import { AnimalCatsService } from './animal-cats.service';
import { AnimalDogsService } from './animal-dogs.service';
import { AnimalsController } from './animals.controller';

@Module({
  ...
  imports: [
    ...
    CustomInjectorModule.forRoot(),
    CustomInjectorModule.forFeature({
      providers: [{ provide: ANIMAL_PROVIDER, useClass: AnimalCatsService }],
    }),
    CustomInjectorModule.forFeature({
      providers: [
        { provide: ANIMAL_PROVIDER, useValue: new AnimalDogsService() },
      ],
    }),
    ...
  ],
  controllers: [
    ...
    AnimalsController
    ...
  ]
  ...
})
export class AppModule {}
```
Listen to the S8E3 of DevDiscuss: "The Importance of Video Game Archival, Preservation, and Curation"
Tags: discuss, podcast
Published: 2022-02-24 05:04:02

---
title: Listen to the S8E3 of DevDiscuss: "The Importance of Video Game Archival, Preservation, and Curation"
published: true
description: Listen to S8E3 of DevDiscuss!
tags: discuss, podcast 
series: DevDiscuss Season 8
cover_image: https://dev-to-uploads.s3.amazonaws.com/uploads/articles/xhqua3d74bgawn2485mm.png
---

## Find out what the Museum of Modern Art and the Internet Arcade have in common in this week's episode of DevDiscuss


{% podcast https://dev.to/devdiscuss/s8-e3-the-importance-of-video-game-archival-preservation-and-curation %}

_Quick refresher — DevDiscuss is the first original podcast from DEV all about the burning topics that impact all our lives as developers._

### Hosts:
- **@ben** — Creator of DEV & Co-Founder of Forem
- **@joshpuetz** - Principal Software Engineer at Forem
  
### Guests: 
- **[Jason Scott](https://twitter.com/textfiles)** — is the co-founder of Archive Team who speaks passionately on the never-ending and critical saving of online history. He has been a video game art director, unix administrator, documentary filmmaker and public raconteur.
- **[Paola Antonelli](https://twitter.com/CuriousOctopus)** - is a Senior Curator in the Department of Architecture and Design, and Director of Research and Development at MoMA.

Let us know your thoughts on this show in the comments below — or on Twitter ([@thepracticaldev](https://twitter.com/thepracticaldev) ).

---

_You can [follow DevDiscuss](dev.to/devdiscuss) to get episode notifications and listen right in your feed_ — or subscribe on your platform of choice! Plus, if you leave us a review, we'll send you a free pack of thank-you stickers. Details [here](https://airtable.com/shr8oKAIMZgdYnBxx). 

## Quick Listening Links
- [Apple Podcasts](https://podcasts.apple.com/us/podcast/s8-e3-the-importance-of-video-game-archival/id1513053883?i=1000551978560)
- [Spotify](https://open.spotify.com/episode/4OxH0cDwS0TEf5JkNUlKB3)
- [Google](https://podcasts.google.com/feed/aHR0cHM6Ly9mZWVkcy5kZXZwb2RzLmRldi9kZXZkaXNjdXNzX3BvZGNhc3QueG1s/episode/aHR0cHM6Ly9kZXZwb2RzLmRldi9wb2RjYXN0cy9kZXZkaXNjdXNzLzYw?sa=X&ved=0CAQQkfYCahcKEwjw4bWqx5f2AhUAAAAAHQAAAAAQCg)
- [Listen Notes](https://www.listennotes.com/podcasts/devdiscuss/s8e3-the-importance-of-video-Q0f6xUnw3jg/)
- [TuneIn](https://tunein.com/podcasts/Technology-Podcasts/DevDiscuss-p1324596/?topicId=170064705)
- [RSS Feed](http://feeds.codenewbie.org/devdiscuss_podcast.xml)
- [DEV Pods Site](https://devpods.dev/podcasts/devdiscuss/episodes/250)

> ### _Acknowledgements_ 
> - The wonderful _@levisharpe for producing & mixing the show_
> - _Our season eight sponsors: [Duckly](https://duckly.com/?utm_source=devdiscuss&utm_medium=podcast&utm_campaign=devdiscussseason8), [Compiler](https://link.chtbl.com/compiler?sid=podcast.devdiscuss), & [Scout APM](https://scoutapm.com/?utm_source=devdiscuss&utm_medium=podcast&utm_campaign=ad_q2_2021&utm_content=sponsored)!_

---

Thanks for tuning in to DevDiscuss! ❤️
Use abstract-class for custom injecting logic for NestJS with multi providing
Tags: nestjs, multi, providers, abstract
Published: 2022-02-24 04:39:15

## Installation

```bash
npm i --save nestjs-custom-injector
```

## Links

https://nestjs-custom-injector.site15.ru/api/#/abstract-class - Demo application with nestjs-custom-injector.
https://github.com/EndyKaufman/nestjs-custom-injector/tree/develop/apps/demo/src/app/abstract-class - Example.

## Usage

Create abstract class in **animal.provider.ts**

```typescript
export abstract class AbstractAnimalProvider {
  abstract type: string;
  abstract say(): string;
}

```

Create first type of logic for cats in **animal-cats.service.ts**

```typescript
import { Injectable } from '@nestjs/common';
import { AbstractAnimalProvider } from './animal.provider';

@Injectable()
export class AnimalCatsService extends AbstractAnimalProvider {
  type = 'cat';
  say(): string {
    return 'meow';
  }
}
```

Create second type of logic for dogs in **animal-dogs.service.ts**

```typescript
import { Injectable } from '@nestjs/common';
import { AbstractAnimalProvider } from './animal.provider';

@Injectable()
export class AnimalDogsService extends AbstractAnimalProvider {
  type = 'dog';
  say(): string {
    return 'woof';
  }
}
```

Create controller **animals.controller.ts**

```typescript
import { Controller, Get, Query } from '@nestjs/common';
import { CustomInject } from 'nestjs-custom-injector';
import { AbstractAnimalProvider } from './animal.provider';

@Controller('animals')
export class AnimalsController {
  @CustomInject(AbstractAnimalProvider, { multi: true })
  private animalProviders!: AbstractAnimalProvider[];

  @Get('animal-types')
  animalTypes() {
    return this.animalProviders.map((animalProvider) => animalProvider.type);
  }

  @Get('what-says-animals')
  whatSaysAnimals() {
    return this.animalProviders.map(
      (animal) => `${animal.type} say ${animal.say()}`
    );
  }

  @Get('who-say')
  whoSay(@Query('voice') voice: string) {
    const animal = this.animalProviders.find(
      (animal) => animal.say() === voice
    );
    if (!animal) {
      return { error: `I don't know who say ${voice}` };
    }
    return `${animal.type} say ${animal.say()}`;
  }
}
```

Append all logic to main app module **app.module.ts**

```typescript
import { Module } from '@nestjs/common';
import { CustomInjectorModule } from 'nestjs-custom-injector';
import { AnimalCatsService } from './animal-cats.service';
import { AnimalDogsService } from './animal-dogs.service';
import { AnimalsController } from './animals.controller';
import { AbstractAnimalProvider } from './animal.provider';

@Module({
  ...
  imports: [
    ...
    CustomInjectorModule.forRoot(),
    CustomInjectorModule.forFeature({
      providers: [{ provide: AbstractAnimalProvider, useClass: AnimalCatsService }],
    }),
    CustomInjectorModule.forFeature({
      providers: [
        { provide: AbstractAnimalProvider, useValue: new AnimalDogsService() },
      ],
    }),
    ...
  ],
  controllers: [
    ...
    AnimalsController
    ...
  ]
  ...
})
export class AppModule {}
```
Section 1.3 - AWS Certified Cloud Practitioner Study Guide
Tags: aws, cloudskills, examprep, cloud
Published: 2022-02-24 04:01:38

**This series is intended to be a personal study guide. Information may not be comprehensive or accurate. I am sharing it in case others find it useful. Please feel free to comment if any information is inaccurate.**

[Return to Exam Guide](https://dev.to/aidutcher/aws-certified-cloud-practitioner-study-guide-exam-guide-outline-233o)

**<u>1.3 Explain the different cloud architecture design principles</u>**

**Explain the design principles**

- _Design for failure_ – “pre-mortem” exercises to anticipate failure, develop and test responses to it
- _Decouple components versus monolithic architecture_ – solution components operate and execute independently so the whole system doesn’t fail when one component does
- _Implement elasticity in the cloud versus on-premises_ – use cloud resources to adapt to fluctuating demand rather than paying up front for more resources than needed
- _Think parallel_ – scale horizontally when possible to make execution more efficient

[AWS Well-Architected Framework whitepaper](https://docs.aws.amazon.com/wellarchitected/latest/framework/wellarchitected-framework.pdf)

[Return to Exam Guide](https://dev.to/aidutcher/aws-certified-cloud-practitioner-study-guide-exam-guide-outline-233o)
Who's using SeaORM?
Tags: rust, githunt, opensource, showdev
Published: 2022-02-24 03:59:15

If you have built an app using SeaORM and want to showcase it, feel free to open a PR and add it to the list below!

https://github.com/SeaQL/sea-orm/blob/master/COMMUNITY.md#built-with-seaorm

Please use the following markdown format with a commit title "Community.md":

```markdown
[My App](awesome.app) (link to source code if open source) | A description no more than 20 words
```
Section 1.2 - AWS Certified Cloud Practitioner Study Guide
Tags: aws, cloudskills, examprep, cloud
Published: 2022-02-24 03:54:30

**This series is intended to be a personal study guide. Information may not be comprehensive or accurate. I am sharing it in case others find it useful. Please feel free to comment if any information is inaccurate.**

[Return to Exam Guide](https://dev.to/aidutcher/aws-certified-cloud-practitioner-study-guide-exam-guide-outline-233o)

**<u>1.2 Identify aspects of AWS Cloud Economics</u>**

**Define items that would be part of a Total Cost of Ownership proposal**
- _Understand the role of operational expenses (OpEx)_ – building and maintaining infrastructure, data centers, updates and patches, security
- _Understand the role of capital expenses (CapEx)_ – buying equipment, space, licenses
- _Understand the labor costs associated with on-premises operations_ – keeping engineers, architects, and administrators on staff; spending work hours on infrastructure upkeep rather than development
- _Understand the impact of software licensing costs when moving to the cloud_
     - [License compliance during migration to AWS ](https://aws.amazon.com/blogs/mt/license-compliance-during-migration-to-aws/)
     - Users can substantially reduce costs by using existing 
       licenses
     - AWS License Manager provides a mechanism to allocate 
       licenses to both your on-premises and cloud-hosted 
       resources and allows you to automate the tracking of how 
       these licenses are consumed
     - Users must monitor their own licenses and ensure compliance 
       with licensing agreements

**Identify which operations will reduce costs by moving to the cloud**

- _Right-sized infrastructure_ – match resource provisioning to usage needs
- _Benefits of automation_ – increase efficiency by automating many aspects of cloud infrastructure, deployment, and monitoring
- _Reduce compliance scope (for example, reporting)_ - automated services make it easier to maintain logs and reports for auditing
- _Managed services_ – AWS handles updates and maintenance instead of the customer

[Return to Exam Guide](https://dev.to/aidutcher/aws-certified-cloud-practitioner-study-guide-exam-guide-outline-233o)
Section 1.1 - AWS Certified Cloud Practitioner Study Guide
Tags: aws, cloudskills, examprep, cloud
Published: 2022-02-24 03:45:58

**This series is intended to be a personal study guide. Information may not be comprehensive or accurate. I am sharing it in case others find it useful. Please feel free to comment if any information is inaccurate.**

[Return to Exam Guide](https://dev.to/aidutcher/aws-certified-cloud-practitioner-study-guide-exam-guide-outline-233o)

**<u>1.1 Define the AWS Cloud and its value proposition</u>**

**Define the benefits of the AWS cloud, including:**

- _Security_ - AWS maintains secure facilities and offers various means of securing cloud resources
- _Reliability_ - ensures data integrity and performance consistency
- _High Availability_ – systems operate continuously without failure for a long time, avoiding loss of service
- _Elasticity_ – resources grow and shrink based on demand without the need to provision ahead of time
- _Agility_ – fast access to services and increased speed to market
- _Pay-as-you-go pricing_ - only pay for resources used instead of making large upfront investment
- _Scalability_ – resources can scale up or down to handle workloads of virtually any size
- _Global Reach_ – can deploy in regions and zones around the world at the click of a button
- _Economy of scale_ – volume discounts are passed on to customers, offering lower prices

**Explain how the AWS cloud allows users to focus on business value**
- Shifting technical resources to revenue-generating activities as opposed to managing infrastructure

[Return to Exam Guide](https://dev.to/aidutcher/aws-certified-cloud-practitioner-study-guide-exam-guide-outline-233o)
Using an F405 flight controller with INav and Arducopter - Serial ports
Published: 2022-02-24 03:14:16

It is a bit confusing what to put where when connecting an F405 (like Matek F405-STD). Here's my proposal:

- USART3 - CRSF
- UART4  - MSP
- USART1 - GPS
- UART2  - OpFlow
- UART5  - TBS SmartAudio

Hope it helps :)
Doing Page Object Model the Right Way - Part 1
Tags: selenium, e2e, testing, pageobjectmodel
Published: 2022-02-24 02:58:38

I'm back at it again, but this time in a video format with one of the most common topics that QA Engineers tend to discuss about on how to implement in their code in order to make it easier to maintain in the future, but many of us have struggled to understand it or use it properly. So, hopefully I will help you get a better grip of it at the end of this video.

{% youtube SrPc2Zhz7nQ %}

---

Right after recording this I noticed there are a few things I could improve upon, so stay tuned for a few more videos around this and other topics related to automated UI testing.

If you want to follow along, here's the [GitHub repo](https://github.com/chrisvasqm/pom-the-right-way).

As always, feel free to ask any questions in the comment section and I'll do my best to not ignore it 🤓.
Introduction to Python variables.
Published: 2022-02-24 02:32:17

## What is Python variable :-

First of all, Variable is some byte of memory where any value or character is store in memory, the variable for storing data value, python has no data type, Python has no command for variable declaration, For create a variable just give a name of a variable and assign value like below,

`a = 10
b = 19.8
c = "SWAGBLOGGER"
print(a)
print(b)
print(c)
10 19.8 SWAGBLOGGER`


The variable doesn't need to declare with any type, also if you want to change the datatype then you can.

`a = 10      #a is a int type
b = 19.8    #b is a float type
c = "SWAGBLOGGER"  #c is a character type
print(a)
print(b)
print(c)`

**Variable Names :-**
A variable naming has particular no rules, but in programming, we are declared as a small name like x, y, a, b, etc... Else we are declaring a variable with meaning full name.

**Rules for python variable**
The name started with the letter or underscore character.
Name can't start with numbers.
Name can only start with the alpha-numerical characters and underscores.

Names are case-sensitive.

**Legal variable name:-**

var = "SWAGBLOGGER"  #legal variable name 
mvar = "PYTHON"   # Legal variable name
Illegal variable name:-

9var = "Jay"      #Illegal variable name 
m-var = "Manav"   #Illegal variable name 
hi var = "Riya"   #Illegal variable name 


Assign a value for multiple variables:-
In python allow values to multiple variable in one line. like below,

`a, b, c ="SWAGBLOGGER" , "jay" , "manav"
print(a)
print(b)
print(c)`

SWAGBLOGGER jay  manav

**Output variable:-**

The output variable is used to print a statement.

`a = "SWAGBLOGGER"
b = ", simple solution for a complex problem"
z =  x + y
print(z)`

SWAGBLOGGER, simple solution for a complex problem.

**What is the global variable:-**

What is the global variable?
Variables that are created outside of a function are known as global variables. It can be used by, both inside and outside functions.

**how to create variable outside the function.**

`x = "superb"

def func():
  print("Python is " + x)

func()`

python is superb


**How to create variable inside the function.**

`x = "superb"

def function():
  x = "awesome"
  print("Python is " + x)

function()

print("Python is " + x)`

python is awesome. python is superb

**Global keyword:-**

To create a global variable in function, you can use the global keyword.

use of global keyword

`def myfun():
  global a
  a = "fabulous"

myfun()

print("SWAGBLOGGER is " + a)`

SWAGBLOGGER is fabulous
Use global keyword inside the function

`x = "awesome"

def fun():
  global x
  x = "superb"

fun()

print("Python is " + x)`

python is superb
Oracle Fusion Financials Online Training
Tags: tutorial, discuss, testing
Published: 2022-02-24 02:02:57

"Triotech software trainings Provides you the best [ Oracle Fusion Financials Online Training](https://triotechsoftwaretrainings.com/oracle-fusion-financials-online-training/)** by industry experts, we give corporate level training on Oracle Fusion Financials modules, real time projects, live class videos, affordable prices."