teleren/devto huggingface dataset:
Make it fullscreen!
Tags: showdev, react, javascript, opensource
Published: 2020-04-29 15:06:02

Hello everyone! :hand:

The new app again! :tada:

Today I present the web app that helps you to create a fullscreen background of any color or image. You can use it to create the background or cover on a computer screen, projector, or any multimedia device. You can even make the green screen of your multimedia :movie_camera:

:point_right: Check it out here: [f11.now.sh](https://f11.now.sh)

In the F11 app you have the three options:

 - Select the image by putting their URL
 - Select the custom color using the color picker
 - Select the color of presets

When you select your option which you like, the background comes to the screen. To toggle fullscreen mode press the F11 on your keyboard. To hide the instructions box, just click on it. To go back, press ESC on your keyboard or move the mouse to the right top corner of your screen.

I hope you will find it useful for you :blush:

:page_with_curl: Source code on my GitHub repository [epranka/f11-app](https://github.com/epranka/f11-app)

Have ideas on how to improve it? Feel free to share it on the [GitHub Issues](https://github.com/epranka/f11-app/issues) :smirk:

:star: [Follow on Twitter](https://twitter.com/epranka)
:star: [Star on GitHub](https://github.com/epranka/f11)
:star: [Let's connected on LinkedIn](https://linkedin.com/in/epranka)

Feedback and questions are very appreciated! :heart:
DevsLinkedIn
Tags: devops, react, reactnative, motivation
Published: 2020-04-29 14:51:21

Hi.

I'm Integrity. And I'm here with not an ad but with a solution we all need. Recently, I got so irritated with the current employment market for developers that I couldn't stand it anymore. 

Now I'd like to ask you, if you ever experienced any of these:
     - having troubles finding a job that satisfies you financially and professionally;
     - seeing your boss or product manager having no idea what are you doing, how hard it is or how much time does it take;
     - not being able to implement your plan and being constantly interrupted and distracted with useless amendments, calls and conversations?

If yes, please help me make your next employment process better. We want to know your opinion on how to create the best recruitment agency for devs ever. 
Here is the humble form, completing which you will dramatically help me.

https://forms.gle/mmXHNp8wd7AR4JwJ6

Thank you.
Mithril in Razor Pages
Tags: mithril, razor, csharp
Published: 2020-04-29 14:50:40

Sometimes I fill easier to use Mithril for rendering list in Razor pages.
Notice how Mithril gets the target element width id **list**. We simply put the term **list** without even quoting it, awesome.

```csharp
@{
    string[] data = new string[] { "Raph", "Mila", "Cath", "Marcel" };
}

<div id="list"></div>

<script>
    const  data = @Html.Raw(Json.Serialize(data));
    m.render(list, m("ul", data.map(name => m("li", `Hello ${name}`))))
</script>

```
JS, HTML code integration in one of the navigation pages in android app code
Tags: reactnative, javascript, react, android
Published: 2020-04-29 14:44:49

Hi,

I have an android application developed which is basically a virtual try on for jewelry.

Till now the tech stack i used is react-native and for the main logic implementation used python whereas java acts as controller between react native and python.

But now the challenge is for appending the jewelry i used to record a video and store it in local drive so that python would process that and will return video again with appended earring.

Now i came to know about this JAVASCRIPT implementation of FACE LANDMARKS DETECTION(Github link:https://github.com/WebDevSimplified/Face-Detection-JavaScript), where it will
stream a live video and i modified the code accordingly so that it will append the earring to the live video canvas.

The problem i am facing is as a fresher to front end, i am not getting how to integrate the above mentioned js project in my current android application.

I tried creating new java script file and pasted the code in the above mentioned project and gave this page as navigation....but haven't succeeded.

I am looking for the help where i could integrate the java script files and html files after some particular screen in my android project.

Thanks in advance.
April 28th Side Project Check-in
Tags: discuss, sideprojects, checkin
Published: 2020-04-29 14:43:21

---
title: April 28th Side Project Check-in
published: true
description: Let's talk about side projects.
tags: discuss, sideproject, checkin
series: Side-project Checkin
---
Howdy dev.to,
  How are your side projects doing? Have you started a new one, or made progress on an existing one? Have you managed to ship something and are ready to share it with the world? If you've got something to share, I'd love to hear about it! 

---
Find me on [Twitter](https://twitter.com/FastFlowZ) | [LinkedIn](https://www.linkedin.com/in/dakota-lewallen/)
Why firebases 'security rules are not filters' concept is awesome
Tags: serverless, node, javascript
Published: 2020-04-29 14:35:03

The 'security rules are not filters' concept of googles firebase/firestore is a great concept that a lot more (realtime) apps should follow. It tremendously increases scalability and reduces server load.

Here is why:

What does it mean?
'...Cloud Firestore evaluates a query against its potential result set instead of the actual field values for all of your documents. If a query could potentially return documents that the client does not have permission to read, the entire request fails...'
This basically means that the client is responsible to set up it's queries the way that it only requests data that it's actually allowed to load. This saves the server from having to check the permissions for every single change to the data.

If security rules would really act as filters, every client could possible subscribe to changes for a collection and the server would have to save every subscription in any kind of list and iterate over this list everytime the collection gets changed. It needs to check if the changed data still match the security rule and only if this is the case send the changes over to the client.

When the concept of 'security rules are not filters' is applied, the server checks the security rule against the query when the client tries to subscribe to data and only accepts it if the check passes. If not, the subscription doesn't even get established. This way the server only has to broadcast changes to clients that he knows they have permission.

Let's have a look at a simple example:

![security rules example](https://dev-to-uploads.s3.amazonaws.com/i/2edjslv6j6erlh2fg2od.png)

The first query assumes that the server does the filtering and just queries for all documents. It offloads all the work to the server even if it's clear that it only can load documents which are owned by the authenticated user.

The second query directly specifies that it only wants to receive documents that the authenticated user owns. That way, the server just needs to check the permissions when the subscription gets established.

Of course this is just a rough overview and doesn't consider changes in values that need to trigger a security rule recheck.

I will give a simple example of how the server could possibly implement this kind of security check in another thread.

Happy coding everyone!

If you like this kind of short tips and tricks, [follow me on twitter](https://twitter.com/rallipi). I'm posting a lot of them there.
Angular: How to Include Scripts Only in Production
Tags: softwareengineering, angular, programming, technology
Published: 2020-04-30 20:41:48

---
title: Angular: How to Include Scripts Only in Production
published: true
date: 2020-04-29 14:28:24 UTC
tags: software-engineering,angular,programming,technology
canonical_url: 
---

[![](https://cdn-images-1.medium.com/max/720/1*k0_HgnEUyErKnERH8Udrsg.jpeg)](https://medium.com/better-programming/angular-how-to-include-scripts-only-in-production-a08580823029?source=rss-3a534b5053e6------2)

Load scripts on websites only when you need them

[Continue reading on Better Programming »](https://medium.com/better-programming/angular-how-to-include-scripts-only-in-production-a08580823029?source=rss-3a534b5053e6------2)
display a pie chart in a dialogflow rich response messages
Tags: dialogflow, googlecharts
Published: 2020-04-29 14:23:29

i'm trying to display a pie chart affter the user provided prefered parameters in a dialogflow rich response messages i used Google Charts to make the chart of my data now i cant figure a way to add it in a response in the fulfulment as a webview or a asic card or any otherway
Day 5 of #100DaysOfCode: Connect React App with Django App
Tags: 100daysofcode, react, django, python
Published: 2020-04-29 14:11:41

## Introduction
We have to run two servers if we want to use React App as a SPA server and use Django app as an APIs server. What if we only want to launch one server on the machine?
This article is a note to solve this problem. One of the ways to connect the React App and Django App is to render the React page from the Django server.

## Details
Please refer to my article. It includes two parts.
1.Initialize Django App and React App
2.Connect CRA(React App) with Django App

https://medium.com/a-layman/build-single-page-application-with-react-and-django-part-1-connect-react-app-with-django-app-dbf6b5ec52f4


## Implementation
Please refer to my repository.
https://github.com/JenHsuan/django-react-example

## Articles
There are some of my articles. Feel free to check if you like! 
* My blog-posts for software developing: https://medium.com/a-layman
* My web resume: https://jenhsuan.github.io/ALayman/cover.html
* Facebook page: https://www.facebook.com/imalayman
What is the best day to kick-off a sprint?
Tags: agile, management
Published: 2020-04-29 14:11:15

**TL; DR**: Wednesday.

_Note: I'm assuming one-week sprints in this article._

When I started thinking about this topic, I focused too much on the best day to have the retrospective and planning meetings. It turned out to be a wrong approach. The most important day of a 1-week sprint is the **last day** of the sprint. You need to make sure to finish all features, integrate them together, test them and deploy them to production. In order to have a successful sprint, the team needs to make sure the most effective day of week will be the last day of the sprint.

Some companies prefer Mondays to kick-off new sprints. I don't blame them. It aligns very nicely with how people think and structure their working weeks. The idea is you finish everything on Friday and enjoy the weekend with a fresh mind. Once you come back on Monday, you can pick up new topics with a fresh pair of eyes.

_Not so fast!_

I personally believe (and some [research](https://eprints.lse.ac.uk/4963/1/daysoftheweek%28LSEROversion%29.pdf) supports it), that Fridays are the least productive days. Meaning, the day when you need to bring all the goodies and focus, you're actually the least likely to be as productive as you need to be.

The natural response might be. Ok, let's push the kick-off to Tuesdays then. Meaning that the most productive day should be Monday. While it may turn out to work slightly better, Mondays are usually catching-up days, how-was-your-weekend days and remembering-what-i-didnt-finish-on-friday days. Having a two-days leisure time before the most important day of the sprint might not be a good idea:

1. People might experience some anxiety over the weekend about the work they need to finish on Monday.
2. The two day context switch might take its toll on remembering all the details one should finish.

_What is the answer then?_

Tuesdays are the most productive days of the week since the 1987 according to [this](https://careers.workopolis.com/advice/tuesday-is-the-most-productive-day-of-the-week/). Having the Tuesday as the productivity peak, the natural choice to kick-off the new sprint should be **Wednesday**. I have worked a couple of years with **Thursdays** as the first day of the sprint and it worked _great_ for me and for the team.

You start diving into the topics and tickets on Friday. Have a relaxing weekend with no stress. You already know what you need to finish next week, so there is a low-priority thread in your head that figures out some details about the upcoming work and reveals important questions to ask. Then as the week progresses, it builds the productivity slowly over the Monday and Tuesday until it reaches Wednesday. The most important day of the sprint.

When do you start your sprints? How does it work for you?
Interface en TypeScript
Tags: typescript, javascript, guia
Published: 2020-04-29 14:10:10

Una de las principales ideologías de **Typescript** es que la verificación de tipos se centra en la forma que tienen los valores. Esto a veces se llama "tipificación de pato" o "subtipificaión". Las **interfaces** en **Typescript** son una forma muy poderosa de definir que valores tienen que cumplir ya sea una clase, un objecto, etc...

Pasemos a escribir nuestra primera interfaz en **Typescript** :

{% codesandbox kw3fo %}

[![Edit Interfaces en Typescript](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/interfaces-en-typescript-kw3fo?autoresize=1&expanddevtools=1&fontsize=14&hidenavigation=1&theme=dark)
A tour to Git Commit Show
Tags: git, computerscience, techtalks, showdev
Published: 2020-04-29 14:09:54

Git Commit Show is first of its kind conference started in 2019 with 7 international speakers. Developers from all over the world can join the conference to learn, share and connect about the latest technical achievements. Git Commit Show is a 2-day action-packed event to showcase these latest developments in the tech.

{% youtube hDH0wQg9j60 %}

## **Git Commit Show 2019**
Git Commit Show holds four sections: Masterclass, Showcase, Entertainment, Networking. We had wonderful talks and developers all over the world who joined and covered Masterclass sessions on the topics

## Masterclass
<ul>
  <li>AI for everyday things</li>
  <li>Introduction to Raspberry Pi</li>
  <li>Learning from the journey of popular open-source project cURL</li>
  <li>Evolution of unicorn</li>
  <li>World through touch</li>
<ul>

## Showcase

<img src="https://miro.medium.com/max/875/0*yw7OETTMduJWoS14.png">


{% youtube VCP36k5OqDs %}

****
{% youtube rtP8RmoAaCw %}
****
{% youtube yeQ65h4cSKs %}
****
{% youtube VCP36k5OqDs %}
****

Want to give a talk or showcase your tech product than fill-up the form mentioned here.


### To know more about Git Commit Show 2020 visit http://gitcommit.show/
Build a real-time Twitter clone in 10 mins with Rails and StimulusReflex
Tags: webdev, tutorial, rails, javascript
Published: 2020-04-29 14:07:20

---
title: Build a real-time Twitter clone in 10 mins with Rails and StimulusReflex
published: true
description: StimulusReflex and Cable ready make it easy to build interactive real-time applications with Ruby on Rails.
tags: webdev, tutorial, rails, javascript
---

# Demo

Learn how to build interactive real-time applications with [Ruby on Rails](https://rubyonrails.org), [CableReady](https://github.com/hopsoft/cable_ready), and [StimulusReflex](https://github.com/hopsoft/stimulus_reflex). We'll create a Twitter style timeline that broadcasts updates to all users in real-time ...and we'll build the entire application in less than 10 minutes.

[![StimulusReflex](https://dev-to-uploads.s3.amazonaws.com/i/bgvlrgmp8lj7ucyigxap.png)](https://github.com/hopsoft/stimulus_reflex)

{% youtube F5hA79vKE_E %}

# Conceptual Compression

These tools and techniques take [conceptual compression](https://m.signalvnoise.com/conceptual-compression-means-beginners-dont-need-to-know-sql-hallelujah/) to a new level by helping developers of all experience levels build real-time reactive applications faster than ever. We've been able to accomplish this with a sustained focus on **developer happiness** and **productivity** that has reduced much of the complexity associated with "modern" web development.

We use these tools at [CodeFund](https://codefund.io) to build some of the most sophisticated parts of our application. 

![CodeFund Form](https://dev-to-uploads.s3.amazonaws.com/i/lo5gwvdh1x3fbhio5fyk.png)

The best part is that we're open source, so you can see exactly how we do it. For example, here's the backend reflex code used to build the form shown in the video. https://github.com/gitcoinco/code_fund_ads/blob/master/app/reflexes/campaign_bundles_reflex.rb

Keep an eye out for an in depth write up on the [CodeFund blog](https://codefund.io/blog) where we'll dig into more detail. Coming soon...
Disable logging of (sensitive) arguments in Active Job
Tags: rails, security, activejob
Published: 2020-05-05 06:47:33

---
title: Disable logging of (sensitive) arguments in Active Job
published: true
date: 2020-04-29 14:01:32 UTC
tags: rails,security,activejob
canonical_url: https://prathamesh.tech/2020/04/29/disable-logging-of-arguments-in-active-job/
---

If you are using Active Job for managing background jobs in Rails, you might have noticed that it logs the job arguments when the job is enqueued or run. Let's see an example of this.

<!--kg-card-begin: code-->
```rb
class ImportDataJob < ApplicationJob
  queue_as :default

  def perform(*args)
    puts "Completed"
    # Do something later
  end
end

```
<!--kg-card-end: code-->
<!--kg-card-begin: code-->
```rb
>> ImportDataJob.perform_later(password: "secret")

Enqueued ImportDataJob (Job ID: 4c44944b-0b1e-41ff-8679-c9757e09bdb2) to Async(default) 
with arguments: {:password=>"secret"}

>> Performing ImportDataJob (Job ID: 4c44944b-0b1e-41ff-8679-c9757e09bdb2) 
from Async(default) 
enqueued at 2020-04-29T13:23:37Z 
with arguments: {:password=>"secret"}
Completed

Performed ImportDataJob (Job ID: 4c44944b-0b1e-41ff-8679-c9757e09bdb2) 
from Async(default) in 9.39ms
```
<!--kg-card-end: code-->

As we can, see Active Job logs the arguments two times, once when the job is enqueued and once when the job starts performing.

We can filter request parameters on the controller level using `Rails.application.config.filter_parameters` configuration option so that sensitive parameters are not leaked in the logs. But if you are enqueuing such parameters to Active Job then the purpose of filtering them at controller level is defeated as they are logged at job level regardless.

A feature is now present in Rails master to fix this issue. We can disable logging for individual jobs by setting `log_arguments` configuration option.

<!--kg-card-begin: code-->
```rb
class ImportDataJob < ApplicationJob
  queue_as :default
  self.log_arguments = false

  def perform(*args)   
    # Do something later
  end
end
```
<!--kg-card-end: code-->
<!--kg-card-begin: code-->
```rb
>> ImportDataJob.perform_later password: "secret"
Enqueued ImportDataJob (Job ID: 1c388f29-b83c-477c-a046-50837b8941e8) 
to Async(default)

>> Performing ImportDataJob (Job ID: 1c388f29-b83c-477c-a046-50837b8941e8) 
from Async(default) enqueued at 2020-04-29T13:39:31Z

Completed
Performed ImportDataJob (Job ID: 1c388f29-b83c-477c-a046-50837b8941e8) 
from Async(default) in 5.81ms
```
<!--kg-card-end: code-->

We can see that now there is no trace of the arguments in the log.

> By default the `log_arguments` setting is true for every job and we can customize it per job based on whether the job consumes sensitive data.

This feature is not yet released. It will be part of Rails 6.1. I will update this post when it is released.

---

[Subscribe to my newsletter](https://prathamesh.tech/mailing-list) to be on top of latest changes happening in Ruby on Rails framework. No spam only Ruby and Rails!
OsmiCSX Release v0.5.0
Tags: osmicsx, framework, reactnative, javascript
Published: 2020-04-29 14:00:01

---
title: OsmiCSX Release v0.5.0
published: true
description: OsmiCSX releases new version v0.5.0
tags: osmicsx,framework,reactnative,javascript
cover_image: https://dev-to-uploads.s3.amazonaws.com/i/g5h5rvac9dajrxfnjv1w.jpg
---
In this update, we make more simplify for the styling method in React Native. We bring styling in web sensation to React Native.

Previously in OsmiCSX v0.4.0 we still use multiple arguments for multiple namespaces. But now, we only need one argument. Here's the difference

OsmiCSX v0.4.0
```
<View style={apply("flex", "items-center", "justify-center")} />
```

OsmiCSX v0.5.0
```
<View style={apply("flex items-center justify-center")} />
```

And also, we added Responsive Font Size. It means the font size will automatically scale depends on the device resolution. For more information please check our [Release Notes](https://osmicsx.github.io/docs/0.5/release-notes.html)

GitHub => [github.com/OsmiCSX/osmicsx](https://github.com/OsmiCSX/osmicsx)
Documentation => [osmicsx.github.io/docs](https://osmicsx.github.io/docs)
Apache NiFi and NiFi Registry Administration
Tags: apachenifi
Published: 2020-04-30 16:08:30

---
title: Apache NiFi and NiFi Registry Administration
published: true
date: 2020-04-29 13:54:00 UTC
tags: apache-nifi
canonical_url: 
---

## 

## **Apache NiFi and NiFi Registry Administration**

  

**By Hand**

  

[https://docs.cloudera.com/<wbr></wbr>HDPDocuments/HDF3/HDF-3.4.1.1/<wbr></wbr>nifi-security/content/access-<wbr></wbr>policies.html](https://docs.cloudera.com/HDPDocuments/HDF3/HDF-3.4.1.1/nifi-security/content/access-policies.html)

[https://nifi.apache.org/docs/<wbr></wbr>nifi-docs/html/administration-<wbr></wbr>guide.html#user\_authentication](https://nifi.apache.org/docs/nifi-docs/html/administration-guide.html#user_authentication)

[https://docs.cloudera.com/<wbr></wbr>HDPDocuments/HDF3/HDF-3.4.1.1/<wbr></wbr>nifi-security/content/viewing-<wbr></wbr>policies-users.html](https://docs.cloudera.com/HDPDocuments/HDF3/HDF-3.4.1.1/nifi-security/content/viewing-policies-users.html)

[https://docs.cloudera.com/<wbr></wbr>HDPDocuments/HDF3/HDF-3.5.0/<wbr></wbr>nifi-authorization/content/<wbr></wbr>authorizer\_configuration.html](https://docs.cloudera.com/HDPDocuments/HDF3/HDF-3.5.0/nifi-authorization/content/authorizer_configuration.html)

[https://mintopsblog.com/2017/<wbr></wbr>11/01/apache-nifi-<wbr></wbr>configuration/](https://mintopsblog.com/2017/11/01/apache-nifi-configuration/)

[https://pierrevillard.com/<wbr></wbr>2017/01/24/integration-of-<wbr></wbr>nifi-with-ldap/comment-page-1/](https://pierrevillard.com/2017/01/24/integration-of-nifi-with-ldap/comment-page-1/)

[https://community.cloudera.<wbr></wbr>com/t5/Community-Articles/<wbr></wbr>Integrating-NiFi-Registry-<wbr></wbr>with-LDAP/ta-p/247794](https://community.cloudera.com/t5/Community-Articles/Integrating-NiFi-Registry-with-LDAP/ta-p/247794)

[https://vanducng.dev/blog/<wbr></wbr>supplements/2019/11/20/setup-<wbr></wbr>ldap-apache-nifi/](https://vanducng.dev/blog/supplements/2019/11/20/setup-ldap-apache-nifi/)

[https://community.cloudera.<wbr></wbr>com/t5/Community-Articles/<wbr></wbr>Configuring-NiFi-to-use-LDAPS/<wbr></wbr>ta-p/249325](https://community.cloudera.com/t5/Community-Articles/Configuring-NiFi-to-use-LDAPS/ta-p/249325)

  

You will need an initial admin:

[https://docs.cloudera.com/<wbr></wbr>HDPDocuments/HDF3/HDF-3.5.0/<wbr></wbr>nifi-authorization/content/<wbr></wbr>initial\_admin\_identity\_(new\_<wbr></wbr>nifi\_instance).html](https://docs.cloudera.com/HDPDocuments/HDF3/HDF-3.5.0/nifi-authorization/content/initial_admin_identity_(new_nifi_instance).html)

  

Or you could just run Cloudera Data Platform in the Public Cloud utilizing Apache NiFi in Data Hub Clusters where security is single sign on and preconfigured for you.