teleren/devto huggingface dataset:
How Does Payroll Process Work with Flow Chart?
Published: 2020-03-02 11:46:13

Check out the template in word format also. If you are looking forward to preparing flowchart, click here and learn how does payroll process work step by step guidance with flow chart and diagrams? Profit and loss sheets are inserted here as well free of cost. Check out some sample and example use in India and other states for project spreadsheet planning and developing process.
Step by step guide is added to help you efficiently preparing a flow chart for your company. Examples are added as well which are helpful for the new companies as well as small and large scale business as well. On cycle payroll processing and complete payroll procedure under the template of Word. ROI Template is also used for the same purpose for calculating cash transaction in the entire system
Payroll is definitely the process which leaves a direct impact on the labour turnover in a positive or negative manner.  Your employee’s reliability and loyalty with your company are also dependent on this factor, therefore just click here and download any of these flowcharts.

https://projectspreadsheet.com/

How does Payroll Process Work with Flow Chart?
You are required to observe an actual number of employees in the company both old and new staff members. Show the job period of these employees on the sheet as well. Some cash flow forecast template in excel is also been used for this purpose.
•	You must be able to add the information related to employees on the wages and employees on the salary period, as this is common these days.
•	Add details of the salary and calculate them on the bass of days or hours worked according to the company rules and regulations.
Web Explorer and Search Result
•	Should you nap
•	Can you skip an employee
•	Time to need a simple chart
•	Bastille day flow chart
•	Zombie chart
•	Did it work!
•	Handy flow chart
Diagram used in Project planning Flow Chart Documentation
To make flowchart useful, you are required to add a proper heading in the column, as it clearly shows what amount of information is inserted in the specific cell. Clearly show the basis o addition and deduction to make it time-saving for the accounting department.
So you can easily understand about payroll process with flow chart example, Timely salaries can be distributed in your staff using this chart.
https://accountingsheet.net/
10 Web Design Trends 2020
Tags: design, trends
Published: 2020-03-02 11:45:59

Your website’s design is one of the most crucial elements that can either drive away or convert a visitor. Excellent web design can spell the difference between a poor and a fantastic user experience, which, in turn, is influential in helping you reach your business goals.

 

Statistics show that 2 in 3 users prefer to read beautifully designed content, making a visually pleasing and functional web design vital in achieving your business goals.

 

With the ever-changing trends in the web design industry, you’ll have to keep watch of what’s new to stay relevant and attract clients and customers. Below, we’ve covered the latest [web design trends](https://www.microcreatives.com/general/web-design-trends-2020-infographic/) that will help make your site stand out.

![Web Design Trends 2020](https://www.microcreatives.com/wp-content/uploads/2020/02/MiC_Feb-2020-infographic_10-Web-Design-Trends-Set-to-Fill-Your-Screens-in-2020_v1b.jpg)

Infographic Source: [MicroCreatives](https://www.microcreatives.com)
Redux in Ballerina programming language 🎉🎉🎉
Tags: oop, ballerina, javascript, java
Published: 2020-03-02 11:44:49

## Motivation
Hello guys, I have found a new favourite programming language and I decided to implement one of my favourite libraries from the JavaScript world in it.

At first, I had challenges with the static types but eventually figured everything out.

# What is Ballerina?

According to the official [website](https://ballerina.io):

> Ballerina is an open-source programming language and platform for cloud-era application programmers to easily write software that just works.

## What is redux_bal?
`redux_bal` is a static-typed implementation of Redux JavaScript library in the network-oriented Ballerina programming language. Read more at:

{% github devhammed/redux_bal %}
ERP Software-Expand ERP
Tags: erpsoftware
Published: 2020-03-02 11:35:24

Expand Erp is a name in the Erp industry for over 15 years. A Kolkata based pioneer in business automation software applications, We have branches in Bangalore, Noida, and Delhi. It is built on Microsoft Azure for fast-growing manufacturers in export and retail. We have successfully empowered several companies with our exclusive technical expertise pan India. Our mission is to empower manufacturers with real-time visibility and complete control over their business for faster expansion. It is a comprehensive, scalable and customisable cloud ERP software that has 99.9 percent uptime. Expand ERP make your business future proof.
Javascript: how to merge multiple objects with sum of values
Tags: javascript, webdev
Published: 2020-03-02 11:29:59

Assume we have an array of objects - baskets with fruits.

```javascript
const fruits = [
  {
    apples: 4,
    pears: 6,
    oranges: 2,
  },
  {
    bananas: 2,
    oranges: 5,
  },
  {
    pears: 8,
    apples: 3,
    bananas: 10,
  },
  {},
  {
    pears: 7,
    apples: 5,
  },
  {
    mangos: 1,
  },
];
```

There are different types of fruits with different quantities in each basket (one basket even empty).

How can we merge all these objects (baskets) into one and count total sum of each fruit?

Let’s create helper method.

```javascript
const mergeFruits = data => {
  const result = {}; //(1)

  data.forEach(basket => { //(2)
    for (let [key, value] of Object.entries(basket)) { //(3)
      if (result[key]) { //(4)
        result[key] += value; //(5)
      } else { //(6)
        result[key] = value;
      }
    }
  });
  return result; //(7)
};
```

1. Result object, empty.
2. Loop through an array of objects using [Array.prototype.forEach()](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/forEach) method.
3. Iterate over each object's (basket's) key-value pairs using [Object.entries()](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/entries) method.
4. Check if the result object has a property with the name of the key.
5. If yes (true), add to the previous value of the property the value of the key, e.g. if there is a property “apples” with value “4” in the result object, then add more apples from the next basket.
6. If no (false), then it’s a new property (a new fruit) for a result object, so create this property and assign the corresponding value to it.
7. Return merged object

If we run the code and print the result into console:

```javascript
const mergedObject = mergeFruits(fruits);

console.log(mergedObject);
```

we’ll get the following output:

```javascript
{ apples: 12, pears: 21, oranges: 7, bananas: 12, mangos: 1 }
```

All objects (baskets) in the array merged into one with the sum of each property’s (fruit) value.

*Originally posted on [my own blog](https://ramonak.io/)*
Python for loop
Tags: python, beginners
Published: 2020-03-02 11:27:59

In the <a href="https://python.org">Python</a> programming language, the for loop is often used to repeat code. Another word for "repeat code" is iteration.

Other than iterating over code, a for loop can iterate any *sequence* of items, such as a <a href="https://pythonbasics.org/list/">list</a> or a <a href="https://pythonbasics.org/strings/">string</a>. 

**grammar:**

for loop syntax is as follows:

```python
   for iterating_var in sequence:
       statements (s)
```

**flow chart:**

The control flow graph shows the execution of a for loop

![python for loop](https://dev-to-uploads.s3.amazonaws.com/i/npymbnanxwiktavcokhd.jpg)


**Example:**
```python
#!/usr/bin/python
#-*- coding: UTF-8 -*-

for letter in 'Python': # first instance
   print('current letter:', letter)

fruits = [ 'banana', 'apple', 'mango']
for fruit in fruits: # second instance
   print('current letter:', fruit)

print("Good bye!")
```

Examples of the above output:

```
current letter: P
current letter: y
current letter: t
current letter: h
current letter: o
current letter: n
current letter: banana
current letter: apple
current letter: mango

```
## by an iterative sequence index

You can traverse through the execution cycle by index, the following examples:

```python
#!/usr/bin/python
#-*- coding: UTF-8 -*-

fruits = [ 'banana', 'apple', 'mango']
for index in range(len(fruits)):
    print("Current fruit:", fruits[index])

print("Good bye!")
```

Examples of the above output:

```
Current fruit: banana
Current fruit: apple
Current fruit: mango
Good bye!
```

The above examples we use the built len() function and range(), len() function returns the length of the list, i.e. the number of elements. range returns a sequence number.

## Other examples

Print a triangular array 1-9:

```python
#!/usr/bin/python
# - * - coding: UTF-8 - * -

for i in range (1,11):
    for k in range (1, i):
        print(k, end=''),
    print("\n", end='')
```

Example of the above output:

```

1
12
123
1234
12345
123456
1234567
12345678
123456789
```

You can also use a for loop on a <a href="https://pythonprogramminglanguage.com/dictionary/">dictionary</a>, but this works a bit differently:

```python
d = {'x': 1, 'y': 2, 'z': 3} 
for k,v in d.items():
    print(k, 'corresponds to', v)
```
Creating Heat Map Chart Using JavaScript
Tags: javascript, webdev, beginners, tutorial
Published: 2020-03-02 11:21:15

---
title: Creating Heat Map Chart Using JavaScript
published: true
description: In a new data visualization tutorial for web developers on the AnyChart blog, Anastasia Zoumpliou how to quickly create an interactive heat map chart using JavaScript.
tags: #javascript, #webdev, #beginners, #tutorial
canonical_url: https://www.anychart.com/blog/2020/02/26/heat-map-chart-create-javascript/
cover_image: https://i.imgur.com/ipEDHYh.png
---
In a new data visualization tutorial for web developers on the AnyChart blog, Anastasia Zoumpliou explains [how to quickly create an interactive heat map chart in JavaScript](https://www.anychart.com/blog/2020/02/26/heat-map-chart-create-javascript/).

Using the [AnyChart](https://www.anychart.com) JS charting library for example along the tutorial, she begins with building a simple heat map visualizing UNDP's HDI data in four quick steps and then shows how to customize it with ease.

Check out the [heat map tutorial](https://www.anychart.com/blog/2020/02/26/heat-map-chart-create-javascript/).
Why to use drupal for development?
Tags: drupal, cms, wordpss, websitedevelopment
Published: 2020-03-02 11:19:37

If you are developing a website with content management system, Drupal CMS is very flexible than any other CMS. Drupal is very powerful and can be used for building large, complex sites. It is PHP based template and allows non-technical users to add and edit the content without any HTML or Web design knowledge. It is available with latest version 8.0.5 &  more than 33,639 modules which can be addressed with Drupal core and add-on modules.

1. Includes a lot of functionality – drupal include lots of functionality like: advanced menu management, polls management, graphics modification tool, user management and much more. These functions make it possible to create simple or advanced websites, blogs , discussion boards , social networking pages etc.

2. Advanced URL Control— Drupal gives you precise control over URL structure. Each item of content in Drupal can be given a custom URL (called a URL alias).Drupal’s content pages have nice clean URLs.

3. Revision Control — You can configure Drupal to save a new version of your pages every time they are editing. That means that you can go back to view or revert old revisions if you want.

4. Drupal Cookbooks — If you want a feature that is not built into Drupal by default, chances are that someone has already written a code snippet for it and posted it in the code snippets section of Drupal.org.

5. Plugins – the script has thousand of plugins available on its website. Since drupal is an open source , you can Use as well as create your own template.

6. User Management— Drupal was designed for community-based Web sites and has strong user role and access control functionality. You can create as many custom user roles with custom access levels as you need. For example you could create the following roles, each with different levels of access to your features: “anonymous visitor”, “authenticated user”, “moderator”, “editor”, “webmaster”, “admin”. You can keep the advanced user management features (like multiple blogs) turned off if you don’t want them, enabling them later if your site grows to a point where you would like to add more community features.

7. Excellent Documentation — Documentation includes the official handbooks, the massive API Reference, numerous tutorials, blogs, videos, and podcasts, and the excellent new book Pro Drupal Development. There is even a Drupal Dojo community where you can learn how to become a Drupal ninja.
[PT-BR] Funcionalidades do DBeaver
Tags: dba, management, sql, database
Published: 2020-03-02 11:14:07

Assim que eu comecei a trabalhar com infraestrutura, o meu primeiro post foi sobre o Gerenciador de Banco de Dados DBeaver. Apresentei a ferramenta e algumas funcionalidades básicas de todo gerenciador. Para ler o post clique [aqui](https://dev.to/mgabrielacuenca/pt-br-conhecendo-o-dbeaver-2ka8).

Nesse artigo, irei mostrar algumas funcionalidades que encontrei conforme fui utilizando. Espero que gostem!

![Alt Text](https://thepracticaldev.s3.amazonaws.com/i/e8mbu9fj74hjntyt8lhh.png)



##**Autocomplete**##

O DBeaver possui a função de autocomplete configurada, ao digitar o comando ou o nome de uma tabela.

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/qpypxs9xypth3pmm5zdy.jpg)

Também mostra os dados da tabela ao passar o ponteiro do mouse sobre o nome.

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/ynehdk19n19u2j99v95i.jpg)

E se usar o autocomplete ao digitar o nome da tabela, automaticamente é criado o apelido da tabela.

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/nsedx752rm3f2zlhiyfe.jpg)



##**Metadados**##

Aqui, estamos nos referindo a dados sobre as tabelas, views, colunas, indexes, procedures, triggers, entidades de armazenamento e entidades de segurança, como usuários e roles. No DBeaver, conseguimos visualizar essas informações fácil: _clicando no botão direito sobre o nome da tabela ou selecionando e apertando F4_.Isso ajuda bastante a entender a estrutura da tabela, quais são as chaves e as restrições de uma tabela.

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/5ayjg1721gav3l84q0v9.jpg)



##**Exportação de Dados**##

O DBeaver além de permitir ordenar os dados direto da tabela, filtrar elementos, também é possível realizar a exportação dos dados em pdf, texto, csv, json e etc. A exportação é simples: _clicar com o botão direito sobre os registros e selecionar -Export data...- ou clicar no ícone de exportação._

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/tvxjmcywpnr9x1szxvs5.jpg)

Ao clicar sobre o ícone de exportação, iremos selecionar os parâmetros dos dados que iremos exportar. Além de escolher o formato, podemos escolher a quantidade de linhas que queremos exportar e a codificação (UTF-8, ANSI).


![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/se7n8ez9mph5qp4g47qc.jpg)

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/2c305l33hibfcxhsjdtw.jpg)

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/dd0imbpus0xtgg88ythc.jpg)

Por hoje é só. Até a próxima!
The classic Minesweeper game developed with Angular
Tags: javascript, angular, gamedev, a11y
Published: 2020-03-02 11:10:38

---
title: The classic Minesweeper game developed with Angular
published: true
description: A different version of the classic Minesweeper game developed to be playable with mouse, touch and keyboard
tags: javascript, angular, gamedev, a11y
cover_image: https://ofcode.com.br/projects/minesweeper/assets/angular-minesweeper-dev-cover.png
---
The game development is a great way to cover several programming topics. In this experiment I developed a differente version of the classic Minesweeper game.

My main goal was to build an accessible game where the user should be able to play with mouse, touch and keyboard. This is part of my desire to learn more about accessibility on the web.

The angular framework helped me to write less code and focus mainly on the logic of the game.

I hope you enjoy it!

[Play the game](https://ofcode.com.br/projects/minesweeper/)

You can see the code on Github:
{% github manussakis/angular-minesweeper %}
Tips: How to be at the top of your game for live coding interviews!
Tags: interview, tips, livecoding
Published: 2020-03-02 11:09:34

If you are invited for an interview that involves live coding, here’s some tips for you to improve your performance. These are from my perspective as an interviewer:

1. Googling for syntax is fine. It shows us you are human.
2. Knowledge of different data structures show us you have enough experience to pick the right tool. 
3. Also don't rush into writing code - plan ahead to show us that you understand the problem space. Also to help clarify your understanding of the question. Last thing you want to do is solve the wrong problem.
4. Related to 3 - don't spend too much time planning. This is a coding assessment, we want to see you write code, not dazzle us with your handwriting and pseudo code.
5. Manage your time: Clarify how much time you have for the assessment. That should inform you about how much to build. Its not cool to over-engineer when you only have 1 hour - but not solve the problem.
6. It's ok to ask questions. We like it when you ask us questions cos that shows you not a mindless drone.
7. Communicate - cos we are also looking for a co-worker we can collaborate with. Also, we can't read minds. So communicate what you are doing as you code. It shows us you are following a plan. 
8. Even the most mysterious problems can be solved methodically. In a face to face interview, we are interested in your progression and process as much as the answer.

For extra brownie points:

1. Show proficiency in your tools - your IDE and keyboard skills. Know how to operate your IDE and demonstrate that you know the keyboard shortcuts.
2. Write tests to solve the puzzle. TDD is a super bonus point in my books.
3. MVP the solution quickly and then refactor.

I don't expect all devs to do the above 3. However, they are indicators of competence and mastery.

Hope this helps you when you go into your next interview grind.
Package Feeds consuming most data in Azure DevOps Server
Tags: tfsmigration, azuredevopsserver
Published: 2020-03-10 22:40:58

---
title: Package Feeds consuming most data in Azure DevOps Server
published: true
date: 2020-03-02 10:34:14 UTC
tags: TFS Migration,Azure DevOps Server 
canonical_url: https://jessehouwing.net/azure-devops-server-package-feeds-data-consumption/
---

The Collection database of a client saw some explosive growth and I was asked to figure out where the storage had gone to.

 ![Package Feeds consuming most data in Azure DevOps Server](https://jessehouwing.net/content/images/2020/03/11682625885_748d66e641_o.jpg)

You'll find a few SQL statements floating around that can help you with these types of questions, but these don't list the Package Feed data usage. After some spelunking in the my local  server installation I cobbled together the following statement to dig a little bit deeper:

```
select 
   [f].FeedName, 
   sum(cast([list].BlockFileLength as decimal(38)))/1024.0/1024.0 AS SizeInMb
from
   BlobStore.tbl_Blob [blob]
   join BlobStore.tbl_Block [block] on [blob].BlobId = [block].BlobId
   join BlobStore.tbl_BlockList [list] on [list].BlobId = [block].BlobId
   join [Feed].[tbl_PackageVersionIndex] [fd] on '0x'+[fd].StorageId = CONVERT(varchar(max),blob.BlobId ,1) 
   join [Feed].[tbl_Feed] [f] on [fd].FeedId = [f].FeedId
   join [Feed].[tbl_PackageIndex] [p] on [p].PackageId = [fd].PackageId
group by
  [f].FeedName
order by 
  SizeInMb desc

select 
   [f].FeedName, 
   [p].PackageName, 
   sum(cast([list].BlockFileLength as decimal(38)))/1024.0/1024.0 AS SizeInMb,
   count(distinct [pvi].PackageVersionId) as [Versions]
from
   BlobStore.tbl_Blob [blob]
   join BlobStore.tbl_Block [block] on [blob].BlobId = [block].BlobId
   join BlobStore.tbl_BlockList [list] on [list].BlobId = [block].BlobId
   join [Feed].[tbl_PackageVersionIndex] [fd] on '0x'+[fd].StorageId = CONVERT(varchar(max),blob.BlobId ,1) 
   join [Feed].[tbl_Feed] [f] on [fd].FeedId = [f].FeedId
   join [Feed].[tbl_PackageIndex] [p] on [p].PackageId = [fd].PackageId
   join [Feed].[tbl_PackageVersionIndex] [pvi] on [pvi].PackageId = [p].PackageId
group by
  [f].FeedName, [p].PackageName
order by 
  SizeInMb desc

```

The outcome is a list of feeds and their total consumption as well as a list of feeds decomposed by the different packages in that feed.

![Package Feeds consuming most data in Azure DevOps Server](https://jessehouwing.net/content/images/2020/03/image.png)<figcaption>Data usage per feed and per package</figcaption>

From here further exploration should be a piece of cake!

[Photo used under creative commons](https://flickr.com/photos/wwarby/11682625885).
Engineer.ai Raised $29.5 Million in a Funding
Tags: engineerai, funding, ai, technology
Published: 2020-03-02 10:17:30

AI assembly line platform Engineer.ai has raised $29.5 million in a funding round led by Lakestar and Jungle Ventures with participation from Softbank’s DeepCore.

The startup with global presence including offices in Los Angeles, London, Delhi NCR, Mumbai, and Tokyo will use the capital to go deeper in engineering operations and drive customer acquisition.

Besides, the Sachin Dev Duggal led company is also planning to expand its operations in the Asia Pacific region, especially India, South East Asia including China.

Touted as the low code no code AI platform, Engineer.ai enables budding entrepreneurs to order their own app at a low price from a network of 50 software firms and 10,000 developers.

Read Full Article @ https://entrackr.com/2018/11/softbank-jungle-ventures-fund-engineer/
Tired of turning Wifi/Bluetooth/Data off in Settings? (iPhone)
Tags: iphone, lifehack, hack, shortcuts
Published: 2020-03-02 10:01:23

Every day before going to bed, I take my phone, go to Settings and turn Wifi, Bluetooth and Data off. There are two reasons why I'm doing this:

1. I don't want my phone to search and receive any additional (other than GSM) frequencies while I'm sleeping.
2. I don't want to hear all the notifications coming in right after the alarm wakes me up.

Since I'm "programmer-lazy" person, I was searching for quite some time for a solution and I stumbled upon the not-so-new Shortcuts app and set this one up:

<img src="https://dev-to-uploads.s3.amazonaws.com/i/flw5xi901x0ymvkfkged.jpg" width="75%" height="75%" alt="Shorcut Configuration"/>

My life is once again so much easier and efficient!

Image by <a href="https://pixabay.com/users/geralt-9301/?utm_source=link-attribution&amp;utm_medium=referral&amp;utm_campaign=image&amp;utm_content=3699314">Gerd Altmann</a> from <a href="https://pixabay.com/?utm_source=link-attribution&amp;utm_medium=referral&amp;utm_campaign=image&amp;utm_content=3699314">Pixabay</a>