teleren/devto huggingface dataset:
Bit of an overview of Functional Programming
Tags: javascript
Published: 2020-11-24 17:15:09


##### Functional programming (FP) is a way of writing code in a more organized way, the code will be easier to read, prove and test.  


---

FP is all about functions, *pure functions* but sometimes it is inevitable to write *impure functions* 


**Pure functions**  
1. Same input, same output 
2. Have no side effect 


**Impure functions**  
1. Data is changed inside the function   
2. The function needs to interact with data outside the function   
3. You modify an object or reassign a variable. 

---

The fundamentals of functional programming are recursion and composition.
 
* **Recursion** - when a function calls itself 
* **Composition** - when functions are chained together or when function execution is passed into a function. 

Composition is how we generate a higher order function - high order functions are a bit different in FP than you might be used to. 



**High order functions** or methods are functions that accept functions as arguments or return functions. 
You are most likely familiar with **loop()** but in FP you shouldn't use that but instead use **map()**, **reduce()** and **filter()** for example. 
The reason for this is because when using **loop()** you are recreating a new array each time and that will first of all make you have an unnecessary amount of data & you are going against the “rules” of FP by *changing* the data. 

> Instead you want to copy the array and add data to the copy *not* to the original array

This can be done with **map()** or **reduce()**. 
**Map()** method is for when you want to get all of the values from the array and **reduce()** is for when you want to get one value from the array. 
The same goes for objects, when creating a new object you should use **object.assign()**. 
Like you are probably familiar to **push()**, **pop()** and **splice()** methods to add, take out or change an object. In functional programming you should use **concat()** to add and **array.filter()** to take out an object or change it. 
It is the same reason as goes for the array, you don't want to change the original data, instead you want to make a copy and amend the copy. 

---

You should know that it is *impossible* to have only 100% pure functions in your code, especially if you are doing a big or complex project, then you most likely want to interact with data outside the function for example. And that is totally okay, it will only make coding more difficult than it is if you put yourself in a box and try to code only pure functions, let’s remember the functionality of the code needs to work. It is a good rule to have 80% of your code in pure functions and the rest can be impure functions. If most of the code is pure it will make it way easier to maintain, change and debug and you won't have to worry about breaking the code somewhere else as the purse function will not affect any other functions in your code. 


#### This is only the tip of the iceberg and you can dive way deeper in functional programming but this should give you a bit of an overview of the idea behind it.
Top 5 youtube channels for beginner Programmer.
Tags: beginners, programming, computerscience, algorithms
Published: 2020-11-25 08:49:14

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/zy5h4rdojghojjtslcbx.jpg)
1. [**Freecodecamp.org**](https://www.youtube.com/channel/UC8butISFwT-Wl7EV0hUK0BQ)

2. [**ProgrammingKnowledge**](https://www.youtube.com/user/ProgrammingKnowledge)

3. [**Treehouse**](https://www.youtube.com/user/gotreehouse)

4. [**edureka**](https://www.youtube.com/user/edurekaIN)

5. [**telusko**](https://www.youtube.com/user/javaboynavin)
UI-O-Matic 3.1 for Umbraco the Hacktoberfest 2020 edition is out!
Tags: umbraco, hacktoberfest
Published: 2020-11-25 08:46:59

[Hacktoberfest](https://hacktoberfest.digitalocean.com/) has come to an end... and it is super to see folks have contributed to  [UI-O-Matic](https://github.com/TimGeyssens/UIOMatic)

So I merged all the pull requests in a 3.1 release!

## What is new:
* [A Link Editor View](https://timgeyssens.gitbook.io/ui-o-matic/02.defaulteditorviews#link)
* [Custom Sections](https://timgeyssens.gitbook.io/ui-o-matic/custom-sections)
* [Progress indicators on buttons](https://github.com/TimGeyssens/UIOMatic/pull/168)
* [Content Apps](https://timgeyssens.gitbook.io/ui-o-matic/content-apps)

Again, thanks to the folks spending time on this and helping out in making this happen. 

Get it from nuget: [https://www.nuget.org/packages/Nibble.Umbraco.UIOMatic/](https://www.nuget.org/packages/Nibble.Umbraco.UIOMatic/)
OpenStack and Kubernetes orchestration combined with the efficiency and scalability of OCP Inspired™ hardware.
Tags: opensource, openhardware, kubernetes, sardinasystems
Published: 2020-11-25 08:45:30

Sardina Systems FishOS has now been certified to run on MiTAC’s OCP Inspired™ Tioga Pass servers. 
Read about all the benefits of openhardware combined with opensoftware here https://bit.ly/3m4WYJI
Excel Formulas to Sum or Subtotal the Entire Columns!!
Tags: excelformula, excelformulas
Published: 2020-11-25 09:55:28

---
title: Excel Formulas to Sum or Subtotal the Entire Columns!!
published: true
date: 2020-11-25 08:44:31 UTC
tags: ExcelFormula,Excelformulas
canonical_url: https://geekexcel.com/excel-formulas-to-sum-or-subtotal-the-entire-columns/
---

In this article, we will discuss how to **sum or subtotal the values in entire columns in Excel Office 365 using the formula**. Let’s get into this article!! Get an official version of ** MS Excel**  from the following link: [https://www.microsoft.com/en-in/microsoft-365/excel](https://www.microsoft.com/en-in/microsoft-365/excel)

[![Formulas to sum entire columns](https://eadn-wc04-371788.nxedge.io/cdn/wp-content/uploads/2020/11/Formulas-to-sum-entire-columns.png)](https://geekexcel.com/excel-formulas-to-sum-or-subtotal-the-entire-columns/formulas-to-sum-entire-columns/#main)<figcaption id="caption-attachment-18052">Formulas to sum entire columns</figcaption>
## General Formula:

- The following formula will help to sum the value in an entire column in Excel.

**=[SUM](https://geekexcel.com/sum-function/)(A: A)**

## Syntax Explanations:

- **SUM** – The Excel **[SUM Function](https://geekexcel.com/sum-function/)** will help to add the values in the cells.
- **Parenthesis ()** – The main purpose of this symbol is to group the elements.
- **Range** – It represents the input values given in the worksheet.

## Example:

- Refer to the below example image.
- In the image, we are going to sum the total points of sports.
- First, we will give the input values in **Column C**.
- After that, apply the given formula in the formula bar section.’
- Finally, it will sum the values in an entire column and display the result in **Cell F2**.

![Example](https://eadn-wc04-371788.nxedge.io/cdn/wp-content/uploads/2020/11/Example-66.png)<figcaption id="caption-attachment-18054">Example</figcaption>

## Closure:

From this tutorial, we described the **formulas to sum the values in an entire column in Excel Office 365**. Hope that this article is useful to you. If you have any **doubts/queries,** feel free to share it with us. Thank you so much for Reading!! Keep learning on **[Geek Excel](https://geekexcel.com/)!! **and [**Excel Formulas**](https://geekexcel.com/excel-formula/) **!!**

### Related Articles:

- **[Excel Formulas to Count Cells that contain either X or Y!!](https://geekexcel.com/excel-formulas-to-count-cells-that-contain-either-x-or-y/)**
- **[Formulas to Count Unique Text Values in a Range in Excel Office 365!!](https://geekexcel.com/formulas-to-count-unique-text-values-in-a-range-in-excel-office-365/)**
- **[Excel Formulas to Count Cells that do not contain Errors!!](https://geekexcel.com/excel-formulas-to-count-cells-that-do-not-contain-errors/)**
- [**Formulas to Count Multiple Criteria and OR Logic with COUNTIFS!!**](https://geekexcel.com/formulas-to-count-multiple-criteria-and-or-logic-with-countifs/)
FluidCSS v0.5 released!
Tags: css, html, frameworks, contributorswanted
Published: 2020-11-25 08:34:16

Hey!
I have been working on a CSS library called FluidCSS, and after a fortnight of hard-coding, v0.5 is here!

## Ideals behind FluidCSS

FluidCSS is a CSS library designed for customisability, and is especially aimed at designers/developers who want to quickly make a working prototype of their design. 

Which means, it has all the stuff you might need, like toggle switches, custom not-ugly checkboxes, radio buttons, modals, etc.

Another highlight is full customisability with css variables without any preprocessors [like sass, less, etc.]

What is doesn't have is a solid layout system. And it was on purpose. This removes memorising of unnecessary class names and stuff that would require a steep learning curve.

If you are asking why FluidCSS exists when there are viable alternatives like Bootstrap or Bulma, there are two reasons:

A. It's like comparing Photoshop to MS Paint. Photoshop is an advanced tool with a really steep learning curve, but Paint is a simple and intuitive tool. If you want to quickly crop a photo, which one would you rather choose?

B. The second reason is rather personal: I was dead bored, thanks to COVID-19. 

Here is the GitHub repo:

{%github nikhilmwarrier/fluidcss %}

The project is live at <https://nikhilmwarrier.github.io/fluidcss>

Contributions very wholehartedlly welcome!

PS: Also, be sure to check out the animated gradient on the [Homepage](https://nikhilmwarrier.github.io/fluidcss)!

## Some Screenshots:

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

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

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/6e2sy7hf0g8je4193p8f.jpeg)

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

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/7ss4g7f0yk8nzhcrzd1h.jpeg)
Best NLP Courses Online in 2021
Tags: machinelearning, nlp, datascience
Published: 2020-11-25 08:33:51

In this article, I will discuss the **Best Natural Language Processing Courses Online.** So, give your few minutes to this article and find out the Best Natural Language Processing Courses Online.

Natural Language Processing is getting popular due to its tremendous applications. 

Nowadays, you can see the strength of NLP in various fields. For example, **Google’s Assistant, Amazon Alexa, Apple’s Siri, and Cortana** all are based on NLP. **Chatbot and Sentiment Analysis** are also the most popular application of NLP.

Most of the industries are using Natural Language Processing. There are various jobs available in Natural Language Processing. Many companies are hiring NLP Engineers. 

So, if you are the one who wants to learn Natural Language Processing, then this article will definitely help you.

Before I will discuss the Best Natural Language Processing Courses Online. I would like to tell you What is the criteria to call these courses as “Best”.

###**Criteria-**
1. Rating of these Courses.
2. Coverage of Natural Language Processing Topics.
3. Engaging trainer and Interesting lectures.
4. Number of Students Benefitted.
5. Good Reviews from various aggregators and forums.

So, without wasting your time, let’s start finding the Best Natural Language Processing Courses Online for you.
**[Click to continue reading...](https://www.mltut.com/best-natural-language-processing-courses-online-to-become-expert/#1-natural-language-processing-coursera)**
FRNT000 Node.js, npm and yarn
Tags: frontend, node, npm, yarn
Published: 2020-11-25 08:26:34

# 本篇主要讲前端的基础：Node.js、npm和yarn

经历了两个学期SSM的洗礼，我打算学习一些新的东西。

SSM给我感觉相当笨重，我在写Assignment的时候，web项目不是前后端分离的，要加一个新的功能基本上是写xxx.html -> xxx.js -> controller -> service和dao，竖着写一遍所有的东西。。。

现在的前端框架主要是以下三种：

- vue
- angular.js
- react.js

我看了看学校实习对申请者的要求，react高频出现，而且相对于国内常用的vue，react似乎越来越流行。

# node.js

Node.js is a JavaScript runtime environment based on Chrome's V8 engine.

我们实现了前后端分离，实际上是前端用node.js运行react js，angular js，vue等框架，后端用Java运行Spring Boot等框架。

# npm

npm is Node package manager. 相当于Java的maven，是一个包管理工具。有了npm，就可以轻松的搭建react的环境。

npm的官网：https://www.npmjs.com/

npm被绑定在了node.js中，安装了node.js就会自带npm。

在cmd中输入`npm -v`可以查看npm的版本号。

在一个文件夹内输入`npm init`将给文件夹变成一个npm的**标准模块**，也就是一个项目。执行命令后会要求输入一系列信息，可以全部按回车用默认值。完成后会生成一个`package.json`文件，文件内就是我们刚才输入的那些配置。

之后，就可以用`npm install`来安装插件了，比如要安装react，就可以输入`npm install react --save`

其中，`--save`是将模块保存在项目里，package.json会添加以下内容：
```
"dependencies": {
    "react": "^17.0.1"
  }
```
这样，别人在下载使用这个模块的时候，就会自动下载dependencies里面的模块。

**注意**："17.0.1"表示安装指定的17.0.1版本，"～17.0.1"表示安装17.0.X中最新的版本，"^17.0.1"表示安装17.X.X中最新的版本。

# yarn

和npm一样，yarn也是包管理工具 package manager。

yarn更新，更快，弥补了npm的一些缺点：

- npm 安装包（packages）的速度不够快，拉取的 packages 可能版本不同
- npm 允许在安装 packages 时执行代码，有安全隐患

yarn 官网：https://classic.yarnpkg.com/
hardware fingerprinting with Canvas, WebGL, AudioContext
Tags: security, webdev, privacy
Published: 2020-11-25 03:59:37

EFF has a browser profiling tool which illuminates--hands on--known profiling techniques in fingerprinting browsers. Understanding how the few more effective aspects work is interesting and here are a few links to the various related resources, the video is especially useful.

* [excellent YouTube video surveying the techniques](https://youtu.be/EVh84c0gVqE)
* [EFF background and tool](https://coveryourtracks.eff.org/learn), also similarly useful [AmIUnique.org](https://amiunique.org/) and [BrowserLeaks](https://browserleaks.com/)
* [Wikipedia disambiguation on Fingerprint--includes the various possibilities under science+technology](https://en.wikipedia.org/wiki/Fingerprint_(disambiguation))
* discussion in various Q&A: [1 suss sock puppets (false online identities)](https://meta.stackexchange.com/questions/113394/implement-some-form-of-browser-fingerprinting-to-help-suss-out-socks), [2 circumvention of fingerprinting](https://security.stackexchange.com/questions/12059/circumventing-device-fingerprinting) and [loosely related expectations around privacy](https://gist.github.com/joepie91/5a9909939e6ce7d09e29)
Style your caret color
Tags: css, tips
Published: 2020-11-25 08:10:40

You probably didn't hear this or you do, but this it's an interesting property to get your inputs style with your owns very colors.

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/187gy4fesen25h7by6k6.png)

Now you give it a try!


Image credits: @imac2

More info: https://developer.mozilla.org/en-US/docs/Web/CSS/caret-color
Animated Buttons using Javascript (GSAP) - 1
Tags: javascript, webdev, showdev, todayilearned
Published: 2020-11-25 07:28:17

Hey there guys,
     Here is a small animation ripple effect I created using [gsap](https://greensock.com/). I created this using just an event listener and a `<span>` tag along with the `gsap fromTo() method`. This is just one of the cool animations you can create. 

{% codepen https://codepen.io/SoorajSnBlz/pen/ExgYwEb %}

Furthermore, you can stagger up your animations by using the `stagger` property. Stagger will basically run your animations which come under the same property, for example multiple ripples, to run sequentially with a small delay in between them, like this.

{% codepen https://codepen.io/SoorajSnBlz/pen/rNMBYJq %}
Glowing Social Media Icons
Tags: html, css, webdev
Published: 2020-11-25 07:16:38

The widget of Social Media is something to display icons of their social networks and connections and other subscription options to show icons on those social media sites. This blog will make a simple glowing animation on social media icons using HTML and CSS. This kind of glowing CSS animation is stylish and makes a widget looks beautiful. <a href="https://www.codingflicks.com/2020/11/glowing-effect-social-media-icons-widget.html">Download the Source Code</a>
What is Acceptance Testing? Types and Examples
Tags: testing
Published: 2020-11-25 07:14:45

Acceptance Testing
Acceptance Testing is the final level of software testing. The main aim of this testing is to determine the working process of the system by satisfying the required specifications and it is acceptable for delivery. It is also known as End-User Testing. It also works under the Black Box Testing Method.
User Acceptance Testing (UAT)
The name itself says that it is from the user point of view. It helps to determine whether the system is working for the user with the given specific requirements. Here, the user refers to whom the system is going to handle after completion of all the testing levels. Usually, customers or customer’s customers will perform this testing.

Business Acceptance Testing (BAT)
It helps to check whether the system satisfies the business requirements and specifications. The main aim of this testing is to help in increasing business profits by considering market strategies and technologies.

Contract Acceptance Testing (CAT)
The name itself says that it helps to test the product with all acceptance test cases within the contract period of time. The contract may be like payment will be done before the product goes live or after the product goes live.

Regulation Acceptance Testing (RAT)
If testing undergoes all the rules and regulations that are released by the government then it is said to be RAT. Not even a single violation has not to be found while performing this testing if any occurs then the whole product will be going under failure. So, it is the most important and complicated testing type.

Operational Acceptance Testing (OAT)
This testing mainly used to determine the product’s compatibility, reliability, stability, etc., before it is going to live.

Alpha Testing
Specialized Testers will perform this testing to check any bugs have occurred. Also, they help to give suggestions to improve product usability in a controlled manner.

Beta Testing
Beta Testing helps to grab the bugs or any issues of a product. End-Users will perform this testing with an uncontrolled manner.

Best Example to understand this testing
During the process of manufacturing a mobile phone, there are so many parts like a camera, speakers, flashlight, buttons, display, headset, charger, etc., will be produced separately by different manufacturers.
All these parts will first go under unit testing
After unit testing, they go for integration testing.
Later, system testing will be performed
Finally, acceptance testing will be performed before it is out for delivery.
Types of Acceptance Testing
The most important seven types of this testing are
For more information about this article visit :
https://w3softech.com/blog/acceptance-testing-types-and-examples/
What does "use strict" mean in JavaScript?
Tags: javascript, we
Published: 2020-11-25 07:14:37

The `"use strict"` in your `JavaScript` code turns on strict mode. (Or does nothing, in pre-fifth ECMAScript implementations). This directive applies to the scope in which it is specified.
Examples of using
`// file: ok.js
"use strict"; // affects the whole file
alert ("ok");
(function () {
  "use strict"; // valid only within the function
  alert ("ok");
} ());`

To learn why you need this mode in your coding, read <a href="https://exceed-team.com/tech/what-does-use-strict-mean-in-javascript">the article</a> to the end.
How To Create A New Branch With Git Using Terminal
Tags: git, github, tutorial
Published: 2020-11-25 07:11:29

In this post I will show how to create a new branch with git using VS Code.

Before creating new branch, your branch needs to be up-to-date with latest changes. So, first you need to pull latest changes from remote branch.

```bash 
git pull
``` 

Now you can create new branch and switch to that branch

```bash
git checkout -b [name_of_your_new_branch]
```

Once, you created new branch. It is time to push to Github.

```bash
git push origin [name_of_your_new_branch]
```

New branch successfully created and uploaded.

Information obtained from [Kunena-Forum](https://github.com/Kunena/Kunena-Forum/wiki/Create-a-new-branch-with-git-and-manage-branches):
Weekly web development update #52
Tags: weekly, webdev
Published: 2020-11-25 06:50:13



______

##[Building Your Color Palette](https://refactoringui.com/previews/building-your-color-palette/)
[![Building Your Color Palette](https://wwebdev-images.s3.eu-central-1.amazonaws.com/content/weekly/52/building-color-palette.jpg)](https://refactoringui.com/previews/building-your-color-palette/)
A nice guide on how to create a color palette for your website.

______

##[Upptime](https://upptime.js.org/)
[![Upptime](https://wwebdev-images.s3.eu-central-1.amazonaws.com/content/weekly/52/upptime.jpg)](https://upptime.js.org/)
GitHub-powered open-source uptime monitor and status page.

______

##[Pretty Snap](https://prettysnap.app/)
[![Pretty Snap](https://wwebdev-images.s3.eu-central-1.amazonaws.com/content/weekly/52/prettysnap.jpg)](https://prettysnap.app/)
A tool to add pretty backgrounds to your screenshots.

______

##[Browsh](https://www.brow.sh/)
[![Browsh](https://wwebdev-images.s3.eu-central-1.amazonaws.com/content/weekly/52/browsh.jpg)](https://www.brow.sh/)
A fully-modern text-based browser, that can render anything that a modern browser can.

______

##[Wasp](https://wasp-lang.dev/)
[![Wasp](https://wwebdev-images.s3.eu-central-1.amazonaws.com/content/weekly/52/wasp.jpg)](https://wasp-lang.dev/)
A programming language for building web apps with less code.

______

##[Pattern Collect](https://patterncollect.com/)
[![Pattern Collect](https://wwebdev-images.s3.eu-central-1.amazonaws.com/content/weekly/52/patterncollect.jpg)](https://patterncollect.com/)
A curated gallery of patterns by designers & illustrators

______

##[Tailwind CSS v2.0](https://blog.tailwindcss.com/tailwindcss-v2)
[![Tailwind CSS v2.0](https://wwebdev-images.s3.eu-central-1.amazonaws.com/content/weekly/52/tailwind.jpg)](https://blog.tailwindcss.com/tailwindcss-v2)
The release notes for the new Tailwind CSS v2.0

______

##[1MB Club](https://1mb.club/)
[![1MB Club](https://wwebdev-images.s3.eu-central-1.amazonaws.com/content/weekly/52/1mbclub.jpg)](https://1mb.club/)
An list for web pages weighing less than 1 megabyte.

______

##[linkinator](https://github.com/JustinBeckwith/linkinator)
[![linkinator](https://wwebdev-images.s3.eu-central-1.amazonaws.com/content/weekly/52/linkinator.jpg)](https://github.com/JustinBeckwith/linkinator)
A simple site crawler and broken link checker.

______

##[React Styleguidist](https://react-styleguidist.js.org/)
[![React Styleguidist](https://wwebdev-images.s3.eu-central-1.amazonaws.com/content/weekly/52/styleguidist.jpg)](https://react-styleguidist.js.org/)
Isolated React component development environment with a living style guide.

______

##[Joplin](https://github.com/laurent22/joplin)
[![Joplin](https://wwebdev-images.s3.eu-central-1.amazonaws.com/content/weekly/52/joplin.jpg)](https://github.com/laurent22/joplin)
An open-source note taking and to-do application.

______

To see all the weeklies check: [wweb.dev/weekly](https://wweb.dev/weekly)