teleren/devto huggingface dataset:
We stream video games, should we stream websites?
Tags: webdev, websockets, rails
Published: 2021-04-14 14:26:31

![i-was-told-there-would-be-live-streaming](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/y3by408vk4bps3q8tmdl.jpeg)
 
There has been this rolling ball on a downhill slope of evolution bringing us towards streaming websites. The question is will we actually do it? 

If you keep your thumb on what the Rails community is doing you will have seen that they are pushing forwards with the ability to live stream updates to the dom. Rails 7 will officially include HOTWire(HTML, Over, The, Wire) a baked in solution to bring the amount of Javascript you need down to what they lovingly call a sprinkle amount. Rails can't take all the credit, Liveview has been out for awhile, but they just might be the ones to move an industry away from SPA frameworks.

Before Rails brought in Hotwire if you were tenacious enough you could use ActionCable, a baked in rails websocket solution, to create a chat application. Then came the makers, who built the AnyCable, CableReady, and StimulusReflex libraries. 

So why has the revolution not begun. Google Stadia streams video games, Pluto streams a multi tenant ecosystem for VR. This is literally pixels being streamed to the client and yet as a web developer community our crud apps aren't able to do the same thing. I really couldn't tell you why the community hasn't done this but I can tell you what we at LoadUp think.

It comes down to the amount of work needed to implement a solution. What is crazy is that somehow we have ended up in a position with SPA's that requires an exponential amount of work and complexity over the webpages of yore. The thing is the User now expects this kind of workflow, and breaking away from user expectations is what influencers are used for. I digress though. 

Even taking into account the expected customer experience, it is more work to write an SPA then it is to drop in the aforementioned libraries into a rails build. Here is the kicker; you can't just drop in the libraries. In the working world you already have a functioning app, and most likely it isn't small in size. Getting it integrated is a lot of work, and isn't worth the effort to replace React/Preact/Angular.

The decision is a simple calculation of team size, budget, time, complexity, actual dollars it generates, and code base size. Simple right. 

We have high hopes at LoadUp that around the corner Rails will have developed the drop in solution that doesn't require a codebase overhaul. They did with Stimulus, you can insert it just where you needed it in your current project. 

As always we would love to hear your thoughts.

P.S. I know I missed out mentioning every library that has pushed this idea of streaming SSR updates, and would love if you put them in the comments. Most likely there are a lot I have not heard of.
What is Python and what can it be used for?
Tags: python
Published: 2021-04-14 14:22:59

One of the most popular and well-paid programming languages to get into is [Python](https://python.org). Python is run on a variety of servers and is a widely used programming language.

There are only a few programming languages that one can learn and use to create amazing, complex applications. Many of these languages are not approachable for beginners. Python is a programming language that is easy to [learn](https://pythonspot.com) and its syntax is one of the easiest among programming languages.

## What is Python?

Python (sometimes spelled pYthon or Pyton) is a programming language created by Guido van Rossum in 1991. It is known for its clear syntax and readability. As a language intended for both beginners and professionals, Python uses English keywords frequently where other languages use punctuation.

Python is a widely used high-level, general-purpose, interpreted, dynamic programming language. Its design philosophy emphasizes code readability, and its syntax allows programmers to express concepts in fewer lines of code than would be possible in languages such as C++ or Java.

Python is often used with modules. You can use Python to create desktop apps with [PyQt](pythonpyqt.com/) or [tkinter](https://python-commandments.org/tkinter-basics/), create web apps with [Flask](https://pythonbasics.org/flask-tutorial-hello-world/) or [Django](https://pythonprogramminglanguage.com/django-hello-world/) and a wide variety of other things

It is also designed to be very approachable. Most constructs are very simple and will feel familiar to anyone who has done any programming in an object-oriented language. Some constructs, like decorators, will seem weird, but the core philosophy is that if you can’t understand how a construct would help you in your everyday coding, then it isn’t worth including.

The most prominent difference between Python and other languages you may have used is that Python is dynamically typed. That means that you do not need to declare the type of a variable in order for it to be used. This may sound strange at first, but the fact is that most real-world code in other languages is dynamically typed one way or another.
How to capture picture using JavaScript | Webcam Js Tutorial
Tags: html, css, javascript, beginners
Published: 2021-04-14 14:16:07

***Hello, guys In this tutorial we will try to solve the mentioned query. and also we will learn how to capture picture using JavaScript.***

###Common Query###
1. How to capture picture using JavaScript?
2. How to capture a webcam image using JavaScript?
3. How to draw a snapshot of a webcam in HTML?

For capturing pictures using JavaScript, first we need the Webcam JS library

**See Also:-** <a href="https://blog.stackfindover.com/how-to-integrate-webcam-using-javascript/">How to Integrate Webcam using JavaScript</a>

###What is webcam js?###
Webcam.js is an **Open Source JavaScript library that allows us to capture a picture from the webcam**. It uses HTML5 **getUserMedia** API to capture the picture.

###Webcam Js Quick Start Guide###
We need to host the `webcam.js` and `webcam.swf` files on your web server, and drop in this HTML snippet:

```html
<script src="webcam.js"></script>
<div id="camera"></div>
<div id="snapShot"></div>
<script language="JavaScript">
    Webcam.attach( '#camera' );
    
    takeSnapShot = function() {
      Webcam.snap(function(data_uri) {
        document.getElementById('snapShot').innerHTML = 
        '<img src=" ' +data_uri+' " width="400" height="400">';
      })
    }
</script>
<input type="button" value="" id="cameraBtn" onclick="takeSnapShot()">
```

This will create a live camera view in the `#camera` DIV, and when the Take Snapshot link is clicked it will take a still snapshot, convert it to a JPEG, and deliver a <a href="http://en.wikipedia.org/wiki/Data_URI_scheme">Data URI</a> which is inserted into the `#snapShot` DIV as a standard `<img>` tag.

###Webcam Js Configuration###
If you want to change the default settings, just call `Webcam.set()` and pass in a hash with any of the following keys:

```
Height	  : Auto
Width	: Auto
dest_width :	Auto
dest_height :	Auto
crop_width :	Disabled
crop_height :	Disabled
image_format :	jpeg
force_flash :	false
jpeg_quality :	90
```
I will show you an example of overriding some parameters. Remember to call this before you attach the viewer.

```js
Webcam.set({
    width:650,
    height:310,
    dest_width: 1300,
    dest_height: 620,
    image_format: 'jpeg',
    jpeg_quality: 90,
    force_flash: false   
});
```
###Capture picture using JavaScript Video Output###
{% youtube 7zCM8CJaJFo %}


###<A href="https://blogs.stackfindover.com/how-to-capture-picture-using-javascript/">Check Full Article With Source Code</a>###
Voices from Women in the digital industry Pt. 4
Tags: career, womenintech, leadership, motivation
Published: 2021-04-14 14:15:28

*Illustration by [Tatiana](https://dribbble.com/shots/15256197-Girl-power/attachments/7006637?mode=media)*

*As part of International Women's Day, we at SinnerSchrader created an internal website that was filled with content from our employees. Among other things, we asked various women in leadership positions the same three questions. The answers were so inspiring that we didn't want to withhold them from the rest of the world. In this part we present Sabine Deuter's (Executive Director) answers.*  

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/5igqfnbmqfu5azyj9x3d.JPG)

## What does female leadership mean to you?

My image of a great female leader – or any leader – is someone who believes in themselves and their ideas, in the people around them and in what they have to offer.

For me, this includes the ability to show respect and empathy, to be a good communicator, not to shy away from responsibility and to stand up for oneself and others.

## Would you say that being a woman has influenced your way of leading and/or did you have to acquire (or drop) certain qualities to be successful?

Even in today's working environment, success and leadership are often still defined by male values. My way of leading teams, projects or issues rarely fits into this norm. 

But I wouldn't say I've had to give up certain qualities or conform to a certain standard. Rather, over the years I have gained the confidence that I bring qualities that are unique to me and just as valuable as others. 

And I firmly believe that women do not have to conform to any standard that has been shaped by men. On the contrary, it is up to us to actively change this and create a new definition of success and leadership.

## What would you like to tell young women who aim to take a leadership role in the future?

Be confident, be authentic. Do not think you have to fit in.

Being different can be an asset.

And do not wait for someone to see and promote your work.

Instead, speak up for yourself.
Working with Docker and Nuxeo
Published: 2021-04-14 14:13:54

I recently started setting up my Nuxeo dev environment with Docker and have been learning a ton. I'm not sure why I didn't do this sooner :)

Setting things up can be a little daunting, especially if you're itching to jump straight into development due to urgency or high priority...so I've decided to start a post series about my experiences using Docker with Nuxeo in a development environment!

I hope this series helps folks get their own Docker dev environments up and running and that it helps accelerate the setup phase so folks can jump straight into the fun work.

I welcome any feedback and would love to answer any questions that fellow devs may encounter while setting up their environments.

http://eikkaj.github.io/NuxeoDocker/

#docker #development #learning #work #environment #nuxeo
Coding Android apps again
Tags: android, apps
Published: 2021-04-14 14:10:51

---
title: Coding Android apps again
published: true
description: My experience with the new Android ecosystem
tags: android, apps
//cover_image: https://direct_url_to_image.jpg
---

>This post was originally published in my blog: https://blog.eichgi.com/coding-android-apps-again

Hi folks, I wanted to share that for the last 2 months I've been coding again android apps! I haven't work with apps since my first year as developer, like 5 years ago.

I wanted to highlight how much the apps environment has changed as well as my knowledge regarding the Android environment. Last year I was tinkering with the 1st beta of Ionic-vue, leveraging from my js and react-vue skills I was able to create a basic games app which makes me continue doing more apps.

Then I decided to jump into native code again given I already know Java, and the experience was awesome. I was able to write logic and use the components quite easily, I did remember learning networking with OkHttp and Retrofit which wasn't easy. But now it couldn't be more smoothly given everything I've been learning by exposing me to different technologies in these years.

Now with Firebase being THE thing for Android everything became easier, natural and fluid. I still prefer to wire up my connections to my backend, but for analytics and maybe auth along other minor services Firebase is the way.

When JetBrains released the first Kotlin beta I was interested, but in the end I continue as a fullstack. Now it's a thing I want to learn, "fun" for functions? It has to mean something 😁.

I think that's it for now, I will continue developing more features for the apps we published. I hope we can ramp up into 2M MAU for the next post so I can share more insights about how to deal with updates and changes your community may dislike ✌️

Stay sharp
Uso do Styled Components no React
Tags: react, javascript
Published: 2021-04-14 14:05:03

Na implementação de estilos para sua página o desenvolvedor tem a mão várias formas de incluir estilos. Desde o velho CSS até o uso de pré-processadores como Sass.

Ultimamente uma forma de inclusão de estilos que vem se destacando é a **CSS-in-JS**. Considerando a utilização de componentização em JavaScript, visando a reutilização dos mesmos componentes em diversas telas economizando tempo de desenvolvimento e a criação de soluções seguindo um design estabelecido para o sistema inteiro, o uso de CSS dentro de um componente Javascript pode ajudar nessa demanda.

Além disso, já é conhecido dos desenvolvedores que a colisão de estilos é um obstáculo que ocorre bastante nos projetos. Ela acontece quando você estiliza uma tag sem o uso de classes ou cria classes com os mesmos nomes para estilizar seus elementos.

E isso aumenta o uso de _!important_, uma manobra que pode ser traiçoeira ao realizar a manutenção do sistema depois, já que pode acabar fazendo necessário o uso de outro _!important_

Utilizando o CSS-in-JS esse problema não ocorre.

Explorando um pouco do universo de CSS-in-JS, existem algumas libs mais conhecidas:

- [styled-components](https://www.styled-components.com/)
- [Emotion] (https://emotion.sh/docs/introduction)
- [JSS] (https://cssinjs.org/)

O **Styled Components**, objeto de análise desse artigo, foi desenvolvido para que o desenvolvedor tenha uma maneira mais fácil de lidar com CSS nos componentes de aplicações React.

As vantagens presentes na lib são:

**Critical CSS Automático**: Os componentes são renderizados e  injetam apenas seus estilos contribuindo para uma menor quantidade de código para o usuário final.

**Sem colisão de classes**: O styled-components fornece nomes de classes a prova de colisão. Nada mais de quebrar a cabeça só porque precisa mudar a posição ou cor de um objeto. Além disso, tudo que você precisa vai estar no próprio contexto do componente, facilitando o desenvolvimento.

**Uso apenas do CSS necessário**: Funcionando diretamente nos componentes, ajuda a diminuir o código final, pois o que não é necessário pode ser removido.

**Estilo dinâmico simples**: Adaptando os estilos baseando nas props recebidas, é possível criar estilos dinâmicos de forma fácil e intuitiva.

**Vendor prefixing automático**: Você escreve seu CSS no melhor padrão do mercado e pronto, os componentes cuidam para fornecer suporte para browsers antigos.

Exemplo de uso:

![image](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/bprosmewk80adcunjw1z.png)
What courses do you recommend for blockchain development?
Tags: help, discuss, blockchain, watercooler
Published: 2021-04-14 13:58:20

Photo by <a href="https://unsplash.com/@hiteshchoudhary?utm_source=unsplash&utm_medium=referral&utm_content=creditCopyText">Hitesh Choudhary</a> on <a href="https://unsplash.com/s/photos/blockchain?utm_source=unsplash&utm_medium=referral&utm_content=creditCopyText">Unsplash</a>
  

Lately, the new trend is blockchain technologies. Everybody is developing some sort of smart contracts and decentralized applications nowadays. As technology advances and the hype increases, more and more companies start to consider blockchain for their projects. This means an increase in the demand for dApps developers and resources to learn about the technology. 

What courses did you follow, if any? Where do you keep up to date with the developments of the blockchain space?

Let's create a list of interesting courses and resources for blockchain development.
Web Developer Salary in 2021
Published: 2021-04-14 13:53:40

Regardless of whether you are a hopeful Web Developer or are part of the way through your [Web Development course](https://intellipaat.com/course-cat/website-development-courses/), you may have thought of the vocation career growth that continues in this space. In this blog, we will survey Web Developer salary patterns dependent on various jobs and work insight to assist you with understanding the market better. 
Regardless, Web Development is separated into front-end Development and back-end Development. The front-end Development is the thing that is noticeable on the customer side, and back-end Development occurs on the worker side.
Front-end Development incorporates all that a client sees when a web application is stacked. For instance, the substance, plan, and communication abilities. For front-end Development, there are three dialects that are in a general sense fundamental—HTML, CSS, and JavaScript.
HTML or Hypertext Markup Language is the markup language that can be utilized to make a site page or web application and structures the foundation of each page on the Internet. Falling Style Sheets or CSS helps in styling the site page and can be viewed as the accountable for the stylish side of the web. JavaScript adds usefulness and intelligence to website pages.

Salary - 

As per PayScale, the average salary in the United States is US$74,000 p.a. The low and high salary points are US$49k and US$113k, respectively, in the country.

Germany: The average Front End Developer salary in Germany is €52,029 p.a. And, The junior Front End Developer salary in Germany and senior Front End Developer salary in Germany is €40,000 p.a., and €65, 000 p.a., respectively.

Australia: The average Front End Developer salary in Australia is AU$76,043 p.a. The minimum salary goes up to AU$76k p.a. and maximum it goes up to AU$110k p.a.

Switzerland: The average Front End Developer salary in Switzerland is CHF 81k p.a., whereas, lowest and highest goes around CHF 48k p.a. and CHF 119k p.a.

France: The average Front End Developer salary in France is €39k p.a. The highest it goes up to €54k p.a. And the lowest it goes around €25k p.a.

Canada: The average Front End Developer salary in France is around CA$62k p.a. The highest pay they get is around CA$89k p.a. And the lowest it goes around CA$44 p.a.
LinkedIn Learning Review
Tags: lms, wordpress
Published: 2021-04-14 13:44:00

Ich bin kein Freund von sozialen Netzwerken. Als ich also von der neuen LMS-Plattform von LinkedIn hörte, dachte ich nicht, dass mich das besonders interessieren würde.

Heutzutage gibt es eine Menge Hype um die Online-Ausbildung. Sie wird oft als bequeme Alternative zum traditionellen Lernen im Klassenzimmer angepriesen, was für viele mehr Freiheit bedeutet, zu lernen wann und wo sie wollen. Aber wie kannst du wissen, ob Online-Lernen das Richtige für dich ist? Glücklicherweise sind die Kosten für das Ausprobieren minimal.


Lies weiter: https://kursprofi.com/review/linkedin-learning/
Cyber Security -  New Technology
Published: 2021-04-14 13:27:21

What is Computer Security? 

PC security is the affirmation that is set up for PC frameworks and keeps fundamental data from unapproved access, burglary, or abuse. There are different practices set up that are overall being used, fundamentally for the security of PC plans and affiliations and obstructing likely destructive exercises. 

While PC equipment is gotten practically that sensitive stuff, for example, additional rooms and doors are ensured, urgent data and advancement access and support, obviously, are ensured through complex security systems and practices. 

That is dependable of PC security definition. The thing might be said about we proceed ahead to the piece of security dangers and issues in this [Cyber Security course](https://intellipaat.com/cyber-security-course-certification/). 

PC Security Threats, Issues, and Vulnerabilities 

PC security hazards are potential dangers that have the limit of disturbing the normal working of PC structures. Cyber dangers are on the rising every day, particularly with the digitization of the world. Shouldn't something be said about we research a wide level of fundamental PC security dangers, issues, and weaknesses. 

Pollutions 

A PC contaminating is a noxious program that is brought into a PC without the information on its client. This program can duplicate itself and chaotic the amount of the undertakings and records that are in the arrangement. These contaminations make the incident's PC glitch or, even from a negative perspective, totally unusable. 

PC Worm 

A PC worm is a thing program that can go through replication starting with one PC structure then onto the going with without the major for human put forth attempt. PC worms go all through the hard plate space inferable from their replication limit and the speed of replication, which can pass on demolition on the construction's assets. They can even change or execute records and pass on other pernicious undertakings into the construction. PC worms are other than ready for taking data and acclimating a partner area for programmers with get unapproved access and control to the design.
How get selected chips text in a chip group
Tags: android, kotlin, chipgroup, materialchip
Published: 2021-04-14 13:26:30

While using chip, sometimes you need selecting multiple chip in a chip group.
After that it is very tedious task to get their text in easy way.
I found a way and i am sharing with you
In this code i selected chips inside Alert Dialog 

```kotlin
val builder = AlertDialog.Builder(requireContext())
       builder.setTitle("Filter")
       val mView = FilterOptionLayoutBinding.inflate(layoutInflater)
       builder.setView(mView.root)

       builder.setPositiveButton(android.R.string.ok) { d, p ->
           mView.chipGroup.checkedChipIds.forEach {
               val chip = mView.root.findViewById<Chip>(it).text.toString()
               checkedChipsText.add(chip)
           }
           d.dismiss()
       }
       builder.setNegativeButton(android.R.string.cancel) { d, _ ->
           d.cancel()
       }
       builder.create()
       builder.show()
```
go-portfinder: Go implementation of npm portfinder
Tags: showdev, productivity, go, programming
Published: 2021-04-14 13:15:53

---
title: go-portfinder: Go implementation of npm portfinder
published: true
description: A simple tool to find an open port on the current machine.
tags: #showdev, #productivity, #golang, #programming
//cover_image: https://direct_url_to_image.jpg
---

Go implementation of npm [portfinder](https://www.npmjs.com/package/portfinder). A simple tool to find an open port on the current machine.

Installation
--------------

```bash
$ go get github.com/pgollangi/go-portfinder
```
# Usage

```go
package main

import (
	"github.com/pgollangi/go-portfinder"
)

func main(){
     // scans and returns first open port on all network interfaces of current machine.
     openPort, err := portfinder.GetPort(&PortFinderOptions {
         StartPort: 9090,
         StopPort: 9099
     })
}
```
Repo: https://github.com/pgollangi/go-portfinder