teleren/devto huggingface dataset:
How to create text gradients using CSS easily.
Tags: css, webdev, design, html
Published: 2020-09-11 07:46:51

A gradient is a continuation of colors with a starting and stopping point and a linear-gradient gradually moves in a straight line to another color.

Gradients are the latest trends these days and most of the websites are designed using gradients. With the background-clip property of CSS, it's very easy to implement gradients in text.


###**Syntax: How to create Text gradients**
First, we have to set up a font using h1 or any tag of our choice and place it at the desired location. I have placed my font in the center using a flexbox.

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

The result can be achieved with the help of 
* linear-gradient()
* background-clip
* text-fill-color

####*1.Linear-gradient() property:*
As explained above, this property creates a background linear gradient on the text block.
In CSS, linear-gradient is implemented using: 
```
background-image: linear-gradient(43deg, #4158D0 0%, #C850C0 46%, #FFCC70 100%);
```
And the result will be:

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

####*2.background-clip() property:*
This CSS property sets whether an element's background extends underneath its border-box, padding-box, or content-box.
```
background-clip: text;
```
And after applying this property, our text will look like:

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

Now you are wondering what happened to the linear-gradient we applied earlier, but after looking closely in the image you can see colors surrounding the text. 
######*The background is painted within (clipped to) the foreground text.* 
Due to the text-color, we cannot see our linear gradient color, and then comes the use of our third and last property.

####*3.text-fill-color property:*
Since we want to see the linear-gradient which is clipped to the foreground text, we have to make the color of the text transparent and we can achieve our result.

```
text-fill-color: transparent
```
And the result will be something like this:

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

[View full code in Codepen](https://codepen.io/tejash023/pen/NWNMKMr)

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/xfmqj8ul6jb6w8j1gkbv.png)
Free Online Code Playground for html, css & javascript
Tags: javascript, react, vue, webdev
Published: 2020-09-11 07:41:47

> Hey developers, I have created the list of **(only best)** online javascript code playground.

# Online code playground
* Scrimba - https://scrimba.com - playground & recording 
* Codepen - https://codepen.io 
* Jsfiddle - https://jsfiddle.net
* Jsbin - https://jsbin.com
* Jsitor - https://jsitor.com
* Playcode - https://playcode.io
* Jseditor - https://jseditor.io
* Liveweave - https://liveweave.com
* Plunker - http://plnkr.co/

# Online Programming compiler
* Jdoodle - https://jdoodle.com

-----

### Some of my youtube videos
{% youtube Tdx8RBmvqiQ %}
{% youtube x0Boemw9teU %}
{% youtube _1tpxFcpCBI %}

### Support Me
* [Youtube - Vuelancer](https://www.youtube.com/channel/UC0hmXRqXYVO0mocVt5D3GkQ)

* [Github - Vuelancer](https://github.com/vuelancer)

* [Scrimba](https://scrimba.com/@selvakumardhivakar)

* [Vuelancer - Patreon](https://patreon.com/vuelancer)
The ~Magic~ of React Hooks: I May Now Be a Believer
Tags: devjournal, codenewbie, womenintech, react
Published: 2020-09-11 07:36:52

_This post was originally published on September 11, 2020 on [my blog] (https://alexlsalt.github.io/blog)._

Happy Friday! I'm currently taking a deep-dive into React hooks, and it is *so* fascinating - especially because I've had this preconceived notions that the concept of hooks was this really complicated and impossible-to-understand topic.

The truth is, though, that I'd just never given learning about hooks a fighting chance.

I simply (and sadly) stopped myself in my tracks by assuming that the concept of hooks was really complicated.

Now that I've been reading up on it and building a few test projects to see how things work in practice, I think I can now say that I'm a true believer in the ~Magic of Hooks~ and I'm looking forward to using them on a larger scale!

Today's work is cut out for me with finishing up my section Pure React (currently finishing up Week 4 of my self-imposed time constraint of six weeks), and I'm very much on track to finish the book (and actually *understand* everything!) within those six weeks.

I'm in it. And it's the best. Feeling. Ever.

----------


P.S. Did you know I have a podcast with new episodes each Wednesday? Go listen [right over here >>] (https://www.ladiescodecollective.com/podcast)

![The Ladies Code Collective Podcast cover art](https://dev-to-uploads.s3.amazonaws.com/i/e9bnxljvfrdjeti7fvbr.png)
User Authentication Current Trends
Tags: signup, signin, authentication
Published: 2020-09-11 07:24:07

What are the most relevant techniques to implement user authentication?

The commonly used ones that I have been able to figure out are:

**Username, Password**

>Asks user to provide a username and password, but this does not have implicit ways to capture any user information. The only way for that may be to have additional forms asking for details like first name, last name, dob, etc.

**SSO / Oauth**

>Google, Github, Facebook etc - these may be used to fetch some information about the user from their accounts.

**Magic link**

>This is somewhat confusing, although the use is pretty straight forward. In certain websites for e.g. while Signing Up the magic link is sent to the user's email address. Upon clicking on the link, the user is prompted to enter that "email's" password within the context of the website/application. 

This seems scary at the very least because of the absence of the SSO / Oauth like UI/interface. Once authentication is verified, user information may be fetched by looking up the response. A typical response that Passport for Google sends is:

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

**Multi Factor Authentication**

>This also may not provide any implicit ways to retrieve/fetch user information.

Any other ways to implement authentication?

Also, is there a best practices list for "user information" most commonly fetched after any authentication techniques return a verified user?
git stash, to the rescue
Tags: git, tutorial, productivity
Published: 2020-09-07 05:46:43

## Introduction

`git`, the version-control system we all use. It has helped save a tremendous number of work hours by simplifying the process to track changes in source code during software development. Today I will try to demystify one of its commands to help you save some more time.

## Use cases

Lets be real, you often come across a situation where you are doing what you do best, writing some awesome code. But, suddenly you are required to just make your changes disappear and test some other code. Now, you are not ready to commit your changes yet. What do you do? The answer to this issue is the `git stash` command.

The `git stash` command takes your uncommitted changes (both staged and unstaged), saves them away for later use, and then reverts them from your working copy. For example:

**Dirty state**

```javascript
$ git status
Changes to be committed:
  (use "git reset HEAD <file>..." to unstage)

	modified:   index.html

Changes not staged for commit:
  (use "git add <file>..." to update what will be committed)
  (use "git checkout -- <file>..." to discard changes in working directory)

	modified:   lib/simplegit.rb
```
<br/>

**Stashing the changes**

```javascript
$ git stash
Saved working directory and index state \
  "WIP on master: 049d078 Create index file"
HEAD is now at 049d078 Create index file
```
<br/>

**Clean state**

```javascript
$ git status
# On branch master
nothing to commit, working tree clean
```
<br/>

You can reapply previously stashed changes with `git stash pop`.

```javascript
$ git stash pop
On branch master
Changes not staged for commit:
  (use "git add <file>..." to update what will be committed)
  (use "git checkout -- <file>..." to discard changes in working directory)

	modified:   index.html
	modified:   lib/simplegit.rb

no changes added to commit (use "git add" and/or "git commit -a")
```
<br/>

Bonus tip, you can also stash untracked files using `git stash --include-untracked`.
Make beautiful websites
Published: 2020-09-11 07:12:39

Hey such a wonderful article, really appreciate the hard work you did. Also visit <a href="https://inindiatech.com/">Inindiatech</a>, 
<a href="https://www.ooltah.com"> Digital Marketing company in India</a>., 
<a href="https://www.tool4seo.com">plagiarism checker</a>
<a href="https://www.etxt.me">Bulk messeges in India,
</a>
<a href="https://einindia.com">Freelancer website developer in India,
</a>
How to Use Excel FREQUENCY Function in Office 365? – [with Examples]
Tags: excelfrequencyfuncti, excelfunctions
Published: 2020-09-11 08:50:04

---
title: How to Use Excel FREQUENCY Function in Office 365? – [with Examples]
published: true
date: 2020-09-11 07:12:23 UTC
tags: ExcelFREQUENCYFuncti,ExcelFunctions
canonical_url: https://geekexcel.com/how-to-use-excel-frequency-function-in-office-365-with-examples/
---

## Excel FREQUENCY Function:

![FREQUENCY Function](https://eadn-wc04-371788.nxedge.io/cdn/wp-content/uploads/2020/09/FREQUENCY-Function.png)<figcaption id="caption-attachment-13700">FREQUENCY Function</figcaption>

In this article, we are going to see how to use the **Excel FREQUENCY Function in**  **Office 365** with its syntax, description, and examples. 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)
## **FREQUENCY Function – Explanation:**

- This function **returns a frequency distribution which means the frequency of each value in a range**.
- The frequency function should return the output as an array, so its input data also must be an array format.

## **Syntax:**

**=FREQUENCY(data\_array, bins\_array)**

### Arguments Description:

**Data\_array – ** It is the array of values for which you need to find frequencies.

**Bins\_array – ** It is an array of intervals for grouping values.

### Note:

- This function ignores **Empty cells, Boolean values, and Text, any Non-numerical characters**.
- The arguments can be **Numbers in an array format.**

## **Examples:**

Let’s see some examples below.

- Here, you can see the input data\_array is given in **Column B** , and bins\_array is given in the range from **cell**  **D3 to D6**.
- After entering the formula, you need to press ( **CTRL + SHIFT + ENTER** )keys to get the desired output.

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

- From the above image, you can see that the **Frequency function** generated the **array output** of two input data such as **data\_array** and **bins\_array**.

## **Closure:**

In this short article, you can understand the usage of **Excel FREQUENCY Function in**  **Office 365** with its syntax, description, and examples. Share your **queries/suggestions** in the comment section. Thanks for visiting **[Geek Excel.](https://geekexcel.com/)** Keep Learning!!

### Keep Reading:

- [How to Use Excel MAXA Function in Office 365? – [with Examples]](https://geekexcel.com/how-to-use-excel-maxa-function-in-office-365-with-examples/)
- [How to Use “DEC2HEX Function” in MS Excel 365? – [With Examples]](https://geekexcel.com/how-to-use-dec2hex-function-in-ms-excel-365-with-examples/)
Best PS4 games 2020
Tags: games, playstationplus, gaming, freegames
Published: 2020-09-11 07:07:25

Just found out what to play on PS4 this month!I'm sure you've played Fortnite, and/or Apex Legends, but there's Path of Exile. 
Here's the full list of best PS4 games 2020 to play with the scores from Metacritic and IGN.
1. Paladins (Metacritic 83/ IGN 8.4)
2. Let It Die (Metacritic 72/ IGN 6.4)
3. Brawhalla (Metacritic 70/ IGN n/a)
4. Gwent: The Witcher Card Game (Metacritic 80/ IGN n/a)
5. Warframe  (Metacritic 69/ IGN 8.6)
6. Fortnite  (Metacritic 78/ IGN 9.6)
7. Smite  (Metacritic 83/ IGN 8.5)
8. Dauntless (Metacritic 79/ IGN 8.5)
9. Path of Exile (Metacritic 86/ IGN 8.8)
10.Hitman 2 (Metacritic 82/ IGN 7.7)
11.Fallout Shelter (Metacritic 61/ IGN 6.8)
12.Apex Legends (Metacritic 88/ IGN 9)
13.Goat Simulator (Metacritic 58/ IGN 8)

Here's the link to a full post: https://xcs-web.com/best-ps4-games-2020/
Best site to start learning Python programing as beginer :-)
Tags: beginners, python, learning, webdev
Published: 2020-09-11 07:05:29

If we want to become a software developer, learning new knowledge is a must, but sometimes it is very tedious if the resources are not widely available on the internet, here is a summary of sites for learning programming in python.

**Website**
1. [freecodecamp](https://www.w3schools.com/python/default.asp)
2. [w3school](https://www.w3schools.com/python/default.asp)
3. [realpython] (https://realpython.com/)
4. [fullstackpython] (https://www.fullstackpython.com/)
5. [swaroop] (https://python.swaroopch.com/)

**Youtube**
1. [kelas terbuka] (https://www.youtube.com/user/faqihzamukhlish)
2. [Traversy Media] (https://www.youtube.com/channel/UC29ju8bIPH5as8OGnQzwJyA)
3. [Programing with mosh] (https://www.youtube.com/user/programmingwithmosh)

PS: apart from that There are many other websites and channels which are just as helpful as I mentioned.

THANK YOU!!
Happy learning

Salam dari Praxis Academy 
Yogyakarta, Indonesia
How to Use Excel DEVSQ Function in Office 365? – [with Examples]
Tags: exceldevsqfunctionin, excelfunctions
Published: 2020-09-11 08:49:49

---
title: How to Use Excel DEVSQ Function in Office 365? – [with Examples]
published: true
date: 2020-09-11 07:04:10 UTC
tags: ExcelDEVSQFunctionin,ExcelFunctions
canonical_url: https://geekexcel.com/how-to-use-excel-devsq-function-in-office-365-with-examples/
---

## Excel DEVSQ Function:

![DEVSQ Function](https://eadn-wc04-371788.nxedge.io/cdn/wp-content/uploads/2020/09/DEVSQ-Function.png)<figcaption id="caption-attachment-13694">DEVSQ Function</figcaption>

In this tutorial, we will guide you to learn the usage of **Excel DEVSQ Function in**  **Office 365** with its syntax, description, and examples. Let’s step 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)

## **DEVSQ Function – Description:**

- This function returns the sum of the squared deviations from the sample mean for a given set of data.
- It can be manually calculated by using the below-given formula.

![Formula](https://eadn-wc04-371788.nxedge.io/cdn/wp-content/uploads/2020/09/Formula-1.png)<figcaption id="caption-attachment-13688">Formula</figcaption>

## **Syntax:**

**=DEVSQ(number1, [number2],..)**

### Parameters Description:

**Number1 –** It is the first input number or cell reference.

**Number2 –** It is an optional one. It can be a number or cell reference.

### Note:

- This function ignores **Empty cells, Boolean values, and Text, any Non-numerical characters**.
- The arguments can be **Numbers, Names, arrays, or References**.

## **Examples:**

Here are the examples for your reference.

### Example 1:

- In the below image, you can see the input numbers are given in **Column A, B**. The sum of the squared deviations from the mean for the given set of data that is the DEVSQ output is given **Cell B8**.

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

### Example 2:

- This function ignores **Empty cells, Boolean values, and Text, any Non-numerical characters**.

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

## **Summary:**

In this tutorial, we guided you to learn the usage of **Excel DEVSQ Function in**  **Office 365** with its syntax, description, and examples. Leave your **suggestions** in the below comment section. Thanks for visiting **[Geek Excel.](https://geekexcel.com/)** Keep Learning!!
ETHPlanet Hackathon: Building the Next Digital World

Tags: hackathon, blockchain, eventsinyourcity
Published: 2020-09-11 07:03:18

<h1>ETHPlanet Hackathon: Building the Next Digital World</h1>

The [hackathon](https://medium.com/ethplanet/ethplanet-hackathon-building-the-next-digital-world-2d0246027d78) is to encourage a reciprocal world in the next digital generation, envisioned with the power of _blockchain_ technology. This hackathon will be the ultimate platform for hackers, builders, artists, designers, and anyone else from all backgrounds who want to build, create, and move forward, together.

<b>📅 Date</b>: Sept. 9 - Oct. 25
<b>🌐 Organizers</b>: [ETHPlanet](https://www.ethplanet.org/), [CAC](http://www.chronusartcenter.org/en/cac-exhibition-crypto_manifold/), [Chainlink](https://chain.link/), [Kaiyuanshe](https://kaiyuanshe.cn/), and [CSDN](http://csdn.net/)
<b>💰Prize</b>: $20K

Check out the challenges and join the hackathon: Click [<b>HERE</b>](http://ethplanet-hackathon.devfolio.co/)

We’re welcoming everyone to participate in the hackathon. Hope you can learn something and win some money — it could be your first fair launch fund or some seed money for you to start a side hustle. 

Also, it is going to be a wonderful opportunity for connecting with fellow builders and building cool stuff together.

Hope you can join us and we can't wait to see what you build!
Solar Rooftop: Everything you need to know before Installing It
Tags: boazaugustin, borgenergy, renewableenergy, solarenergy
Published: 2020-09-11 06:57:28

The solar industry has been gaining more ground as many people are now investing in it. The numbers of people fitting the solar rooftop in the homes increase daily. This a huge step in developing an eco-friendly environment and not destroying the ozone layers caused by the constant usage of fossil fuel. Solar power help to convert energy from the sun into electric energy with the help of an inverter. Installing solar in your home gives you a great feeling of not paying a huge amount of money to electricity companies every month. You also get to regulate and control the way you use your energy. Plus, the joy of contributing to climate change and observing a clean and green environment gives +you a fuzzy feeling.

Installing a solar rooftop panel in your house is a step in the right direction. However, there are many things you need to know before taking that huge step. “You need to figure out the perfect direction of the sun which will help produce the maximum energy you need. It is not a thing to be left to chance as mistakes in installation can incur extra costs. Therefore, you need to do thorough research and pick the best company that can do the work perfectly.”  says  Boaz Augustin.

To help make the right decision, [**Boaz Augustin**](https://www.f6s.com/boazaugustin), a solar energy expert, and business guru, takes us through everything we need to know before installing a solar rooftop in your home.

Read More At: [https://themeganews.com/](https://themeganews.com/tech/solar-rooftop/)
New Design For CodesQuery
Tags: webdev, tutorial, javascript, node
Published: 2020-09-11 06:47:06

It is very important to keep updated your website with the time. From last few months, I was planing to update my website and finally that day came yesterday. :)

Yes, You read it right, Yesterday, I finally got time to re-designed my blog [CodesQuery](https://codesquery.com) to give it new fresh look. 

I know, to re-design your existing website is not a very easy task but, thanks to Covid-19 due to which I got some extra time because of lockdown in my area, to re-design the blog.

If you are not aware of my blog [CodesQuery](https://codesquery.com) then let me give you a small introduction of it.

[CodesQuery](https://codesquery.com) is my part-time hobby where I share [tutorials](https://codesquery.com/tag/tutorials/), articles and [online courses](https://codesquery.com/shop/) based on web development. Here you can find tutorials that can help those people who are willing to start their career in the field of web development. 

CodesQuery will help you to get the solutions of the most common issues that any beginner to mid-level developer faced during their web application development.

Do you want to know more about my blog, then you can visit my blog from [here](https://codesquery.com).
API Integration: Request and Response
Tags: webdev, dotnet, watercooler, csharp
Published: 2020-09-11 06:35:29

#**WHAT IS API?**
API Stands for **Application Programming Interface**.API enables interaction with Data, Application, and Services. API delivers data between devices and programs. Using API we access the Data in Request and Response format. That's all for API now let's talk about the working 

#**WORKING OF API's**
API Integration needs to be Done for the working of APIs.

STEP'S:-
First of all the Response from APIs are in JSON(Javascript Object Notation) format and the Same format is used for Request.
In the Application, the Request Headers and Request Body are Constructed for Accessing the Details Device from Where the Request is Send. So at the End Point, the Server knows from where the Request is Generated.
```
Request Body in C#:-
  namespace Request_Body
{
  public class Request_class_name
  {
   //Details
  }
  public class Main_Request_Body
  {
   //Details
  } 
  public class Request_Body
  {
   //Details
   //Request Body
   //Request Header
  } 
  public class Request_Root
  {
   //Details
  }
  
}
```
**That is the Request Body for Sending Request to API**
> This API Request with the Help of Request Header and Request Body is Send to ESB(Enterprise Service Bus) Path where the Response is Generated where the Endpoint is Hit and Response is Send Back to Device

> The request is Converted into JSON format from Object Format this is an Important Step which needs to be Done Carefully.


After getting a response from ESB we Need to store in Response Body
```
Response Body in C#:-
  namespace Response_Body
{
  public class Response_class_name
  {
   //Details
  }
  public class Main_Response_class_name
  {
   //Details
  } 
  public class Response_Body
  {
   //Details
   //Response Body
   //Response Header
   //Status 
  } 
  public class Response_Root
  {
   //Details
  }
  
}
```
> Here Status Shows whether the Request is Valid or What is Output of the Request and Accordingly, we need to need to Display the Output of the Status.

So with Help of Request Body and Response Body APIs Integration can be done.


**Postman** is a great tool we can use for Checking if the APIs are Hitting the server Properly or Not.

That's all we Generally use for API Integration.
Why won't my HP printer driver install?
Tags: printerdriver, drivererror, unabletoinstall
Published: 2020-09-11 06:03:02

HP printers are famous as they are of high-quality and if you are using it for years now, you must know that how versatile they work. HP printers can work flawlesslyonly when you install a compatible driver for them as per the model you have. However, things don’t always go smooth as per the plan and several times you may be unable to Install HP Printer and Driver.
This can happen for several reasons such as you are getting the error codes while installing the printer driver or you have just updated to Windows 10 and are facing issues in installing the HP driver.
To fix this issue, you must try using in-built troubleshooter provided by Windows 10 and for other versions, you can try to restart the printer spooler service as that may fix the issue. You can also delete the printer keys and if you think your printer has outdated or corrupted driver, you can try updating it manually.If HP printer driver was not installed, this will help.
For More Information: https://www.printeralign.com/how-to-update-hp-printer-drivers