teleren/devto huggingface dataset:
What are examples of software with the best migration/adoption path as a consideration?
Tags: discuss
Published: 2020-05-12 17:49:32

When the question of something being a "killer" of another piece of software comes up, e.g.

{% link https://dev.to/codestackr/deno-node-js-killer-introduction-demo-ryan-dahl-3cdl %}

I tend to think that regardless of how great the ideas are, typically the old stuff sticks around because it's hard to migrate off the old stuff. What are some examples of software with the most thoughtful adoption path?
Why I like programming ?
Tags: SliceOfLife
Published: 2020-05-12 17:09:50

Hi, another "I will bother your mind" episode. In this one I will explain where does my passion for programming come from.

During my childhood, my dream was to live by creating video games. And with the fact that there are more and more people working in this domain, I replaced that dream by the wish of becoming architect. As I grow up, I didn't want to have this job for my future, so I finally start programming.

I start programming, with a really low level when I was in High school. I just programmed during one year, but I loved the fact the machine do what I want it to do. I also loved the fact that I can use my logic skills in another way because the only subject in which I was good was mathematics during this time.

I finally chose Epitech, it's a school of informatics and innovations, for learn and upgrade my skills in informatics. But not only in developpement stuff, also my management skills in a group by interacting with my team mate. I can easily picture in my mind the algorithme about a programme. It's really enjoyable to use your software that you made by yourself. That why I loved programing.

What is your life project ? And do you like it ?

Léo Ménard
react-monetize beta is available now 💸
Tags: gftwhackathon, webmonetization, react, opensource
Published: 2020-05-12 17:07:14

Hi everyone!

Recently I made a [post](https://dev.to/guidovizoso/announcing-react-monetize-1ijj) about react-monetize and what I'm trying to achieve. Today I reached a working MVP and I'd love to share it with you to receive feedback, contributions, ideas or whatever you like.

## What is react-monetize?
It's a set of helpers and hooks to easily integrate the new [Web Monetization API](https://webmonetization.org/) in your React project.

## Can I use it on SSR?
It's been tested on standalone React, Create React App and Next.js. Further using is required to see if it works on Gatsby, Preact and other frameworks.

## What technologies is it built on?
Currently Typescript, React (>=16.8) and Rollup. ESLint, Prettier and Jest are coming soon!

## How can I use it?
Installation, usage information and examples can be found on the Github repo:

{% github guidovizoso/react-monetize %}

## Final thoughts
Please feel free to leave a comment or reach out to me on [Twitter](https://twitter.com/guido_vizoso).

**Hope you like it and have a good week!**
Rendering a table with dynamic rows and dynamic header in Vue.js
Tags: vue, javascript, help
Published: 2020-05-12 17:05:57

Hello all,

This is my post and I wrote this to seek some help or advice from you. I am rendering a table in which the header and rows are dynamic. Each cell is a different Vue component. The cell is a select drop-down and the options can contain 10k items. I have started testing this table with larger dataset say 100 thead and 50 rows. Each cell has about 5k options. The page becomes simply unresponsive. How would I tackle this situation? Should I load dataset in the cell only when focused? Moreover, when I click on the drop-down, it takes time to expand and retract.
Force input validation in Svelte
Tags: svelte
Published: 2020-09-12 16:15:00

---
title: Force input validation in Svelte
published: true
date: 2020-05-12 17:00:00 UTC
tags: svelte
canonical_url: https://narongdej.dev/blog/en/2020/05/13/force-input-validation-in-svelte
---

Svelte! Yet again another new Javascript Framework. Now without virtual dom that React introduce, we go back to a more jQuery style of actual DOM manipulation but still having all that (good?) stuff from React and Vue such as reactivity.

The website that you will create will likely include a web form. Where the value that the user input needs to be validated somehow. If you search google then you’ll likely come across this [repl](https://svelte.dev/repl/54d159b954d9412c8247807125d9fe1b?version=3.12.1).

It all good and stuff, but what about when you want to reset the validation? For example, when the user submitted a form that locates inside a dialog. When the user presses a button to open that form again, you wouldn’t want those fields to already been validated.

Here how you can modify the code a bit to allow that

In `validation.js`

```
import { writable } from "svelte/store"
import { buildValidator } from "./validate"

export function createFieldValidator (...validators) {
  const { subscribe, set } = writable({ dirty: false, valid: false, message: null })
  const validator = buildValidator(validators)

  function action (node, binding) {
    function validate (value, dirty) {
      const result = validator(value, dirty)
      set(result)
    }
    
    validate(binding, false)

    return {
      update (value) {
        validate(value, true)
      }
    }
  }

  function reset() {
    setTimeout(() => {
      set({ dirty: false, valid: false, message: null })
    }, 500);
  }

  return [{ subscribe }, action, reset]
}
```

Now you can call resetValidation() to reset the validation to false. For example

```
const [validity, validate, resetValidation] = createFieldValidator(requiredValidator(), emailValidator())

resetValidation() // <-- call this to reset the validation
```

Here’s the [repl](https://svelte.dev/repl/83d4c06ff8ed4844b3c3ad150191ca3c?version=3.12.1)
Is it useful to learn only COBOL to get productive?
Tags: cobol, mainframe, jcl, legacy
Published: 2020-05-12 16:52:34

In these few weeks during the great lockdown cause COVID-19, we have read and heard about the shortage of COBOL programmers, many people have started to learn, experiment, or only for curiosity trying to look more further about this old fashioned language.

But only a few people know that it is only the tip of the iceberg for running, build or maintain a COBOL program.

There a lot of things to learn out there.

This is my first post in **dev.to** and next, I will try to explain what is *JCL* (Job control language) and its utility in a Mainframe environment.

For now, I have prepared a GitHub repository that contains various samples of COBOL programming during my training experience after will be updated with more samples related to Mainframe arguments:

https://github.com/Tudor44/cobol-and-mainframe-stuff

Is anyone interested?
Swift
Published: 2020-05-12 16:49:49

Swift is considered to a very powerful tool. It is instinctive programming language. You can use this on all apple platforms. These platforms include MacOS, iOS, watchOS, tvOS, and many more. This programming language was introduced on June 2, 2014. The primary goal is for the developer to create the best language that utilizes ranges from systems programming. This is to include mobile and desktop apps and scaling up to cloud services.
Basic Typography Terminology
Published: 2020-05-12 16:46:13

Our first two terms are cap height and baseline. Cap height is the height of the capital letters and the baseline is the guideline for which the majority of characters rest.

![Cap Height and Baselines](https://dev-to-uploads.s3.amazonaws.com/i/jqs5rlc5386m5l6gr1d1.png)

Next, we have x-height, which is the height of the entire lowercase letterset, and is determined by the height of the lowercase x. A high x-height means the lowercase is larger in relation to the uppercase. Whereas a low x-height means the opposite, it's smaller. When smaller font sizes come into play, a typeface with a high x-height can help retain legibility because the lowercase is larger in relation to the upper case. Let's say you have two different typefaces, and both are set at 12 point size. One could be easier to read than the other due to the higher x-height.

![X-height](https://dev-to-uploads.s3.amazonaws.com/i/n9oloogug9axajde0gwx.gif)

There are also instances where certain areas where some lowercase letters descend below the baseline, and others ascend above the x-height. These are called descenders and ascenders, respectively. For example, a "p" has descender, and a "d" has an ascender. So, how low can descenders go or how high can ascenders climb? In some typefaces, ascenders climb up above the cap height. In others, they sit below. And in some cases, the cap height and ascenders are aligned. This last case, though, can affect readability and letter recognition.

![Ascenders and Descenders](https://dev-to-uploads.s3.amazonaws.com/i/mzk4guvkalrak1txeler.gif)

Serifs are projections that finish off the main strokes of a letter. They can sometimes aid legibility and letter recognition. Distinctive character shapes help differentiate letters, and serifs help letters flow. The shape of letters particularly helps those with dyslexia and reading disabilities. Other typefaces forego serifs on their letter forms. These are called sans-serifs, sans meaning without.

![Serif and Sans-Serif Type](https://dev-to-uploads.s3.amazonaws.com/i/auyg55s4f7y644njwtet.gif)

Finally, let's talk about contrast. Contrast can relate to a few different things in typography. The first deals with the actual letter forms in a typeface. A typeface with high contrast would have thick vertical strokes and thin horizontal strokes. A typeface with low contrast would have little to no difference in stroke thickness. Contrast can also refer to the actual text and how it relates to the background. Pure black text on a pure white background creates high contrast. Whereas a light gray on a medium gray creates low contrast.

![Contrast in Type](https://dev-to-uploads.s3.amazonaws.com/i/gil8mhfk835vycfbh5lk.gif)

According to the WCAG contrast guidelines, body text color should have a contrast ratio of at least 4.5:1 when compared to its background color. Large text that is 18 points and larger should have a contrast ratio of at least 3:1.
On.NET Episode: Data processing with .NET for Apache Spark
Tags: dotnet, spark, bigdata, azure
Published: 2020-05-12 16:42:01

.NET for Apache Spark empowers developers with .NET experience or code bases to participate in the world of big data analytics. 

In this episode, Brigit Murtaugh joins Rich to show us how to start processing data with .NET for Apache Spark.

{% youtube z8UKVDBvxLw %}

If you liked this video and would like to see some more of our .NET content, please subscribe to our [.NET Developers YouTube Channel](https://www.youtube.com/channel/UCvtT19MZW8dq5Wwfu6B0oxw).


## Useful Links
<ul>
<li><a href="https://dotnet.microsoft.com/apps/data/spark" target="_blank">.NET for Apache Spark</a></li>
<li><a href="https://docs.microsoft.com/dotnet/spark/?WT.mc_id=ondotnet-c9-cephilli" target="_blank">.NET for Apache Spark documentation</a></li>
<li><a href="https://channel9.msdn.com/Series/NET-for-Apache-Spark-101?WT.mc_id=ondotnet-c9-cephilli" target="_blank">.NET for Apache Spark 101 videos</a></li>
<li><a href="https://github.com/dotnet/spark" target="_blank">.NET for Apache Spark on GitHub</a></li>
<li><a href="https://devblogs.microsoft.com/dotnet/an-introduction-to-dataframe?WT.mc_id=ondotnet-c9-cephilli" target="_blank">An Introduction to DataFrame</a></li>
</ul>
همه چیز در مورد سرور

Published: 2020-05-12 16:35:26



در حال حاضر سرور یکی از واژه های پرکاربرد در زمینه اینترنت و رایانه است. تقریبا تمام کارهایی که در اینترنت انجام می شود به یک سرور نیاز دارد. در این مقاله تعریف خواهیم کرد که «سرور چیست؟»، پیکربندی های سرور را می گوییم و در مورد تفاوت های رایانه های ساخته شده به عنوان سرور صحبت خواهیم کرد. همچنین برخی از انواع مختلف سرورها و قابلیت های آنها را با هم مرور می کنیم.

وبسایت ایران سرور یکی از ارائه دهنده های خدمات هاستینگ در ایران است. این گروه با بهره گیری از توان کارشناسان و تجهیزات بروز و با تلاش و پشتکار دنبال رضایت هرچه بیشتر کاربران و مشتریان خود است. ایران سرور تمام خدمات سرور را با انواع پلن ها ارائه می دهد که می توانید با مراجعه به سایت [ایران سرور](https://www.iranserver.com/) به آدرس iranserver.com و مشاهده پلن ها سرور خود را انتخاب کرده و سفارش خود را ثبت کنید. به این صورت می توانید به راحتی و در کمترین زمان سرور خود را تحویل بگیرید. اما قبل از آن بهتر است با سرور آشنا شویم تا انتخابی درست داشته باشیم.
Java Development Services
Published: 2020-05-12 16:15:48

Hi, guys! I know that Romexsoft is the best company in Ukraine based on Java Development. 
To provide great customer experience <a href="https://www.romexsoft.com/java-development/">java software development company</a> develops and retains a strong bench of Oracle certified staff.
A dedicated team of professionals will bring your project to life based on your specific needs and product goals. From smart customization of pre-developed platforms to full-cycle custom software development.
Command Line Snippets do you keep handy?
Tags: bash, linux, node, discuss
Published: 2020-05-12 16:14:26

Here are a few commands I keep handy:

Bash
// root login ssh
ssh root@my-ip-here

// find PID
sudo lsof -i :<yourportnumberhere>

// kill port
sudo kill -9 <PIDhere>

// To remove a directory that contains other files or directories
rm -r mydir

// don't receive a prompt for each file being removed
rm -rf mydir

Brew
brew update && brew upgrade && brew cleanup && brew doctor

Git
// remove a repo
find . -type f | grep -i "\.git" | xargs rm
cd ..
rm -rf <repository-name>

//sets your name and email for commit messages
git config --global user.name 'John Doe'
git config --global user.email johndoe@example.com

// helps recover from mess ups! a log of your last few actions  
git reflog
Top 5 DEV Comments from the Past Week
Tags: bestofdev
Published: 2020-05-12 16:13:52

---
title: Top 5 DEV Comments from the Past Week
published: true
description: Highlighting some of the best DEV comments from the past week.
tags: bestofdev
cover_image: https://res.cloudinary.com/practicaldev/image/fetch/s--7VrAA2ln--/c_imagga_scale,f_auto,fl_progressive,h_420,q_auto,w_1000/https://thepracticaldev.s3.amazonaws.com/i/qmb5wkoeywj06pd7p8ku.png
---

This is a weekly roundup of awesome DEV comments that you may have missed.  You are welcome and encouraged to boost posts and comments yourself using the **[#bestofdev](/t/bestofdev)** tag.

@fcrozetta offered their response as a linux user who keeps returning to Windows in the very-popular thread titled: **[Windows has no real future - Here is why](https://dev.to/kailyons/windows-has-no-real-future-here-is-why-4nn8)**:
{% devcomment omfm %}

@alainvanhout offered a great reply to an anonymous questioner who asked: **[Have you ever worked with an engineer who never leveled up?](https://dev.to/sloan/have-you-ever-worked-with-an-engineer-who-never-leveled-up-2313)**:
{% devcomment om5d %}

@dthompsondev shared a bit about their story and their underlying motivation in **[How do you stay motivated?](https://dev.to/ben/how-do-you-stay-motivated-2nn4)**:
{% devcomment oham %}

@rehmatfalcon offered a great explanation in **[Explain Deno Like I'm Five](https://dev.to/ben/explain-deno-like-i-m-five-i4m)**:
{% devcomment onca %}

@caroso1222 offered some wonderful perspective in response to **[Should devs code in their free time?](https://dev.to/caroso1222/should-devs-code-in-their-free-time-30ak)**:
{% devcomment ogpg %}

See you next week for more great comments ✌
React Constructor
Tags: methods, thisstate
Published: 2020-05-12 16:10:07

I've got many Questions.
1)Why sometimes I see the constructor and super set without the "props" ?
2)Classes, sometimes I see Methods outside the constructor without been set with ".bind(this)" and still works out anyway, what's the reason?
3)when Do I know is appropriate to set idk an array or a function inside of the constructor directly (I mean without writing it inside of "this.state" or binding the function "bind(this)" )

Please I relly need your help.
btw if someone has a real tutorial about lifecycles *for begginers I will be gratefull
How to Create A Bottom Drawer In VueJS Using Ionic Framework Components and Gesture API
Tags: ionic, javascript, vue, tutorial
Published: 2020-05-12 16:09:04

>This is a VueJS version of the [previous post](https://dev.to/aaronksaunders/how-to-create-a-bottom-drawer-in-reactjs-using-ionic-framework-components-and-gesture-api-532m) where we implemented this using reactjs

[Ionic Framework Gesture API](https://ionicframework.com/docs/utilities/gestures) makes it easy to create animations and effects in your mobile application. 

This is a walkthrough of a simple project where we are using the Ionic Framework Gesture API to implement a custom bottom-drawer component using VueJS.

>[Ionic Framework's](https://ionicframework.com/docs/) Vue Implementation is Beta

{% youtube 8CYfsVQtKQs %}
What You Should Know Before Learning API Testing | 30 Days of API Testing | Day 12
Tags: tutorial, testing, webdev, beginners
Published: 2020-05-12 16:07:31

🚀Mastering API Testing(Full Course) -  https://www.learnapitesting.com

In this video of 30 Days of API Testing Challenge, We are going to discuss What You Should Know Before Learning API Testing

Concepts like Cookie, Authentication, HTTP Methods and headers, SOAP, REST, and many more concepts related to API are important to understand before diving into the world of API Testing.

[![30 Days of API Testing](https://i.imgur.com/NkxOBOJ.png)](https://youtu.be/LaZVGxqSKWc "30 Days of API Testing")


🚀 Day 12 Task: Share what skills a team needs to succeed with API testing.

🚀 Task 12. :  http://scrolltest.com/api/day12

🚀 All Task List: https://scrolltest.com/api/task


Things you should Know : 
- For API Testing using Postman 
 - You should know a little bit of Javascript
 - Assertion and Schema validation concepts
 - Chai JS basics
 - You can BDD in postman, So BDD
- Understand Business Layer Logic
- Tools
 - Chrome Dev Tools
 - Jenkins CI/CD tools
 - Docker/ Kubernetes 
 - Web Proxy Tools
  - Fiddler
  - Charles
- JSON/XML Parsing
- HTTP Methods basics
- Able to create test scenario, test cases, test suites, efficient in manual testing
- Exploratory Testing 
- Request, Response, Headers, Authentication, Cookies, Session, Chaining APIS
- API Types , REST, SOAP, RPC, HTTP status codes
- Database skills at least SQL basics

--
Be sure to subscribe for more videos like this!

[![ TheTestingAcademy](https://dev-to-uploads.s3.amazonaws.com/i/r7vcy6wbvyjbk1y1uu0o.png
)](https://www.youtube.com/TheTestingAcademy?sub_confirmation=1 "TheTestingAcademy")
OS detection in Python
Tags: python
Published: 2020-05-12 16:06:17

Python can run on many platforms (Mac, Windows, Linux and others). Did you know it is super simple to detect the platform?

Python comes with the `platform` module that makes this easy. It is part of the Python standard library.

Start the Python shell and type this:

```python
>>> import platform
>>> platform.architecture()
>>> platform.python_version()
>>> platform.uname()
```

An example run of the function calls:

```python
>>> import platform
>>> platform.architecture()
('64bit', 'ELF')
>>> platform.python_version()
'3.7.7'
>>> platform.uname()
uname_result(system='Linux', node='localhost.localdomain', release='5.6.7-200.fc31.x86_64', version='#1 SMP Thu Apr 23 14:22:57 UTC 2020', machine='x86_64', processor='x86_64')
>>> 
```

The last call `uname()` returns a tuple. If you only want to know the operating system, you can do this:

```python
import platform                                                                                                      
                                                                                                                     
d = platform.uname()                                                                                                 
os = d[0]                                                                                                            
print(os)   
```

The `uname` function returns system, node, release, version, machine, and processor.

You can unpack the <a href="https://pythonprogramminglanguage.com/tuples/">tuple</a> like this:

```python
import platform

d = platform.uname()
system, node, release, version, machine, cpu = d
print(system)
print(node)
print(release)
print(version)
print(machine)
print(cpu)
```

**Related:**
* <a href="https://docs.python.org/3.8/library/platform.html#module-platform">The platform module</a>
* <a href="https://pythonprogramminglanguage.com/">Learn Python</a>
do you think desktop app development is dying?
Published: 2020-05-12 16:05:15

I learnt java and javafx to code for desktop, but data shows that over 60% of webs users use mobile. For any software, building it for mobile or web would be better.
There is little that desktop can provide that mobile apps/websites cannot provide better. 
What is your take on this guys? Do you think desktop app dev is dying?
DEV UI Update
Tags: meta
Published: 2020-05-12 15:09:06

It seems like the DEV.to team's been hard at work as always with a big UI overhaul and a [monster commit](https://github.com/thepracticaldev/dev.to/commit/2abe8303770de0b0c181afea76767874c0abc2c1)!

Quick question to the DEV team: how does it determine when to show comments for a post on the homepage? It seems like some posts show one or two comments but most don't.

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/81hzpakjsys1udj7z42b.jpeg)
Changelog: New Home Feed Styling
Tags: changelog, meta
Published: 2020-05-12 15:57:24

Starting today you'll notice a new look on the home page. Thank to a huge effort by [Pawel/@pp](https://dev.to/pp) many components in the home page new feed has been changed and generally cleaned up to align with the [Crayons visual design language](https://dev.to/page/crayons) that has been rolling out across the site. We've also taken this opportunity to add some new functionality: prominent article comments are displayed right in feed card.

![feed image](https://dev-to-uploads.s3.amazonaws.com/i/ukieqr5tzhn5nitwh6e8.png)

I know that style changes can be, ahem, _controversial_, so feel free to give us your feedback below. You can also log visual bugs as issues in our [issue tracker](https://github.com/thepracticaldev/dev.to/issues).


_Psst: interested in the work it took to make this happen? You can check out the PR:_

{% github https://github.com/thepracticaldev/dev.to/pull/7579 %}