teleren/devto huggingface dataset:
Windows 10 2004: what's new in the Spring 2020 update?
Tags: computerm
Published: 2020-04-14 02:32:13

The next Windows 10 Home OEM update is fast approaching and offers you the chance to discover all the new features planned. On the agenda: change of user interface, security options, new functions for players and much more.

The new version of Windows 10 is approaching and there is still a lot of welcome news that will improve the user experience. We have put together here the most interesting new functions of the new system.

WINDOWS 10 20H1 OR WINDOWS 10 2004
Let's start with the name of this update, which can be confusing. The development was carried out under the name of Windows 10 20H1, which means that it is the update planned for the first half (H1) 2020 (20).

Users who install this version can determine from the system options that it is actually Windows 10 2004. No, Microsoft has not decided to skip 16 years in the past. It should only be noted that this update is scheduled for April (04) 2020 (20) on paper. The English-language convention requires that the number of the year correspond to that of the month, hence the result "20 04 or 2004".

THE WINDOWS 10 INTERFACE
Windows 10 2004 introduces some changes to the user interface in Windows 10. These are not necessarily new features, but they do improve the system user experience.

A NEW SEARCH ENGINE IN EXPLORER
We are still awaiting a full revision of Windows File Explorer that would add modernity to this important software. Until then, the browser continues to develop and offers a redesigned fast search engine.

It is located at the top right of the user interface and allows you to quickly find a file in the folder to search. This new feature hides a deep overhaul of the search algorithms built into Windows 10.

This redesign may limit the use of the storage disk, but also the processor of the machine. It is also not intended to index new files in the search engine, for example, when using the machine, for example, in the game.

VIRTUAL OFFICES CAN BE RENOVATED
One of the most important new features in Windows 10 is the ability to create additional virtual desktops in the multitasking interface.

Now you can change the name of these offices to facilitate identification in the user interface.

FPS COUNTER FOR XBOX GAME BAR
The game bar (Win + G) gives you quick access to certain overlapping functions in your games. For example, we have the list of Xbox friends or the option to save the screen.

The game bar now has an FPS counter that allows you to perfectly control the performance of your PC.

TASK MANAGER NEWS
Without being completely upset, the task manager continues to develop slowly but surely.


The new version now correctly identifies SSDs and hard drives and displays the temperature of the graphics chip. Previously, software was needed to quickly access valuable data. And besides Windows 10, and you want other Windows operating system, you can check with bzfuture.com.

https://www.bzfuture.com/promo

https://www.bzfuture.com/operating-software
What Does a "Great Working Environment" Mean To You?
Tags: healthydebate, discuss, workplace, work
Published: 2020-04-14 05:19:14

I am really curious and I know different people would have a different perception of what **a great working environment** could be.

- What does it mean for you? 
- How do you define a great working environment? 
- What are the _MUST-HAVE_ or _NICE-TO-HAVE_ in such an environment?

#### Describe it in the comments below.

![MS](https://media.giphy.com/media/cAaUgZr7WYKOc/giphy.gif)
Get average of a given array or multi records in javascript
Tags: javascript, 100daysofcode, codenewbie, codequality
Published: 2020-04-14 03:59:23

Hello amazing people, Welcome again in a new episode of series called **javascript useful snippets**. In this series, I’m going to talk about some shortcodes and useful functions of javascript. These snippets can help you to make your development more efficient and faster. Stay tuned till the end to learn something new… 😊

#### Javascript Useful Snippets — average() ####

While developing, getting an average of multiple values is just another task which you need to do most often. average() snippet can be used to get the average of a given record. let’s see syntax of function…..

```
const average = (…nums) => nums.reduce((acc, val) => acc + val, 0) / nums.length
```

In function, I’ve used spread all arguments which passed through calling. and have stored it into a nums variable. *( for your knowledge — spreading is a new concept introduced with ES6 to make a clone of object/array, in more detail )*.

In return, I’ve used an array method called reduce() to get sum of all records of nums (array). and once I have some of my all values, I needed to divide it with a count of record in order to get average and to do that I’ve used num.length to find the length of the array and divided sum with it. Let’s look at some examples of results for better understanding…

#### Result One: ####
```
const result = average(1, 2, 3) // output: 2
```

#### Result Two: ####
```
const result = average(…[1, 2, 3]) // output: 2
```
As both results show we have our output value as the average of records we passed in inputs. two ways I’ve mentioned here, the wherein first result I’ve passed all records as individual parameters of a function. While in the second result, I’ve passed an array with spread results. Here, if you are new with term call spreading — check it out here *( it’s video tutorial, very soon I’ll write a detailed post on it too so, stay tuned 😊 )*. So, whether you have an array or multi records you can use this function to get an average of it.

{% youtube ZkCw2178bGA %}

Thank you for watching/reading folks, if you found this informative and wanted to make me more content like this please support me on [Patreon](https://www.patreon.com/tutorialspot).

Now, Guys in the next episode I’m going to share a function to get a difference by a function of two arrays. so follow/subscribe to get notification…

Subscribe on youtube https://www.youtube.com/channel/UCvNjso_gPQIPacA6EraoZmg
Facebook: https://www.facebook.com/KatharotiyaRajnish/
Twitter: https://twitter.com/tutorial_spot
CSS: Unit of Measurements
Tags: beginners, tutorial, css, webdev
Published: 2020-04-14 03:57:45

# Pixel (`px`)

Represents a dot on the screen. `1px = 1 dot`

{% jsfiddle https://jsfiddle.net/koralarts/jctsogmz/11/ css,result,html %}

# `em`

Represents a calculated value based on the container's font size where `1em` equals `100%` of the font size. If the container has no specified font size, the inherited font size will be used. 

{% jsfiddle https://jsfiddle.net/koralarts/g5oqL0nr/4/ css,result,html %}

# `rem`

Represents a calculated value based on the root element's font size where `1rem` equals `100%` of the font size. The root is usually the `html` element. The `:root` pseudo element could also be used.

{% jsfiddle https://jsfiddle.net/koralarts/tp720qmk/3/ css,result,html %}

# `vh`

Represents a calculated value based on the **height** of the viewport where `1vh` equals `1%` of the viewport height.

{% jsfiddle https://jsfiddle.net/koralarts/jctsogmz/5/ css,result,html %}

# `vw`

Represents a calculated value based on the **width** of the viewport where `1vw` equals `1%` of the viewport width.

{% jsfiddle https://jsfiddle.net/koralarts/jctsogmz/6/ css,result,html %}

# `vmin`

Represents a calculate value based on the **smaller** value between the viewport's height and width where `1vmin` equals `1%` of the smaller value.

{% jsfiddle https://jsfiddle.net/koralarts/jctsogmz/8/ css,result,html %}

# `vmax`

Represents a calculate value based on the **bigger** value between the viewport's height and width where `1vmin` equals `1%` of the smaller value.

{% jsfiddle https://jsfiddle.net/koralarts/jctsogmz/10/ css,result,html %}
Material ui snackbar/popup not rendering
Tags: react, typescript, materialui
Published: 2020-04-14 03:41:38

Here is my code to show up the snackbar once the seterror is detected - i cant get to figure out why it doesn't work in one of the methods - however it does show up in the return statement of my component which isn't exactly what I need. I need to return the snack bar only if the seterror is detected. I tried using material input inputComponent prop to call my <ErrorMsg> doesn't accept the component either. Help please!!

const _onBlur = () => {
updateData(value);
_isValid(value);
};

const _isValid = (value: string) => {
if(isNaN(+value) != false){
  seterror(true);
  return (

  /* eslint-disable */ 
  <ErrorMsg message={message} />
  )
  } else {
  seterror(false);
  }
  };

  return (
  <>

  <Input
  id={id}
  value={value}
  onChange={_onChange}
  onBlur={_onBlur}
  error={error}
  />
  </>
  );
  };
Windows-update Issues
Tags: webdev
Published: 2020-04-14 02:57:44

microsoft are it again due to their latest window update released this new update have also come with issues the Windows 10 update KB4532695 slowed down users' Wi-Fi and caused problems for audio devices, while back in January a Windows 10 security update refused to automatically install itself, requiring users to do so manually.Feb 19, 2020  also some users find it difficult to activate windows on their respective Pc. Microsoft Windows users reported experiencing blue screens, hanging, and numerous performance issues following the release of Windows 10's latest cumulative update. The optional Windows 10 KB4535996 update was supposed to solve some of the search issues users previously experienced but wound up introducing more.
Bubble Sort in Javascript
Published: 2020-04-14 01:29:31

Bubble Sort is a common sorting algorithm that makes multiple passes of an array, each time moving the largest value left in the unsorted section the the end. It's called "bubble sort" because numbers bubble up to their correct position during each pass. 

Bubble sort isn't the fastest algorithm, it takes on average/most n^2 time, and at a minimum n time. It is very space and memory efficient, only need constant space, and it does not use recursion. 

It's important to visualize bubble sort first. We will walk through an example array with 5 numbers. We will highlight the number we are currently looking at in green, and use the double arrow to represent a value comparison. I've also added a partition that moves from the back of the array forward as we sort more elements.

To start, we look at the value 7 at the start of the array. We compare that with 3, and 7 is the higher value. We can swap the two values, and continue looking at 7. 


![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/wxpmpkejewecgf6ro75g.png)

We then can compare 7 with 1. 7 is greater than 1, so we swap values. 

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/acpjq933shnws6thczkz.png)

We repeat this process with 4, and then 5, until 7 has reached its rightful spot at the end of the array. 

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/lf47jvdfp4pc8nk80580.png)

We return to the start of the array, where we can compare 3 with 1. 3 is moved to the second position.

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/v9icq4m7n4j0egfgf7qi.png)

3 is compared to 4, and this time, it does not change positions. Instead, we change our focus to 4. 

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/2p7k0ckwoqvdfloxb99w.png)

4 is compared with 5. 4 stays in the same position, and we can move our partition up one spot. We can continue this process to finish sorting the array. 

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/qtqfrezdmyocj8nwlzmg.png)

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/vq8e2lt92khdgj7lfpfr.png)

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/6rd7thdslvmz6nrtt5mn.png)

In order to sort the array, we needed to have two loops - one that move the partition forward, and one that makes a pass on the array. We can easily translate that to javascript, and write code in the second loop to swap values. I've written out a simple javascript version of bubbleSort below. 

```Javascript
function bubbleSort(arr) {
    for(let i = arr.length - 1; i > 0; i--) {
        for(let j = 0; j <= i; j++) {
            if (arr[j] > arr[j+1]){
                let save = arr[j]
                arr[j] = arr[j+1]
                arr[j+1] = save
            }
        }
    }
    return arr
}
```
Is a Redis ORM a Horrible Idea?
Tags: discuss, database, redis, webdev
Published: 2020-04-14 00:28:33

Help me Devs! I work on a web app which deals with a lot of data that moves really fast. Our primary database (MySQL) simply cannot keep up, so we store a lot of “current state” data in Redis.

Today we (de)serialize the objects with JSON and store the whole object. That leads to several issues, so we’re going to switch to storing each field individually.

The code for managing all these fields is going to get icky fast, so I’m thinking about building a general purpose ORM for Redis. Some of these already exist but don’t have all the features I need (e.g. transactions with pipelines), locks.

Is this a horrible idea? Am I just building a product that already exists elsewhere that I just don’t know about?

Thanks for your response!

EDIT: There have been a few responses suggesting that the problem has to do with JSON. To clarify, when we were storing this sort of data in MySQL it was normalized, not JSON. Using JSON is only a means to persist objects to Redis.
Day 013 of #100DaysOfDesign — Secret Message
Tags: design, webdev, challenge, 100daysofdesign
Published: 2020-04-14 00:17:36

Did you ever wanted to share some important data to someone but you do not want to leave traces in social media platforms so that this information does not get leaked? I faced this issue many time and that is why I got and idea to create this website. It is also inspired from my work place, where we face this issue as well. We use similar tool as today’s website.

I wanted to keep it very simple for users. Because of that reason I chose to go with desktop only design in the website. But, today I have designed desktop website as a stretched out version on mobile website. This way I did not have to design for small devices separately.

![Secret Message - Final Design](https://dev-to-uploads.s3.amazonaws.com/i/p26ljn1t4fge0e402y9h.png)

As you can see, it is very simple and straight forward design. As I started designing it, I realized that I need more than 2 pages for this website. I wanted to design screens for viewing the message as well modal to get the sharable link. I also realized that it will be better to create expired page for the links, so that if I try to view the message twice or someone else has already opened the message, website informs that the link is expired. I might remove the links as expired after 3–4 months.

It was a quick design so there might be some issues or some areas where I could have done better. Please drop your feedback in the blog comments or in the Figma file. It helps me to improve myself as designer. _And do not forget to give a like to this blog!_

**Today’s Figma File**: [#013 — Secret Message](https://www.figma.com/file/T9HfuPMkOsJjNICZRMDXt7/013-Secret-Message?node-id=0%3A1)

**Yesterday’s Blog**: [#012 — GitHub Timeliner (Part 3)](https://dev.to/harshppatel/day-012-of-100daysofdesign-github-timeliner-part-3-2gdl)

**Tomorrow’s idea**: Something with Gliphy API
Serverless Eventing: What is it anyway?
Tags: serverless, serverlesseventing
Published: 2020-05-29 22:53:14

---
title: Serverless Eventing: What is it anyway?
published: true
series: Serverless Eventing
date: 2020-04-13 23:33:32 UTC
tags: Serverless,ServerlessEventing
canonical_url: https://thejaysmith.com/titles/blogroll/serverless-eventing-what-is-it-anyway/
---

Let's take a step back and define "Serverless Eventing". What is Serverless? It is no secret that I love serverless computing. As you know, we have discovered a way to transmit data through condensation. We actually beam data into nimbostratus clouds and that's where the compute and storage takes place. You experience outages when the[Continue reading "Serverless Eventing: What is it anyway?"](https://thejaysmith.com/titles/blogroll/serverless-eventing-what-is-it-anyway/)
Don't overabstract the things
Tags: webdev, programming, architecture, codequality
Published: 2020-04-13 23:08:19

What if I? should we move this? should we recreate this component?

...

A few days ago, I started to build some components to a large app, and I didn't can avoid a whirl of thoughts, about what is the better approach to build my components, or what is the better way to improve the existents and why not reuse the old ones?

But I forgot one thing, we ALWAYS need a starter point.

So, my coworker said something like: 
> "Slow down, Fanny. We don't need overabstract the things."

## The painful abstraction

Each abstraction adds benefits and costs. When we don't have a deep knowledge about the things, probably we'll pay a cost using an approach for a problem that don't exists, we cannot enjoy properly of the benefits. And this is essential to use abstractions effectively.

I was passing for a problem that is very common among developers: **The premature abstraction.**

## Being premature

Some people talked with me about premature things, but I didn't have a complete understand about. But here's what I found in this situation, you are premature, when you add abstractions in your code, before you really understand the problem, and the possible scenarios.

My point is not say that abstract things is bad, on the contrary, but if I would follow this direction, probably I would leave the things hard to maintain, or unwieldly.

The goal of have an abstraction is to provide an easy way to use things, or fix bugs, and even thought understand the code without the need to look for specific details of implementations.

So, I'll leave here my *advice*: Sometimes the best thing that you need to do, is delay your abstraction, and start with a simple approach, after this, you probably will gain a better idea of what you need.


[HackerNews - The cost of abstraction](https://news.ycombinator.com/item?id=19237592)
[Minimal Surface API](https://www.youtube.com/watch?v=4anAwXYqLG8)
[The Wet Codebase](https://www.deconstructconf.com/2019/dan-abramov-the-wet-codebase)
3 Reasons Why Responsive Web Design is Important
Tags: design, uiweekly, css, womenintech
Published: 2020-04-13 23:05:08

Have you landed on a site (using your mobile device) where you’ve had to zoom in, pan or even scroll left or right? We all know how difficult it is to navigate site like these. Any site that isn’t responsively designed results in a poor user experience, high bounce rates and ultimately low conversions.

Well, Responsive Web Design is the optimal solution to that. It prevents the unnecessary scrolling, zooming, or panning that occurs with sites that have not been optimised for different devices. 

### In summary, 3 Reasons Why Responsive Web Design is Important are:
##### 1. Improved User Experience
##### 2. Reduced bounce rates
##### 3. Quick page load

As a software developer, I always endeavour to create responsive web designs for all products I get to work on.

##### The cover picture shows the UI design of mobile pages I created using Figma for Trackdrills. I then went on to optimise for mobile viewing with CSS media queries.


N.B: If you’ve not seen Trackdrills, you can check it out here: https://trackdrills.com/
Programming Guilt During COVID-19
Tags: programming, webdeveloper, softwaredeveloper, career
Published: 2020-04-13 22:53:36

---
title: Programming Guilt During COVID-19
published: true
description: programming, anxiety, covid-19, computer science, coronavirus
tags: #programming #webdeveloper #softwaredeveloper #career
---

Across the country and around the world, people are stuck at home due to the COVID-19 pandemic.  Many people are spending their time working from home, helping their kids navigate online learning and or watching their thousandth hour of Netflix.  No matter what part of the world you live in, I’m sure you feel the anxiety that I am feeling while living through this pandemic.

Amid the rising number of Coronavirus cases there is this pressure to keep grinding away at code in hopes of becoming a programming superstar.

**Code faster! Learn more! Be better!**

This has been the general messaging that I’ve seen across the internet, particularly on social media.  During these past few weeks I’ve felt like if I haven’t learned how to speak 3 languages, become a master chef and cure cancer all while creating a new full-stack application everyday, then I am not good enough. That I've been wasting my time.


If this sounds familiar to you then **STOP!**

These are unprecedented times.  We are literally living through a pandemic.  We are being told to stay at home with no end date in sight.  Going outside is scary.  Breathing outside is horrifying.

As for myself, there are days that I am able to concentrate and I am able to study as much as I want.  On other days, I barely open my computer for an hour.

It seems the world of tech changes every 5 minutes and if you can use this time to study and build projects, then more power to you.  

But for those of us who are struggling to study due to living with the anxiety brought by the COVID-19 pandemic, I want you to know that you’re not alone.  Whether you are a computer science student who is struggling with attending classes online, a working developer, or a self taught developer like myself, it is ok to not be ok right now.  

*It is ok to feel anxious.
It is ok to be unproductive.
It is ok that you aren’t motivated to finish your latest project.*


**It’s ok.**
Day 115 : Social Distancing
Tags: hiphop, code, coding, lifelongdev
Published: 2020-04-13 22:21:37

_liner notes_:
- Saturday : Did the radio show which was, as usual, a highlight of my day. As usual, the recording is at https://kNOwBETTERHIPHOP.com The thing that made my night super awesome was the RZA vs DJ Premier battle that was streamed on Instagram live (never thought I would say those words, haha). I along with a few 100 thousand people witnessed history. With them going back and forth playing classic songs that we grew up on. What I really liked was the conversation that happened between the rounds, where they would tell stories. A really amazing night!!

![Radio show episode image of the poster to promote the RZA versus DJ Premier battle with the words April 11th 2020, Who you got?](https://dev-to-uploads.s3.amazonaws.com/i/rfe020ja4m247clwtnrz.jpg)

- Sunday : Finished up some post radio show work that I didn't get to due to the RZA vs DJ Premier event. Mowed my lawn. Worked on a part of my side project. Pretty productive day that ended with watch "Killing Eve". That show is pretty awesome!

- Professional : A lot of folks took off today. Gave me the chance to finish up some pull request reviews and work on a blog post.

- Personal : Been going through the submitted instrumentals for my side project using the admin dashboard I created. It's working out just how I thought it would. Pretty cool.

![A wooden trail through some grass that lead to a pine tree forest with mountains in the background](https://dev-to-uploads.s3.amazonaws.com/i/sh2bswhn8af6i68pgyjk.png)

Working on my side project some more. Thinking about setting up the Svelte project and start working on the different components I'll be making. Also, tonight is a new episode of "Dispatches from Elsewhere". This show has all sorts of twists and turns. Really liking it!

Have a great night and keep social distancing (if you can)!

peace piece
Dwane / conshus
https://dwane.io / https://HIPHOPandCODE.com
{% youtube XtmyeS2E3R0 %}
TypeOf Array is Gotcha!
Tags: javascript, webdev, discuss
Published: 2020-04-13 22:35:13

Today I was fooled by a common gotcha in Javascript where the type of an Array is an Object. Duh. I know Arrays are just objects, but just goes to show that gotchas can get anyone.

In an attempt to help my pride please share some other common gotchas (in Javascript or any language) that you've come across that maybe tripped you up for a bit; even if it hurts inside to admit :).