teleren/devto huggingface dataset:
Feedback processes & opinions
Published: 2022-08-09 21:03:59


In these days I'm thinking in how to give, receive feedback.
For me this is crucial for the growth of the people. 
So I will put some questions here and I'll be super glad to receive anything that are not pointed here.


- Did you received feedback from your workmates? How it was? 
- Did you received feedback from your managers? How it was?
- How was your feelings before and after this feedback processes?
- Your company have a clear process for this?
- Evaluate from 0 to 10 the value of that.

Don't forget what I said! If you have resources and books or something that helped you in this processes just share it!
Newbie Alert!!!
Tags: webdev, python, beginners, codenewbie
Published: 2022-08-09 20:50:39

Hello everyone 
My name is Ray,I'm a Nigerian developer (Newbie)Have been into python for close to 3 months and I have been enjoying every bit of it.

I'm a student.

I love learning,I believe learning never stops so as to keep the mind working

I'll love to connect with other dev here and I thank the founders of this platform for creating a space like this.
Querying parent from child table in EntityFramework
Tags: csharp, dotnet, entityframework
Published: 2022-08-09 20:22:07

---
title: Querying parent from child table in EntityFramework
published: true
description: 
tags: csharp, dotnet, entityframework
# cover_image: https://direct_url_to_image.jpg
# Use a ratio of 100:42 for best results.
---

I was looking at getting childrens of a parent table by querying the table only.
To give you a context of the data I had the following models:


```

// this is the parent class
class Projects {
public Guid Id;
public List<Comments> comments;
... //other fields
}

// this is the child 1-M
class Comments{
public Guid Id;
public Project project;
... //other fields
}

```

Once I've injected the dbcontext class, I start querying the database the following way with `AsQueryable()` if you don't put this you won't be able to call up the search by id.


```csharp
...
var projectId = "<<guid>>"

List<Comment> entity = await _context.Comments.AsQueryable().Where(it => it.Project.Id == projectId ).ToListAsync();
...

```

doing this, will allow you to query the child's parent's object and return a list


Hope this was helpful
A2-Zertifikat in Luftfahrt und Avionik - Vorbereitung und Abschluss des Fernpiloten-Zertifikats
Published: 2022-08-09 20:16:42

In diesem Artikel erfahren Sie alles, was Sie über die Large Dron License oder das EU Remote Pilot Certificate A2 wissen müssen, sowie eine Schritt-für-Schritt-Anleitung, die alle erforderlichen Komponenten für das Bestehen der [drohnenführerschein a2](https://www.easy-quizzz.com/de/fuehrerschein-test/pruefungsfragen-drohnenfuehrerschein-pdf/) enthält Weitere Informationen finden Sie hier.Dieses Buch ist vollgepackt mit ausführlichen und gründlichen Informationen zu diesem Thema.Dieses Papier ist etwas ausführlicher und enthält Daten, Kosten und andere Informationen. Dann gehen wir jede Lektion in der Tiefe durch, um Sie wissen zu lassen, ob Ihre Drohne für die Fragen der [drohnenführerschein prüfungsfragen](https://www.easy-quizzz.com/de/fuehrerschein-test/pruefungsfragen-drohnenfuehrerschein-pdf/) Wir haben auch einen [a2 drohnenführerschein](https://www.easy-quizzz.com/de/fuehrerschein-test/pruefungsfragen-drohnenfuehrerschein-pdf/) auf unserer Easy Quizzes-Website, um Ihnen bei der Vorbereitung auf Ihre Prüfung zu helfen, indem wir die folgenden Unterschiede vergleichen:Was ist der Unterschied zwischen einer kleinen A1/A3-Fernpilotenlizenz und einer großen A2-Fernpilotenlizenz? Was sind die wichtigsten Punkte, die beim Erwerb einer EU-Fernlotsenlizenz A2 zu beachten sind? Schließlich können Sie Ihre Prüfung so schnell wie möglich beginnen, indem Sie unser Online-Quiz absolvieren, das jetzt noch einfacher und bequemer ist.
Variadic Parameters in Swift
Tags: ios, swift, programming, mobile
Published: 2022-08-09 20:09:00

In Swift functions with variadic parameter accepts zero or more values of a specified type. You use a variadic parameter to specify that the parameter can be passed a varying number of input values when the function is called. Write variadic parameters by inserting three period characters (...) after the parameter’s type name. Print is one the most commonly used examples.
UI: some useful resources
Tags: ui, resources
Published: 2022-08-09 20:08:58


Even developers sometimes, for various reasons, have to design some interfaces by themselves, without the help of design and graphics experts.

Here is a collection of online resources that may come in handy.

## Generation of backgrounds (gradients and not)
[https://cssgradient.io](https://cssgradient.io)
[https://webgradients.com](https://webgradients.com)
[https://www.svgbackgrounds.com](https://www.svgbackgrounds.com)
[https://bgjar.com](https://bgjar.com)

## svg icons
[https://icons.getbootstrap.com](https://icons.getbootstrap.com)
[https://www.svgrepo.com](https://www.svgrepo.com)
[https://fontawesome.com/icons](https://fontawesome.com/icons)

## svg illustrations
[https://drawkit.com](https://drawkit.com)
[https://undraw.co](https://undraw.co)
[https://www.opendoodles.com](https://www.opendoodles.com)
[https://www.glazestock.com](https://www.glazestock.com)
[https://www.humaaans.com](https://www.humaaans.com)
[https://icons8.com/illustrations](https://icons8.com/illustrations)
[https://weareskribbl.com](https://weareskribbl.com)
[https://ui8.net](https://ui8.net)

## Animated illustrations
[https://storyset.com](https://storyset.com)

## Generation of faces
[https://generated.photos/face-generator/new](https://generated.photos/face-generator/new)

## Images
[https://unsplash.com](https://unsplash.com)
[https://burst.shopify.com](https://burst.shopify.com)
[https://www.freeimages.com](https://www.freeimages.com)
[https://pixabay.com](https://pixabay.com)
[https://www.freeimages.com](https://www.freeimages.com)
[https://kaboompics.com](https://kaboompics.com)
[https://www.flickr.com/photos/wocintechchat](https://www.flickr.com/photos/wocintechchat)

## Inspiration
[https://dribbble.com](https://dribbble.com)
[https://lookup.design](https://lookup.design)
[https://screenlane.com](https://screenlane.com)
[https://www.figma.com/community](https://www.figma.com/community)
[https://scrnshts.club](https://scrnshts.club)
[https://uiverse.io](https://uiverse.io)
[https://codepen.io](https://codepen.io)

## Font
[https://fonts.google.com](https://fonts.google.com)


And you? Do you have other resources to report?
Introducing IP Visualizer
Tags: redishackathon, webdev
Published: 2022-08-09 18:45:19

So, this is my first post here on dev, usually I'm just lurking. Will see how this works out.

Short about me: started using computers in the late 80's and got an interest in web dev stuff some years ago and took some uni courses. Right now studying development of e-services at Dalarna university, Sweden.

Read about the redis hackathon and thought it would be fun to submit something. What i came up with is IP Visualizer.

But what is it? Well it visualizes IP-adresses inside a selected radius based on geo-data.

How does it work? You drag a radius (circle) with the mouse and when release button that circle is transferred to the map. The center point and radius is sent to the back end and with help of the geo-radius feature in redis it fetches all the matching CIDR's located inside the radius and send it back to the client. The client then displays it with help of Deck.gl where can choose different layers/aggregations.

Backend is a standard Node express api and the frontend is made in Svelte and uses MapLibre GL for the map stuff.

Code is almost complete and live demo will be available soon.
My submission will ofc be in the wacky wildcard category. ;)
Top 7 Featured DEV Posts from the Past Week
Tags: top7
Published: 2022-08-09 18:40:35

---
title: Top 7 Featured DEV Posts from the Past Week
published: true
description: A round up of the most-read and most-loved contributions from the community this past week
tags: icymi 
cover_image: https://thepracticaldev.s3.amazonaws.com/i/sfwcvweirpf2qka2lg2b.png
---

_Every Tuesday we round up the previous week's top posts based on traffic, engagement, and a hint of editorial curation. The typical week starts on Monday and ends on Sunday, but don't worry, we take into account posts that are published later in the week._ 

## Mac Development Setup

@w3cj documented the process and the tools / apps / settings used on a daily basis and used this doc to set up a recently wiped MacBook. Follow along if you have a Mac you need to set up for a development environment!

{% embed https://dev.to/w3cj/setting-up-a-mac-for-development-3g4c %}


## TypeScript + React

Using TypeScript comes with a lot of benefits. @omerwow covers those benefits, as well as how to best utilize TypeScript with React.

{% embed https://dev.to/omerwow/how-to-use-typescript-with-react-mn9 %}


## Are you Agile?

What does it mean to be agile? @rcls covers Agile and Scrum in this retrospective on a conversation between Dave Farley and Allen Holub.

{% embed https://dev.to/rcls/you-think-youre-agile-probably-not-3aak %}


## Using Job Boards Effectively

@wagslane compiled a few of the best places for you to look for new job openings. Take a look, and use the ones that are most useful to you.

{% embed https://dev.to/bootdotdev/how-to-use-the-best-job-boards-to-find-a-software-engineering-job-37bd %}


## Getting Unstuck

Developers spend an enormous amount of time being stuck. Here, @stebunovd offers some advice on how to learn to be better at getting unstuck.

{% embed https://dev.to/stebunovd/how-to-get-unstuck-and-make-progress-3dg %}


## Write to Improve

@wesen started writing regularly a year ago and became a better developer for it. Here are some tips to start this process yourself!

{% embed https://dev.to/wesen/how-i-learned-strategic-thinking-as-an-engineer-14aj %}


## Coding as art

The community loved this artwork by @asyrafhussin4 and it's easy to see why. True artistry — and the palette is comprised of only HTML & CSS 💫  

{% embed https://dev.to/asyrafhussin4/pure-css-woman-with-long-hair-15b1 %}


_That's it for our weekly Top 7 for this Tuesday! Keep an eye on dev.to this week for daily content and discussions...and be sure to keep an eye on this series in the future. You might just be in it!_
Trocar local de execução padrão do Airflow
Tags: airflow, programming
Published: 2022-08-09 18:40:00

Altere a pasta padrão do Airflow usando os comandos a seguir.
Serve para quando você precisa executar o airflow de forma local.

Abra o arquivo de usuário .bashrc ou .zshrc do terminal

`vi ~/.bashrc`

Adicione os comandos abaixo no arquivo

` export AIRFLOW_HOME='/var/www/html/airflow' #caminho aqui
  export AIRFLOW_CONFIG=$AIRFLOW_HOME/airflow.cfg
`
Execute o arquivo .bashrc usando o comando abaixo.

`source ~/.bashrc`

Espero ter ajudado. Meu objetivo é traduzir alguns materiais que não estão disponíveis em português.

Fonte do tutorial: https://stackoverflow.com/questions/52698704/how-to-change-the-dag-bag-folder-for-airflow-web-ui
Using browser developer tools as an image browser
Tags: browser, tip, images
Published: 2022-08-09 18:13:11

---
title: Using browser developer tools as an image browser
published: true
description: A quick tip to browser images of annoying web sites in a cleaner interface without any extensions
tags: browser, tip, images
cover_image: https://dev-to-uploads.s3.amazonaws.com/uploads/articles/09oj9e6if42s4qw6grlt.png
# Use a ratio of 100:42 for best results.
---
Sometimes you come across web sites that have a lot of images scattered all over the page and you don't care much about the content, but only want the images.

You can use the browser developer tools as a media browser. 

{% youtube cHp61DGef-k %}

1. Load the page you want to get the images from [here is a demo page](https://codepo8.github.io/web-cheatcodes/demos/gallery.html)
1. Open Developer Tools by pressing F12
1. Go to the Network tool (the wifi icon)
1. Reload the page
1. Scroll all the way down to load all images
1. Filter the Network results by Img type
1. Click any of the image names to get a preview and download or copy the image

You can [read more about this trick here](https://codepo8.github.io/web-cheatcodes/download-images.html) or [deep-dive into the official Network tool documentation](https://docs.microsoft.com/microsoft-edge/devtools-guide-chromium/network/).
Getting Started With Kotlin
Tags: kotlin, programming, beginners, tutorial
Published: 2022-08-09 18:07:53

## What is Kotlin
Kotlin is general purpose, statically types and open source programming language. It uses **JVM**. Now a days majorly used to develop **Android Apps** can also be used in backend **Ktor** and have many other use cases.

## Core Features of Kotlin
Kotlin is concise and provides null safety out of box. It is also Interoperable means you can call ***Java code from Kotlin*** and vice-versa. We also get extension function, we will learn everything in this Kotlin blog series.

## Setup Environment
Install **JDK-JVM** [Link to Download](https://www.oracle.com/java/technologies/downloads/) and install **Intellij IDEA** community version [Link to Download](https://www.jetbrains.com/idea/download/#section=mac) now setup environment if you don't know how to follow the [Link](https://stackoverflow.com/questions/1672281/how-to-set-the-environment-variables-for-java-in-windows) that's it you are good to go.


## Let's Write First Program In Kotlin
Create Kotlin Project in **Intellij IDEA** and type following code in the editor

```
fun main() {
    println("Hello World!")
}
```

Press run button looks like play button on top of you IDE


![Intellij IDEA](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/2zqorbblkz67ibrkxgcg.png)

That's All you just wrote your first Kotlin program few more to go :P then you will be ready to understand Android Codes and Modern Programming Architecture. 


* Kotlin Program starts from **main** function and we use *println()* function to print with new line character and simple *print()* to print in single line.
Senior Developer – Full Stack or Front-End Focus
Tags: react
Published: 2022-08-09 17:44:04

I’m a recruiter working with a seed stage SaaS startup in Chicago that’s backed by the Midwest’s top investors, already has product market fit + multiple customers, and is looking for a Software Engineer to join their small but growing team.  

We’re looking for an engineer who has experience with React, is a continuous learner, and who doesn’t mind wearing a few different hats in an early stage startup. 1-4yrs of experience is ideal.  

This is a full time permanent role with a hybrid office set up in Chicago, includes a base salary in the 100k-150k range depending on experience, and includes a compelling equity package.  

Feel free to message me for more details, or check out the job spec here to apply: https://indeedhi.re/3JKSPra
OMG we are trending 🤯
Tags: react, javascript, webdev, discuss
Published: 2022-08-09 17:41:00

Honestly it's really random but [Novu](https://github.com/novuhq/novu) is [trending on Github](https://github.com/trending/typescript?since=daily) for Typescript.
Did anybody cracked the trending algorithem?
Come and star us ⭐️
https://github.com/novuhq/novu
I made a simple weight tracker that displays progress in a graph - a web app without HTML/JS.
Tags: python, showdev, beginners, webdev
Published: 2022-08-09 17:29:00

I’ve been learning Python for a few months, and really wanted to share one of my projects with friends and online. Learning HTML/CSS/JS or any framework for front-end seemed like a whole lot of work for such a simple wish.

I solved this by using [Abstra's](https://www.abstra.io/) lib (full disclaimer: I've been working for them!). I was able to generate a UI and navigation from my script just by updating the commands, for example from “input” to “read”. The entire web app is just 1 Python file + 1 tsv file.

I used an authentication widget to share with friends, but opted for a simple username here so everyone could test it without hassle. Apart from the hackerforms library, I used Pandas and Plotly to build and display the graph.

It’s a really simple script, but I loved how it’s possible to build such a useful tool in just a few lines of code.

[Click here to try out the tracker](https://ek.abstra.run/f07c9cdd-43d7-4f8b-afcc-ed17adea63b5?ref=dev)

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

Source code:

```python
from hackerforms import *
import pandas as pd
from os.path import exists
import time
import datetime
import plotly.express as px

user = read("What's your username? Choose one and use it everytime to see your progress!")

option = read_multiple_choice(f'Hey {user}. What would you like to do?', ['Insert new weight', 'See progress'], button_text=None)

if not exists("weights.tsv"):
    with open("weights.tsv", "a") as f:
        f.write("user\tweight\tdate\n")


if option == 'Insert new weight':
    now = time.localtime()
    year = now.tm_year
    month = now.tm_mon
    day = now.tm_mday

    date = read_date("Add date of measurement", initial_value=datetime.date(year,month,day))

    weight = read_number("Fill your weight")

    with open("weights.tsv", "a") as f:
        f.write(f"{user}\t{weight}\t{date}\n")


df = pd.read_csv("weights.tsv", delimiter="\t")
df.date = df.date.astype('datetime64')
df = df.sort_values('date')
df = df[df.user == user]

fig = px.line(df, x='date', y='weight')
display_plotly(fig)
```
Carousel Demo
Tags: codepen, webdev, beginners, 100daysofcode
Published: 2022-08-09 17:13:45

## Day 3 of 100 Days Of Code

Continued to complete the components section of jonas schmedtmann's course on Udemy and built a Carousel.

---

For anyone confused with the `translate()` function :

- `top:50%` will move an element *50%* of the parent container’s height. We can use `transform : translate(50%,-50%)` to move a button *50%* of it’s height upwards and *50%* of it’s height leftwards (positive for up and negative for down). It will move *50%* of the actual element’s height and not the parent container’s height.
- If used in `px` , it will not move relative to anything , it will relative to itself
- The `translate()` function can be used to move an element(picture or button)
    - The first parameter is the units on the x-axis
    - The second parameter is the units on the y-axis

For more such content , follow me on twitter and dev.to







{% codepen https://codepen.io/mustafahashmani/pen/abYjNWv %}
Using the Fetch API
Tags: javascript, webdev, programming, html
Published: 2022-08-09 17:09:00

##Fetching a JSON file across the network and printing it to the console

```html
<div id="posts">...</div>
    <script>
        const API = 'https://';

        const postElement = document.querySelector('#posts');
        let page = 0;

        fetch(`${API}/posts`)
        .then(response => {
            return response.json();
        }) 

        .then(posts => {}
        })
        .catch(error => console.error(error));
    </script>
```
## as a result

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/xqjd2delig7tcs9fyh6d.png)
JavaScript 8 Tips and Tricks To write less JavaScript 🙂
Tags: javascript, beginners, webdev, react
Published: 2022-08-09 17:03:00

### 1. Declaring Variables

Longhand

```jsx
let firstName;
let lastName;
let surName = "beast";
```

Shorthand

```jsx
let firstName, lastName, surName = "beast";
```

### 2. Ternary Operators

Longhand

```jsx
let answer, value = 15;

if(value%2 = 0)
{
	answer = "Number is even";
}else{
	answer = "Number is not even";
}
```

Shorthand

```jsx
let answer = value&2 = 0 ? "Number is even" : "Number is not even"
```

### 3. Ternary Short For-Loop

Longhand

```jsx
const languages = ["html","css","js"];

for(let i = 0;i < language.length;i++){
	const languages = languages[i];
	console.log(languages);
}
```

Shorthand

```jsx
for(let languages of languages)console.log(languages);
```

### 4. Template Literals

Longhand

```jsx
const fullName = "codingBeast";
const timeOfDay = "afternoon";

const greeting = "Hello" + fullName + ", I wish you a good" + timeOfDay + "!";
```

Shorthand

```jsx
const greeting = `Hello ${fullName}, I wish you a good ${timeOfDay}`;
```

### 5. Assignment Operator

Longhand

```jsx
a = a+b;
a = a-b;
```

Shorthand

```jsx
a += b;
a -= b;
```

### 6. Object Array Notation

Longhand

```jsx
let arr = new Array();
arr[0] = "html"
arr[1] = "css";
arr[2] = "js";
```

Shorthand

```jsx
let arr = ["html","css","js"];
```

### 7. Arrow Function

Longhand

```jsx
function addition(a,b){
	console.log("addition",a + b);
}
```

Shorthand

```jsx
addition = (a,b) => console.log("addition", a + b);
```

### 8. Identical key and Values

Longhand

```jsx
const userDetails = {
	name: name,     // key:value
	email: email,
	age: age,
	location: location,
};
```

Shorthand
Testing React Context using react testing library
Published: 2022-08-09 17:00:31

Testing React components that are context consumers has typically been messy. The more context providers they need the messier it gets. Read on to explore this pattern which makes it crisp and declarative, and consequently makes TDD with React a bit better 👾

https://overcompiled.dev/post/testing-react-context-using-testing-library/

Do you use a pattern that helps you with this? Let me know!
Slick Slider for fast creation of a responsive slider of any complexity on a website
Tags: javascript, programming
Published: 2022-08-09 16:53:00

## Solution #1

```html
<body>
  <a class="left" onclick="nextSlide(-1)">❮</a>  
  <a class="right" onclick="nextSlide(1)">❯</a>

  <div class="main__section">...</div>
</body>
```

```js
var slide_index = 1;  
        displaySlides(slide_index);  
        function nextSlide(n) {  
            displaySlides(slide_index += n);  
        }  
        function currentSlide(n) {  
            displaySlides(slide_index = n);  
        }  
        function displaySlides(n) {  
            var i;  
            var slides = document.getElementsByClassName("main__section-img");  
            if (n > slides.length) { slide_index = 1 }  
            if (n < 1) { slide_index = slides.length }  
            for (i = 0; i < slides.length; i++) {  
                slides[i].style.display = "none";  
            }  
            slides[slide_index - 1].style.display = "block";
        }
```


## Solution #2

```js
let next = document.getElementById('next');
let prev = document.getElementById('prev');

let screenWidth  = window.innerWidth;

let isMobile = screenWidth < 420;

console.log(screenWidth);
$(document).ready(function(){
    $('.team-members').slick({
        dots: isMobile,
        infinite: true,
        speed: 300,
        slidesToShow: isMobile ? 1: 4,
        slidesToScroll: 1,
        nextArrow: next,
        prevArrow: prev,
      });
  });
```
The actual difference in a Maker's vs. Manager's schedule
Tags: productivity, devops, career, webdev
Published: 2022-08-09 16:30:00

Most Engineering teams make a serious effort to measure inputs and outputs. Yet when it comes to our most valuable resource, time, we’re often flying blind. 

We crunched data from more than 1,500,000 meetings, 80,000 Engineering teams, and 5,000 companies to create the **[2022 Software Engineering Meeting Benchmark Report](https://www.getclockwise.com/eng-meeting-benchmarks)**.

The report uncovers: 
- The return on investment for Engineering teams with more Focus Time
- How the average Engineer's schedule drastically changes as they climb the career ladder
- The "coordination tax" growing companies have to contend with

Some of the findings:
- [Focus Time](https://www.getclockwise.com/blog/what-is-focus-time) has a very high ROI for engineering teams
- Engineers at small companies average 5.6 more hours of uninterrupted time per week compared to large companies
- The average Manager and above spends nearly two hours in 1:1s every week

To learn more, check out [the report](https://www.getclockwise.com/eng-meeting-benchmarks). ❇️