teleren/devto huggingface dataset:
An overview of npm-iris
Tags: kanban, gantt, intersystemsiris, javascript
Published: 2021-07-05 18:15:19

## What is npm-iris? 

N.P.M stands for "No Project Mess."

N.P.M. is a Project & Task Management app that uses InterSystems IRIS and Bootstrap 4.

No Project Mess is created to help developers and small business companies to reduce complexity in their daily problems, with a simple and intuitive projects and tasks management software. 

It offers different views for your tasks, from a spreadsheet, kanban, calendar, or even Gantt!

## Why?

Working within different teams, you’ll see different people that prefer different tools. 

So, many times you’ll be using a Gantt chart for a project, a Kanban for another, a list on a paper in other…

N.P.M. goes straight to the task. No matters how you and your team prefer to see them. Just click and change your view.
 
## Features

- Initial Setup
  - Projects
  - Users
- Tasks - Create and manage tasks
- Scheduler – A calendar view for your tasks
- Kanban – Manage your tasks in Kanban Style
- Gantt – See your deadlines, milestones, and your progress using a Gantt chart

## Roadmap for New features / Improvements 
- OAuth2 authentication 
- Security by Project/Team/User
- Time Tracking
- Custom Calendar (Holidays)
- Support for attached files
- Make use of AppS.REST framework
- Vue.js Edition
- Home dashboard to see the general status for the activities

### Download 
You can try the application **for free** ! =] 
[npm-iris on OpenExchange](https://openexchange.intersystems.com/package/npm-iris)

### Screenshots 

**Tasks** 

The task view it's easy to use as filling cells in an Excel spreadsheet.

![tasks](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/rgp9sfmjdv13qmcpg2i8.png)
 
**Scheduler**
Scheduler view gives you the option to see your tasks as appointments, in the week, month, and Agenda viewer, acting as a Google Calendar clone.

![scheduler](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/okzhhox73hlqonban39g.png)

**Kanban**
For those who prefers deal with the tasks in a Kanban Style, this view it's perfect to do it.
 
![kanban](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/6fkdztssq64x6czrf0lh.png)

**Gantt**

Finally, for the Project Managers out there, looking forward to follow the project in real time, using a MS Project style, this view is for you!

![gantt](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/g9jw2ifdf19k71noaroy.png)
We look into the Java 17 switch statement
Published: 2021-07-05 18:10:27

---
title: We look into the Java 17 switch statement
published: true
description: I will compile a version of Java 17 and try out the new switch statement. In the new Java version, the switch statement will give you a lot more flexibility when it comes to types and other interesting functions. Building Java gave me some insights into what is possible and not in Linux and Windows.
tags:
cover_image: 
---

{% youtube nWwOzJZv-vQ %}

I will compile a version of Java 17 and try out the new switch statement. In the new Java version, the switch statement will give you a lot more flexibility when it comes to types and other interesting functions. Building Java gave me some insights into what is possible and not in Linux and Windows.
[VechaiUI]: A set of high-quality React components with the built-in dark theme using TailwindCSS.
Tags: react, tailwindcss, css, typescript
Published: 2021-07-05 17:57:04

Hello guys, Today I am very excited to share my open-source project Vechai-UI: A set of high-quality React components with the built-in dark mode. 

Github: https://github.com/vechai/vechaiui 
Document: https://www.vechaiui.com/  

Feature overview: 
- 30+ React components & Pre-designed headlessui + radix-ui components.
- Written in TypeScript. 
- Built-in dark mode. 
- Powerful theme customization. 

Please take a look and let me know what you think.
The 8020 Principle: You don't need to know everything to get started.
Published: 2021-07-05 17:18:05

Beginners often put too much pressure on learning it all quickly. All the tips, tricks, frameworks, and libraries.

I believe that we should first make our fundamentals strong. And the fundamentals for web development are HTML, CSS, and JavaScript.

## 8020 Principle
8020 Principle also known as Pareto principle. This principle states that 80% of results come from only 20% of the input in any given field.

While working on several different coding projects I myself have noticed that we use the same 20% concepts most of the time.

Only sometimes, we have to go beyond that 20%. I have always learned it on the way.

So, learn that 20% to get started and learn everything else on the way.

Programming is not tough, it is just huge. Learn Enough to be dangerous.

------------------------------------

If you believe in this principle and want to learn enough (20%) CSS, to get the job done, and build pixel-perfect webpages from scratch.

Join my [8020 NewsLetter](https://8020lessons.in/), where I share everything you need to know, and nothing you don't.

Thanks a lot
Open Source projects in Flutter
Tags: flutter, opensource, programming
Published: 2021-07-05 17:09:55

# What are some open source projects to contribute to in Flutter?

Open Source is for everyone! But, starting out you must be at a loss of projects to contribute to. However good the GitHub search might be, it is difficult to find good projects that are beginner-friendly with community support.

**Fear no more.**

Here, I have listed some of the projects from a number of open-source programs that you can contribute to!

## Upcharika
A unique flutter application aimed at helping people getting their vitals using Photoplethysmography and Computer Vision.

{% github smaranjitghose/Upcharika %}

## SheHeroes
A Women And Child Safety App.

{% github shagun25/SheHeroes %}

## Relic Bazaar
A Retro Theme-based e-commerce app for antiques.

{% github himanshusharma89/relic_bazaar %}

## DocLense
An open-source document scanner!

{% github smaranjitghose/DocLense %}

## Nutrihelp
An android application to predict risks of getting Diabetes like major health issues.

{% github Dragsters/Nutrihelp %}

## Batua
A personal app to track and manage your expenses.

{% github pratyushmp/Batua %}

## forestTreesTagging
This project has the vision to assist the officials for Forest trees census and tagging each tree with proper location (latitude and longitude), tree type, and other arguments. and further had the plan to apply data analysis over-collected data.

{% github CodeFlow201/forestTreesTagging %}

## Animated-Text-Kit
A flutter package to create cool and beautiful text animations. [Flutter Favorite Package]

{% github aagarwal1012/Animated-Text-Kit %}

## Friday
Personal Class Manager Assistant.

{% github avinashkranjan/Friday %}

## Libro
An App Built using flutter using which we can share books with people around.

{% github infiniteoverflow/Libro %}

## Thats all :)

Help me improve this collection by sharing your open source projects or any cool ones that you know of!

{% youtube E87DW2iT5tk %}

If you’re a Flutter Developer, we have a community for you!

I post internship opportunities that I come across, articles and tutorials. Join the **Discord community** for free, using this [link](https://linktr.ee/flutterdev).
How to create table in SQL?
Tags: sql, database
Published: 2021-07-05 17:06:17

To create table in SQL you have to use following syntax

```
CREATE TABLE table_name (
    column_1 datatype,
    column_2 datatype,
    column_3 datatype
);
```

It's important to place comma after each column definition, and semicolon after whole statement.

Here's real life example:

```
CREATE TABLE users (
    id INT,
    name VARCHAR(255),
    surname VARCHAR(255),
    email VARCHAR(255),
    password VARCHAR(255)
);
``` 

This statement creates table with 4 columns. First one is of type INT which means integer value. The other 4 columns are of type VARCHAR(255) which means TEXT with maximum length of 255. You can place any number in brackets to define length.
Tic-Tac-Toe Game
Tags: webdev, html, css, javascript
Published: 2021-07-05 17:03:53

Hello Everybody,
This is my First Web development Project.I have made it using HTML,CSS and Vanilla JS.

## Features
1. It has Two modes- One-Player and Two-Player.
2. It asks you to choose your Symbol 'X' or 'O'.
3. It has also a functionality of player's Score.
4. Reset and Replay Functionalities are also there.

Play it here- [Tic-Tac-Toe](https://ujju20.github.io/Tic-Tac-Toe-1.0/)
Code here- [GitHub Repo](https://github.com/ujju20/Tic-Tac-Toe-1.0)

This is my First Post
So Do like it :smiley: :+1:
Variance & Standard Deviation 101
Tags: machinelearning, maths, statistic, programming
Published: 2021-07-05 16:45:32

Well, Hi there! This is my first Dev.to post, and I'm really excited to begin here! 😁

Perhaps, you already know me from [my Tumblr](https://joaoaugustoperin.tumblr.com), or [my Medium]
(https://medium.com/@joojscript). But nice, and original content will be written here, so take a seat!

To start off, I decided to share a little piece of mathematical knowledge, that, although simple, it is very common to forget, or simply don't come across. But is very useful, and, if you want to follow the path of machine learning, for instance, it is a **must know basic concept**.

So let's jump in!

O.b.s: I'm assuming you already know the base concepts of statistics. Such as average, mode and median.

## Variance

You can think variance, just like the average means like the "center" of the data, variance can mean how the data actually behaves around that "center".

For instance, let's take the mean of these table, which show how many hours of sleep Greg had last week:

| Week day    | Hours Slept |
| ----------- | ----------- |
| Monday      | 7 hours     |
| Tuesday     | 8 hours     |
| Wednesday   | 6 hours     |
| Thursday    | 0 hours     |
| Friday      | 7 hours     |
| Saturday    | 7 hours     |
| Sunday      | 10 hours    |


This data gives as a average of: **7,6 hours slept per night**.

But, let's change the question here, and if we want to know ˜how constant˜ is the sleeping behavior of Greg?

So, now we want to know, having an average behavior of 7,6 hour slept/night, how constant was these hours?

Variance is defined by:

```
Σ(average - x)² / n 

-> x being the hours slept.
-> n being the amount of data.
```

So, the example above would evaluate to:

```
(7-6.42)² + (8-6.42)² + (6-6.42)² + (0-6.42)² + (7-6.42)² + (7-6.42)² + (10-6.42)²
```

which would result: `10.38`

## Standard Deviation

Now that you understood **variance**, the standard deviation, is used to minimize the noise made by the ²'s on variance's formula.

Calculate de SD by: `sqrt(variance)`

In our case, it will be: **3.22**

If you're a little advanced in Maths, you can think of variance as the value of a function y, and the SD being the derivative of the same function. 😉

## Foreword

Both have lots of use-cases, that I pretend to bring here on future posts. Hope it helps! 😁
Building a MLM Training Input Pipeline
Tags: python, deeplearning, machinelearning, datascience
Published: 2021-07-05 16:50:03

{% youtube heTYbpr9mD8 %}

The input pipeline of our training process is the more complex part of the entire transformer build. It consists of us taking our raw OSCAR training data, transforming it, and preparing it for Masked-Language Modeling (MLM). Finally, we load our data into a DataLoader ready for training!
Explain "binary compatibility" like I'm five
Tags: explainlikeimfive
Published: 2021-07-05 16:48:44

---
title: Explain "binary compatibility" like I'm five
published: true
description: After refactoring some files, we found out that there is one unused method in code, but  we cannot remove it since, We don't want to break binary compatibilty.
tags: #explainlikeimfive
cover_image: https://images.unsplash.com/photo-1604230923884-52e805c5ac7e?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1267&q=80
---

After refactoring some files, we found out that there is one unused method in code, but  we cannot remove it since, We don't want to break binary compatibilty.
Python web scrapping on GCP
Tags: python, selenium, gcp
Published: 2021-07-05 16:42:28

---
title: Python web scrapping on GCP
published: true
description: Deploy python web scraping with selenium on google cloud run
tags: python, selenium, GCP
cover_image: https://images.pexels.com/photos/169573/pexels-photo-169573.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=750&w=1260
---
Content
1. build container images.
2. tag images.
3. upload images to GCP.
4. create services.

---

#build container images.
  * selenium.
  * web scrapping.

#tag images.
  * image with GCP pattern.
```
docker pull selenium/standalone-chrome
# tag with pattern $GCP_REGISTRY/$PROJECT_NAME/$IMAGE_NAME
docker tag selenium/standalone-chrome asia.gcr.io/$PROJECT_NAME/selenium-standalone-chrome
# push image
docker push asia.gcr.io/$PROJECT_NAME/selenium-standalone-chrome
```

#upload images to GCP.
  * authentication on browser.
```
gcloud auth login
```
  * setup project.
```
gcloud config set project $PROJECT_NAME
```

#create services.
  * Create from container images.
```
  # create selenium service.
gcloud run deploy selenium-chrome --image asia.gcr.io/$PROJECT_NAME/selenium_standalone-chrome --port 4444 --memory 2G --region asia-southeast1 --platform managed
```
  * Create from cloud build.
```
# gcloud builds submit --tag asia.gcr.io/$PROJECT_NAME/$IMAGE_NAME

gcloud builds submit --tag asia.gcr.io/$PROJECT_NAME/web-scrpping
# deploy service
gcloud run deploy selenium-chrome --image asia.gcr.io/$PROJECT_NAME/selenium_standalone-chrome
```

Reference:
https://www.roelpeters.be/how-to-deploy-a-scraping-script-and-selenium-in-google-cloud-run/
https://dev.to/googlecloud/using-headless-chrome-with-cloud-run-3fdp
MySQL query default value is query is NULL
Tags: mysql, java, springboot
Published: 2021-07-05 16:41:35

---
title: MySQL query default value is query is NULL
published: true
description: Set value to selected field if query got value NULL
tags: MySQL, JAVA, springboot
cover_image: https://images.pexels.com/photos/373543/pexels-photo-373543.jpeg?cs=srgb&dl=pexels-pixabay-373543.jpg&fm=jpg
---

Problem when wanting to mapping values from MySQL query to Object in JAVA but MySQL Query returns NULL
If Application is written in spring boot with JDBCTemplate and mapping to Object, the exception will occur. 
```
org.springframework.beans.TypeMismatchException
```

can be solved by use [IFNULL](https://dev.mysql.com/doc/refman/5.7/en/flow-control-functions.html)

```
SELECT IFNULL(emp_id,0) FROM emp WHERE 1=0;
```

Output
```
0
```

Reference:
https://dev.mysql.com/doc/refman/5.7/en/flow-control-functions.html
https://www.w3schools.com/sql/func_mysql_ifnull.asp
How To Fetch Resources Randomly in Laravel with a Single Line Of Code.
Tags: laravel, codenewbie, 100daysofcode
Published: 2021-07-05 16:29:38

Have you encountered a challenge where you need to fetch records from the database in no particular order using Laravel?

I found myself at this point once and here is how I solved it. All thanks to dear Google!😍

This is a regular SQL query to fetch records randomly:

``` SQL
select * from `users` order by RAND() ```

But in Laravel, there is a method named ```inRandomOrder()``` which simply fetches the records in random order.

Here is a list of the few ways this method can be used:


```PHP

//Fetch all records in random order
Model::inRandomOrder()->get();

// 5 indicates the number of records
Model::inRandomOrder()->limit(5)->get();

//Fetc all records in pages or sets of 6
Model::inRandomOrder()->paginate(6)->get();

// get one random record
Model::inRandomOrder()->first()
```

The helper method can also be used like this:

```php 
Model::where('name',$name)->inRandomOrder()->get();
```

> PS: The `inRandomOrder()` method can also be used alongside other helper methods for fetching records like `paginate()` and `limit()`.

#### Thats It!😍
I trust this will be of great assistance🥰. I would also love to learn more about this so please feel free to drop your comments or send a direct message on  [twitter](https://twitter.com/OlasupoFunke).
Questions are welcomed. Don't forget to connect with me on socials.😎

Thank you😎
Creating CRUD for customer data vs using open-source Databunker tool
Tags: development, database, crud, security
Published: 2021-07-05 16:28:12

Creating CRUD without security in mind can bring you to security disaster. Check out this article how to do it correctly.

## About me.
I am an open-source developer working on [Databunker](https://github.com/securitybunker/databunker). Today I got a question from one of the guys on a social network.

## Why the hell I need Databunker when I can do everything by myself?

It is totally true, you can go DIY. On the other hand, **Databunker** grew to be a better solution than you can think about.

## Let's start from the basics.

**Databunker** is a special application server used for the secure storage of customer data. It is not a full-fledged database. In the backend, it is using **MySQL**, **PostgreSQL**, or **SQLite** to store encrypted customer records. The product comes with full **GDPR compliance** and is built with **privacy-by-design architecture**.

Any company implementing Databunker has a **quick and easy way for GDPR and privacy-by-design compliance in addition to much better security**.

## Hmm, but I can go with Hashicorp Vault?

**Hashicorp Vault** is a great product. It is built for completely different use cases.

For example, when saving records in Databunker, **Databunker** knows to extract user **email**, **phone**, **login identity**, and **custom identity** and built a **secure hashed-based index** to do a quick user record lookup.

**User record CRUD** is just a part of the service. In Databunker, you have a secure session storage API, temp shareable identities API, automatic record expiration and removal, compliance with pseudonymization, DPO management, user-accessible UI, and more.

Besides you can go with a free version with an MIT license.

It is up to you to go with Databunker or build your own solution.

**Just do not leave customer data unencrypted.**

More info:
https://databunker.org/
https://github.com/securitybunker/databunker
PHP: Fixing WSOD
Tags: php, programming, bugfixing
Published: 2021-07-05 16:10:20

Short video on 2 methods to quickly fix a White Screen Of Death (WSOD) in PHP.

One trick uses the 50% method and actually will work with many languages for debugging where one character or line is killing an entire page.

These methods **DO NOT** require changing the php.ini.

{% youtube UscJKLH7osA %}
Practice for Perfection
Tags: python, 100daysofcode, practice, learningtocode
Published: 2021-07-08 14:43:00

---
title: Practice for Perfection
published: true
date: 2021-07-05 15:45:08 UTC
tags: python,100daysofcode,practice,learningtocode
canonical_url: https://bhavaniravi.medium.com/practice-for-perfection-384e1373f4f5
---

Let’s say you are watching a youtube video. A youtube video that shows you how to wear a tie. Assuming that you have no prior knowledge of how to tie a tie, do you think you will acquire that skill by watching the video. Nope! I wish I have that kind of magic in me. Unfortunately, we are all humans. There is only one way to do it.

First, you have to buy a tie, if you already don’t own one. Next, you gotta stand in front of the mirror, have the video on by the side. Try to follow through the video step by step. If you make a mistake, you unwrap it and try again. After 10 attempts or so, it gets a little better. Maybe at the 15th attempt, you jump up in joy because you finally got it.

Not just tieing a tie, you can’t learn a skill without practicing it. Think about this, can you build your muscles just by watching your trainer workout? Can you learn pottery by watching a video? Remember all the skills you possess today, right from riding a bike to reading this piece of text. You learned it by practice.

Don’t stop before starting. Pick up that skill you want to acquire, practice every day until it finally clicks.

_Originally published at_ [_https://thelearning.dev_](https://thelearning.dev/blog/practice-for-perfection/)_._

![](https://cdn-images-1.medium.com/max/1024/0*ianeH2yZLSS5jmJD)<figcaption>Photo by <a href="https://www.pexels.com/@fauxels?utm_content=attributionCopyText&amp;utm_medium=referral&amp;utm_source=pexels">fauxels</a> from <a href="https://www.pexels.com/photo/photo-of-keyboard-near-mouse-3184460/?utm_content=attributionCopyText&amp;utm_medium=referral&amp;utm_source=pexels">Pexels</a></figcaption>
o modo mais seguro de gerir passwords em 2021
Tags: hacking, passwords, safety
Published: 2021-07-05 15:45:06

o modo mais seguro de gerir as passwords, é deste modo:
1- utilizar o programa acima para gerar passwords com o maximo numero de caracteres permitido pela aplicacao ou webpage. por exemplo o facebook permite passwords com mais de 500 char . o Google passwords (base64) com 100 char, etc...
2-  guardar num ficheiro TXT as passwords geradas 
3- copiar o ficheiro TXT para o tablet e smartphone 

4- sempre que pedir um password ir buscar ao ficheiro TXT
5- sempre que se esquecerem da password , optem por aceder a conta utilizando a opcao de envio de um SMS para o numero de teloemovel. Quando pedir para alterar a pasword, igonar (se der) 

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/8vxa1zk0m1o222vklvr6.png)
Building Angular Applications with GitHub Copilot
Tags: angular, ngrx, github, nx
Published: 2021-07-05 15:42:40

[GitHub Copilot](https://copilot.github.com) is a new feature in technical preview that uses AI to "pair program" with you, and give you hints, tips, and code snippets in VSCode. Below is a livestream of me walking through creating a TODOs app with [Nx](https://nx.dev), [Angular](https://angular.io), and adding [NgRx Store](https://ngrx.io/guide/store) to manage the todos using code suggested from GitHub Copilot.

{% youtube frzJjx5klwY %}

I thought it was an interesting journey, and look forward to using it more. Let me know what you think of GitHub's new pair programming tool!

Request an invite: https://copilot.github.com