teleren/devto huggingface dataset:
Typing Behavior as Authentication Method
Tags: webdev, news
Published: 2022-02-25 14:10:29

Have you ever thought of the way you type as a criteria of establishing your unique identity? Well, our unique typing behavior is a way of identifying a person and it is currently exploited by identity and access management solutions. 

Recent years studies show that written communication via digital devices is preferred over verbal communication (phone calls) among teenagers and young adults. So the exploitation of their typing behavior came only natural and are being integrated just as natural in the software solutions we use.

Such solutions assess the user’s typing behavior in terms of typing speed, keys pressing and releasing times, movement of the mouse, the position of the device. Using such data, a typer profile is created that is unique for the user and can be used an authentication method.


We discussed the subject in depth with one our guests @SibiuWebMeetup. [Check out the video](https://www.youtube.com/watch?v=EQIU3nNx-_U)

---


> DID YOU KNOW?
> Does the idea of human typing behavior as a way of identification and authentication might seem new or even futuristic?
> Well, it appears that it was first exploited in the second world war when the military intelligence noticed that the way the Morse code is transmitted can say something about the sender, in that particular case, if the sender was their soldier or the enemy’s. They called the methodology “Fist of the Sender”.

---


Interested in more topics on web development? Visit [Sibiu Web Meetup](https://blog.ropardo.ro/category/inspire/sibiuwebmeetup/) dedicated section on the blog.
Full Pytorch Training Pipeline on Image Classification [ part1 ]
Tags: tutorial, python
Published: 2022-02-25 14:08:34

Hello everybody! Today, I will show you how to train a full deep learning pipeline on image classification using Pytorch. For somebody who didn’t know Pytorch, it is a machine learning and deep learning framework similar to Keras or TensorFlow. It is a very fun and cool framework to work with, especially on understanding the structure of a neural network.

Continue to read it [here](https://blogbybao.wordpress.com/2022/02/13/full-pytorch-training-pipeline-on-image-classification-task/)!
Best video editing courses in Delhi
Published: 2022-02-25 14:07:53

Hi guys! If you want to become a video editor then you must learn video editing courses from an experienced mentor. But if you are confused that which courses you should learn.  So, don’t worry because here are the lists of the best video editing courses  which are offered by video editing institute. 

VEI is reputed training institute that covers the [best video editing courses in Delhi](https://www.videoeditinginstitute.com/advanced-video-editing-courses) with 100% job placement. These courses are both certificate and diploma course.

So, are you read for knowing these best video editing courses? If yes! Then get’s set started. 

These Courses are:

1. Premium Pro Course- It is a certificate premium pro course in Delhi that will cover latest features, adjusting preference, image clips, media browser usages, and many more.
2. Photoshop Course- This Photoshop course will cover photo correction, tools, camera rows, Digital painting, etc. For learning this amazing course you must go for Photoshop institute in Rohini.
3. Adobe Lightroom Course- In this course you will learn setup, preference, importing photos, interface, layouts, etc.
4. Adobe After Effects Course-[Adobe after effects course](https://www.videoeditinginstitute.com/adobe-after-effects-course) will cover 3D text effects, animated logos, photo display, motion graphics, and many more.
5. Post production Course- This course is an advanced course in which you will learn vital software applications such as Photoshop, CorelDraw, InDesign, Illustrator etc. It is a high demanded [post production courses in Rohini](https://www.videoeditinginstitute.com/post-production-courses).
6. Final Cut Pro X Course- In this final cut pro x course you will learn importing, organizing clips, applying transitions, etc.
7. Apple Final Cut Course- Apple final cut course will cover motion graphics fundamental, video compression, output, and many more.

After these courses VEI gives the best career opportunities for those candidates who have learnt these video editing courses. 

These opportunities are given below:
    • Motion graphics artist
    • Video editor
    • Multimedia artist
    • Digital animator
    • Photoshop designer
    • Digital painting artist 
    • Photoshop expert
    • Image editor
    • Creative designer
    • Lightroom editor
    • Video editor 
    • 2D and 3D animator, etc. 

So, do you want to learn these courses from VEI then please visit at video editing institute in Delhi and you can contact us on- +91 9811-818-122.

Thank you for reading!
23 Remote Sports Tech Companies Hiring Right Now
Tags: jobs, webdev, career, jobsearch
Published: 2022-02-25 13:54:50

---
title: 23 Remote Sports Tech Companies Hiring Right Now
published: true
description: 
tags: #jobs #webdev #career #jobsearch
//cover_image: https://direct_url_to_image.jpg
---
If you are a web developer and a sports fan, you can combine your love of sports with joining one of these sports tech companies that are hiring right now.

[Calm](https://sportekjobs.com/brands-in-sportstech/Calm) - App for Meditation and Sleep
[Hydrow](https://sportekjobs.com/brands-in-sportstech/Hydrow) - Hydrow is the Live Outdoor Reality rowing machine
[Second Spectrum](https://sportekjobs.com/brands-in-sportstech/Second%20Spectrum) - Sports Analytics company
[Headspace](https://sportekjobs.com/brands-in-sportstech/Headspace) - App for Meditation and Sleep
[Forza Football](https://sportekjobs.com/brands-in-sportstech/Forza%20Football) - Popular football app
[ATP Tour](https://sportekjobs.com/brands-in-sportstech/ATP%20Tour) - Tennis
[Signa Sports United](https://sportekjobs.com/brands-in-sportstech/Signa%20Sports%20United) - Sports commerce and tech platform
[Tonsser](https://sportekjobs.com/brands-in-sportstech/Tonsser) - Football player app and community
[Toca Soccer](https://sportekjobs.com/brands-in-sportstech/Toca%20Soccer) - Soccer training app
[Oura](https://sportekjobs.com/brands-in-sportstech/Oura) - Fitness hardware
[Pandascore](https://sportekjobs.com/brands-in-sportstech/Pandascore) - Esports data provider
[Hudl](https://sportekjobs.com/brands-in-sportstech/Hudl) - Sportsanalytics company
[Peloton](https://sportekjobs.com/brands-in-sportstech/Peloton) - Fitness hardware
[FitBit](https://sportekjobs.com/brands-in-sportstech/Fitbit) - Fitness app
[Fanatics](https://sportekjobs.com/brands-in-sportstech/Fanatics) - Global leader in licensed sports merchandise
[Statsbomb](https://sportekjobs.com/brands-in-sportstech/Statsbomb) - Sportsanalytics company
[Zelus Analytics](https://sportekjobs.com/brands-in-sportstech/Zelus%20Analytics) - Sportsanalytics company
[DAZN](https://sportekjobs.com/brands-in-sportstech/DAZN) - TV and Media
[Drapper Labs](https://sportekjobs.com/brands-in-sportstech/Second%20Spectrum) - Blockchain company
[Sportradar](https://sportekjobs.com/brands-in-sportstech/Sportradar) - Sportsanalytics company
[MyFitnessPal](https://sportekjobs.com/brands-in-sportstech/MyFitnessPal) - Fitness app
[GreenPark Sports](https://sportekjobs.com/brands-in-sportstech/GreenPark%20Sports) - Gaming and eSports
[Synergy Sports](https://sportekjobs.com/react-software-engineer-remote-synergy-sports/61e9cd1e16a3ad6020f92311) - Sportsanalytics company

**Want more?** 

Browse [through openings from sports tech companies](https://sportekjobs.com/) all over the world.
[php-curtas] Resolvendo Cors Origins no Lumen
Tags: laravel, php, lumen, braziliandevs
Published: 2022-02-25 13:53:01

Estou a uma dia tentando resolver um problema no Lumen e, agora que finalmente consegui resolver, resolvi trazer pra vocês!

> Quem nunca teve problemas com CORS que atire a primeira pedra.

Depois de revirar toda a internet atrás de uma solução, tentar [e falhar miseravelmente] setar os _headers_ na aplicação e tudo mais que você possa imaginar... Encontrei [essa resposta no Stak Overflow](https://stackoverflow.com/a/66558429/5278356).

**Como resolver:**

Criei um arquivo chamado `CorsMiddleware` dentro do diretório `app/Http/Middlewares`, com o seguinte conteúdo:

```php
<?php

namespace App\Http\Middleware;

class CorsMiddleware
{
    public function handle($request, \Closure $next)
    {
        if ($request->isMethod('OPTIONS')) {
            $response = response('', 200);
        } else {
            $response = $next($request);
        }
        $response->header('Access-Control-Allow-Methods', 'HEAD, GET, POST, PUT, PATCH, DELETE');
        $response->header('Access-Control-Allow-Headers', $request->header('Access-Control-Request-Headers'));
        $response->header('Access-Control-Allow-Origin', '*');
        return $response;
    }
}
```

Esse middleware irá retornar 200 caso o método requisitado seja `OPTIONS`.

Em seguida basta registar o seu middleware no arquivo `bootstrap/app.php`:


```php
 $app->middleware([
     App\Http\Middleware\CorsMiddleware::class
 ]);
```

---

Pronto! Agora sua aplicação poderá ser acessada por outras origins.
Espero ter ajudado, até a próxima!
February Gnarly Learnings #1: An Introduction to Propshaft
Tags: ruby, rails, webdev, news
Published: 2022-02-25 13:46:26

What an exciting couple of months it has been for the Rails community! Rails 7 was released in December of 2021 and this month we are welcoming [Propshaft](https://github.com/rails/propshaft). David Heinemeier Hansson (DHH), the creator of Rails, released a post on Feb. 11 introducing the community to the new and improved asset pipeline for Rails. While Propshaft likely won't be the default until _at least_ Rails 8, it promises a simpler solution to asset management over its predecessor, [Sprockets](https://github.com/rails/sprockets). Sprockets, the current default asset pipeline library, has grown increasingly heavy over the years as it has attempted to shoulder all things related to bundling, minifying, transpiling, and compressing. Enabled by the new era of tech that makes Rails 7 possible, Propshaft is touted as being "absolutely tiny" in comparison and aims to provide the following: a configurable load path for your assets, digest stamping for long-expiry cache and better performance, a development server that removes the need to pre-compile assets, and basic compilers instead of full transpilers. Sprockets will require relatively long-term support and will remain the default for now but fret not! You can create a Rails 7+ app using Propshaft, or [upgrade](https://github.com/rails/propshaft/blob/main/UPGRADING.md) an existing app and start using it now.

Check out DHH's [official post](https://world.hey.com/dhh/introducing-propshaft-ee60f4f6) on Propshaft for more info.
TypeScript With React
Tags: typescript, react
Published: 2022-02-25 13:41:01

**Why we use TypeScript!**
TypeScript is a programming language developed and maintained by Microsoft. It introduces additional features like strict type binding (variables are bound to specific data types) to JavaScript and can also be compiled down to JavaScript as well.
**If we want a large-scale project that time TypeScript is helping us to reduce code error.**
And 
**Secondly, TypeScript means the defined type before declaring.**
**Without defining Type **

```
function addTwo(num)  
{  
  return num + 2;  
}  
  
addTwo(2); // Returns 4;  
  
addTwo("Two"); // Returns "Two2"  
```

** Typing**

```
function addTwo(num : number)    
{    
  return num + 2;    
}    
    
addTwo(2); // Returns 4;    
    
addTwo("Two"); // Compile Error
```

**Implementation of Interface in ts file**
```
interface Vehicle{    
  wheels: Number;    
}    
    
class Car implements Vehicle {    
   public wheels: Number;  
   public hasTrunk: Boolean;  
}   
  
class MotorCycle implements Vehicle{  
   public wheels : Number;  
}
```

TypeScript Explained Further

TypeScript has two different roles depending on its configuration and usage.

1. TypeScript as a linting layer on top of JavaScript
TypeScript supports a more robust interaction with the editor by adding additional syntaxes to JavaScript with type checking and code completion. Also, it helps catch errors easier in the early development phase.
2. TypeScript as a Transpiler
Transpiler is a tool that converts a code written in one programming language into another language with a more similar abstraction level.
TypeScript has its own transpiler, which can convert .ts files into .js, making it possible for browsers to execute your code.


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/h94sjpfrkotncv163e9r.png)
Introduction to Mongoose and why should we use it
Tags: mongoose, webdev
Published: 2022-02-25 13:39:46

In this short blog we’ll try to explain what is mongoose, why should we use it and what is the difference between Mongoose and MongoDB. So, let’s get started.

MongoDB is a No-SQL database management system that uses a document-based data structure with no relation between data. We use “mongodb” package to use the MongoDB database in our projects. Mongoose is like another package that lets us use MongoDB database in our projects too but this time we get some advanced features like Object Data Modeling (ODM) and schema validation.

When using the raw MongoDB package the data were stored as a BSON type document. So, we had to convert it to access it and make it usable. But when using Mongoose, it uses ODM to enable us to use the data as a javascript object which makes it much easier.

Also, it has schema validation which we can implement to validate the data we receive. We can create custom rules to accept only specific data types which makes it much better to validate and store the data.

So, what are the key benefits of using Mongoose? Here they are –

1. It gives us a package to use ODM and schema validation which makes it much easier to work with the database.

2. Even though we use a NoSQL or non-relational database system but when actually working with it we need a relation between the data. So, mongoose creates a relation between the data even though it is NoSQL.

3. It uses ~ 40% - 60% less code compared to using the raw MongoDB package. So, we can do the same amount of work with fewer codes.
What is redux?
Tags: beginners, redux
Published: 2022-02-25 13:38:36

According to the official documentation, **Redux is a predictable state container for JS apps**.

Let's break down the definition they provided. We get 2 main keywords here. They are _**'predictable'**_ and _**'state container'**_.

We will start with the term **_'predictable'_**. It means that we 'll have a complete idea of every single action and state of our application.

The other term _**'State Container'**_ refers to a container or store that will be provided by redux for storing our entire application state.


![One way data flow](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/7ku9xz3eabvnp7oqmjbb.png)
[Image source](https://redux.js.org/tutorials/essentials/part-1-overview-concepts)

Now let's come to the point how redux maintains the **_'predictable'_** and **_'state container'_** terms. Actually redux provides some events called **_'actions'_** that can be used to update and manage our application state. But we have to follow certain patterns and rules of redux which will help us to predict our application state.


Okay we have an initial idea of what redux is, but what problem does it solve?

Let's imagine you are building a large scale React application. So there may be many components holding different states. If we want to pass this state from component to component we have to pass them as props again and again. And there is also the problem of 'lifting state up' arises. Redux solves this problem and gives us a centralized store to keep our state. We can easily access and modify our state by following some rules and patterns of redux.

We have got a basic overview of what redux is and why it is useful. Let's look at how it works all together in an application.

Firstly we have to create a store with the help of the root reducer function that will be provided by redux. There will be an initial state configured with the store. Our UI will be rendered based on the initial state. Now if we want to change something in our UI based on user interaction we have to modify the store. For performing this action redux provides a function called dispatch. Change in store forces all the parts to re-render that are using the previous state. Let's visualize this.


![Redux application data flow](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/1g9vna6tz8yikwhp7tq2.gif)
[Image source](https://redux.js.org/tutorials/essentials/part-1-overview-concepts)

Redux also provides some cool libraries and tools like react-redux, redux-toolkit, redux dev tools. They have made our life easier.

For exploring more you can check out their [official documentation](https://redux.js.org/).
Let's learn about Next.js API routes shortly
Tags: webdev, nextjs, react, javascript
Published: 2022-02-25 13:31:09

**Need a backend / API for your project? No problem.**

Next.js is a wonderful production-ready framework built on the JavaScript library React. It's extremely flexible letting us build simple static sites, server-side rendered apps, or a mix of both. One of the cool features of Next.js is how it handles the routing system. 
Routes can simply be created by adding a file into the /pages folder that is created for you when you bootstrap an app with create-next-app. Inside of here there is another folder called api. When you create a file inside of  an api it will be accessible at the route /api/.... But you won't be served with a page this time. 
This is an API endpoint belonging to the server-side of your app and is intended to return data, not pages. Here we can write backend code using Node.js if we desire. 

**Why should we use the /api routes
**
A nice way of thinking about a Next.js API route is as a middle-man for your app. Time for an analogy! 😃
Consider a person called John who wants to send a letter to his friend Jane. Once Jane receives the letter she will send a reply back to John. But how do the letters get from one place to another? The Postman/Postwoman of course!
The Postman/Postwoman acts as the middleman. This person handles the logic of transporting the letters where they need to be and this is kind of what we do with Next.js API routes. Often we make a request to an API route with some data. This is like posting your mail into the letterbox.
Then behind the scenes, the post will go through things like sorting and manipulation before being sent to the other end (like an external API). When the person receives and replies to the letter, eventually the original sender will open the reply (response).
Mongoose
Published: 2022-02-25 13:16:40

## Introduction 
In MongoDB there are no connection between the collection. But sometimes we need to make a relation between the collection. We can make the connection manually but mongoose provide us easy way to make relation .

## Connection with MongoDB
 

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

## Schema

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/4n3hp2l5pv0fwcrqp41e.PNG)

## Model

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/3yrsw3si2m3y6dgqsshn.PNG)

## Post data

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/molp08cfupgihpixskhz.PNG)
What are Redux, Typescript, Webpack, WebSocket and Base64? How we install or use in our New and Existing project?
Published: 2022-02-25 13:16:00

I just learned new technology and am still learning. Those are Redux, Typescript, Webpack, WebSocket and Base64. Now I write below some short notes about this topic from their documentation.

#Redux: 
Redux - A predictable state container for js apps. It works with any UI layer; it has a large ecosystem of addons to fit our needs. It helps us to write application that behave consistently, run in different environments and easy to test. It’s devtools make easy to trace when, where, why and how our application’s state changed. 

#Typescript: 
TypeScript is a strongly typed programming language that builds on javascript. It gives us better tooling at any scale. 

#Webpack: 
It is a module bundler. It’s mainly used to bundle JavaScript files for usage in a browser.

#WebSocket: 
The WebSocket API is an advanced technology that makes it possible to open a two interactive communication session between the user’s browser and a server. With this API, we can send messages to a server and receive event-driven responses without having to poll the server for a reply. 

#Base64: 
It is a encode-decode schemes that represent binary data in sequences of 24 bits that can be by four 6-bit Base64 digits.

How to add Redux in ours react project ?

React Redux is the official React UI bindings layer for Redux. Below I take a image for installation Redux on React in a new Project

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


For existing React project we can follow below steps for installation:
 
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/jvurjmxn1bcna8ah8lo1.png)

#How to add Typescript in ours react project ?

When we install or add typescript command on our react project. This command is automatically setup typescript compiler, webpack, babel etc. on our react project

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

After installation we see that our file extension will be on .tsx format. But if we rename file .ts format; this code will show error. Because typescript file name will be on .tsx extension format.. Than we will continue our projects.


#Setup React with webpack and babel:
1.	Setup React. - Setup folder with npm and git. - Create HTML and Javascript (React) file. 
2.	Setup webpack. - Install webpack. - Add configuration file. 
3.	Setup Babel. - Install babel. - Configure webpack to use babel. 
4.	Build and run.
5.	Extra useful configs. - Babel config for CSS files.

Happy learning. Best of luck everyone.