teleren/devto huggingface dataset:
Let your side projects languish
Tags: watercooler, thingsitrytotellmyself, fridaythought
Published: 2020-08-28 09:08:23

---
title: Let your side projects languish
published: true
description: 
tags: watercooler, thingsITryToTellMyself, fridaythought
//cover_image: https://direct_url_to_image.jpg
---

I think [this comic](https://www.commitstrip.com/en/2014/11/25/west-side-project-story/) sums up my experience with side projects.

I have loads and none of them are done, some might be close but none are finished. And I'm always starting more.

I think the comic makes it look like having lots of side projects is bad. I don't think it is.

Side projects are not your job. Maybe you want to have it as a side hustle, but that's a different thing, then you have two jobs.

Side projects are done for fun. 

If you go to a museum, you can't fail if you don't see all the exhibits. You won't be fired, fined or reprimanded.

If your hobby is sports then you're in no peril for not winning. You won't be evicted for not completing a computer game.

Leisure time should not be viewed through the same gaze as work time. 

As a general rule, you can't fail at leisure. (There are specific things, like free climbing, that one might say have a way to fail, but that's not what I'm getting at.) If someone is making you feel bad for how you enjoy your time off, then maybe they need to reëxamine their priorities.

So don't worry if you have a hundred side projects and you want to add more. It's your time. You're under no obligation to finish anything.
CSS Special Effects Summary
Tags: css, cssfilter, filter, cssblendmode
Published: 2020-08-28 08:45:16

---
title: CSS Special Effects Summary
published: true
description: Summary of the when and how to use CSS blend-modes and CSS filters
tags: css, cssfilter, filter, cssblendmode
series: CSS Special Effects
cover_image: https://redonion.se/img/devto/cover-special-effects-devto.png
canonical_url: https://redonion.se/en/css-special-effects/
---
Blend-modes, filters and backdrop-filters can be used in CSS to create special effects similar to effects in image editing software programs.

The pros of using CSS to create these effects are:

- Ease of use for website administrators, who does not need to know how to create or edit special images.
- Since less specialty knowledge is needed, more junior members of staff can edit and update the website. This can help the company use its personnel more effectively and ultimately save money.
- Improved website performance since many of the effects previously was only obtainable through images. When created with CSS instead, the website page load will decrease.

###When to Use Which Effect
####Blend-modes
Use blend-modes to create effects by blending multiple elements or backgrounds. `background-blend-mode` blends background images, gradients, and colors. `mix-blend-mode` is for blending different elements with their surroundings and can also be used with pseudo-elements.

See the article [“Blend Modes in CSS”](https://dev.to/fridanyvall/blend-modes-in-css-268) for more details about background-blend-mode and mix-blend-mode.

####Filters
Use filters to add effects to a single element. `backdrop-filter` is used to apply the filter to an elements background, while `filter` applies the effect to the whole element.

It is possible to define your own filters in SVG for even more custom effects. Just keep an eye out for [a bug](https://bugs.chromium.org/p/chromium/issues/detail?id=109212) that (at the time of writing) might prevent linking to external SVG file filters in Chrome.

See our blogposts [“CSS backdrop-filter”](https://dev.to/fridanyvall/css-backdrop-filter-2coo) and [“CSS Filter”](https://dev.to/fridanyvall/css-filters-25b8) for more details.
Announcing CodeStack.Café ☕ Your Coding Interview Pain Killer  
Tags: career, productivity, codenewbie, showdev
Published: 2020-08-28 08:17:35

---
title: Announcing CodeStack.Café ☕ Your Coding Interview Pain Killer  
published: true
description: 300 Curated Coding Questions, Problems & Challenges Answered To Never Fail Your Programming Interview Again
tags: #career #productivity #codenewbie #showdev
cover_image: https://user-images.githubusercontent.com/13550565/91537112-5919c680-e948-11ea-97a9-c05b616ab343.png
---
Hi my fellow Dev.to warriors! 

Today I soft-launching my sixth (yep you read it right, it is 6!) product - [CodeStack.Cafe - Your Coding Interview Pain Killer](https://www.codestack.cafe). CodeStack is my take on the most painful problem all software developers experienced in their lives: 

> **"Failed my Coding Interview. Again...."**
> — _From Random Dev Today_

---

For the last 6 months I was storming through Google, StackOverflow, algo books and myriad of You tube videos just to produce the best, most comprehensive collection of Coding Interview Questions, Problems & Challenges so laser-focused on interview preparation that you would never fail your programming interview again. 

> **That is my promise - You Would Never Fail Your Coding Interview Again**. 

My job is not yet done but product is ready to deliver value for anyone who looking for a dev job right now. 

How is that different from a Cracking Coding Interview book and etc.? Well... the same way like a shot of coffee is different from a deep 12 hours sleep. Both give your energy, both are good, but CodeStack.Cafe can enrich your brain with a dose of essential fundamental knowledge in 5 days not 3 months. Exactly what you need before that next coding interview, heh?

Build 100% on React and Node.js (only 87kb bundle size + 93 Google PageSpeed), fast as hell, ads-and-pixels free it gives you the best interview preparation environment you can desire. And yes, you can download PDF's for any QAS topics for your offline prep during morning hours commute.

---

For all me fellow Devs I have a special promocode [DEVTO](https://www.codestack.cafe/?promo=DEVTO) that will give you 50% OFF for the lifetime access to CodeStack.Cafe and all content updates for FREE forever. 

Good luck to your next coding interview and all the best!
Unit Testing React HOC
Tags: react, rtl, jest, testing
Published: 2020-08-28 07:57:23

Suppose we have the following HOC:
```javascript
const withExtraProp = Component => props => {
  return <Component {...props} extraProp="extraValue" />;
};
```
As you may know, a component can be just a function and we can test it just like that. So we create a mock function and perform our test against that function.
```javascript
const mockComponent = jest.fn(() => null);
const Component = withExtraProp(mockComponent);

render(<Component />);

await wait(() => expect(mockComponent).toBeCalled());
```
In the example above, we create a mock function that will be our component to be wrapped by `withExtraProp`. As this function represents a react component, it should return a component or `null`.

The return of withExtraProp is the mockComponent with props added to it. When we render this resulting component, it will call the function and we can test whether it was called.

We can also test if it was called with the right arguments.
```javascript
const mockComponent = jest.fn(() => null);
const Component = withExtraProp(mockComponent);

render(<Component />);

await wait(() => expect(mockComponent).toBeCalled());
await wait(() => expect(mockComponent).toBeCalledWith({ extraProp: 'extraValue' }, expect.anything()));
```
The second argument `expect.anything()` is necessary because if you use `forwardRef` it contains the ref object.
### What if there are other props passed to component?
Suppose you pass other props to component but you just want to test props passed by this specific HOC. You can use `expect.objectContaining` like this:
```javascript
const mockComponent = jest.fn(() => null);
const Component = withExtraProp(mockComponent);

render(<Component normalProp="propValue" />);

await wait(() => expect(mockComponent).toBeCalled());
await wait(() => expect(mockComponent).toBeCalledWith(
  expect.objectContaining({ extraProp: 'extraValue' }),
  expect.anything()),
);
```
Here is the example working:
https://codesandbox.io/s/hopeful-curran-yb6cr?fontsize=14&hidenavigation=1
Замена вложенным циклам в python
Published: 2020-08-28 07:47:06

Прочитал статью [Совершенный цикл for](https://habr.com/ru/post/516630/) и решил себе напомнить, что в питоне есть способ писать вложенные циклы компактно:
``` python
from itertools import product
for a, b, c in product(range(3), range(4), range(5)): 
    print(a, b, c)
```
В классической записи это выглядело бы так:
``` python
for a in range(3):
    for b in range(4):
        for c in range(5):
            print(a, b, c)
```
Magento 2 Google Invisible Recaptcha
Tags: devops, php, devrel, productivity
Published: 2020-08-28 07:26:15

Protect your eCommerce store from fake abuses, spam, and bot and secure your website using Magento 2 [**Google Invisible Recaptcha**](https://www.mageants.com/google-invisible-recaptcha-for-magento-2.html). 
 
**Key Features:**

1. Admin can add the Captcha to any of the custom forms at the 
   front end.

2. Manage all the reCaptcha setting at one place 

3. Detect fake and abusive traffic on the website without any user 
   friction.

4. Invisible reCaptcha works in multiple pages of the Magento 
   store.

5. Restricts the spam activities on the forms and URLs for which 
   reCaptcha is enabled by admin.
SHOWCASE YOUR GITHUB PROFILE WITH CODERSRANK AND GET HIRED
Tags: github, career, javascript, css
Published: 2020-08-28 07:24:45

Turn Your Code Into Your Digital Developer Profile & Get Hired Faster!  <a href="https://bit.ly/2NbSVLS" target="_blank">Join CodersRank Now </a> And Let Your Work Speak For Itself, CodersRank is a Developer-Focused Job Platform, where Companies Apply to You!
CodersRank helps you find your dream job and grow as professional!
50 Amazing DEV people to follow on Twitter
Tags: webdev, career, motivation, twitter
Published: 2020-08-28 07:17:35

---
title: 50 Amazing DEV people to follow on Twitter
published: true
description: 
tags: webdev, career, motivation, twitter
cover_image: https://dev-to-uploads.s3.amazonaws.com/i/9e7pyl5cemqi5bje0eqn.png
---
Twitter, like other social media, brings like-minded people together.
Here I have compiled a list of 50 awesome people to follow in tech-Twitter.

* [Wes Bos](https://twitter.com/wesbos)
* [Brad Traversy](https://twitter.com/traversymedia)
* [Quincy Larson](https://twitter.com/ossia)
* [Florin Pop](https://twitter.com/florinpop1705)
* [Ben Halpern](https://twitter.com/bendhalpern)
* [Emma Bostian](https://twitter.com/EmmaBostian)
* [Scott Tolinski](https://twitter.com/stolinski)
* [Ibrahima Ndaw](https://twitter.com/ibrahima92_)
* [Ravindra Shekhawat](https://twitter.com/ravinwashere)
* [Ben Awad](https://twitter.com/benawad)
* [Telmo Goncalves](https://twitter.com/telmo)
* [Ania Kubów](https://twitter.com/ania_kubow)
* [Molly Struve](https://twitter.com/molly_struve)
* [Mohd Danish](https://twitter.com/mddanishyusuf)
* [Jess Lee](https://twitter.com/jessleenyc)
* [Nick Taylor](https://twitter.com/nickytonline)
* [Sophia Li](https://twitter.com/sophia_wyl)
* [Nader Dabit](https://twitter.com/dabit3)
* [Tawanda Nyahuye](https://twitter.com/towernter)
* [Cat McGee](https://twitter.com/CatMcGeeCode)
* [Francesco Ciulla](https://twitter.com/FrancescoCiull4)
* [Marc Backes](https://twitter.com/themarcba)
* [Moshfegh Hamedani](https://twitter.com/moshhamedani)
* [Beau Carnes](https://twitter.com/beaucarnes)
* [Steffan Natter](https://twitter.com/natterstefan)
* [Lydia Hallie](https://twitter.com/lydiahallie)
* [Jack Domleo](https://twitter.com/jackdomleo7)
* [Eddy Vinck](https://twitter.com/EddyVinckk)
* [Devin Ford](https://twitter.com/devinDford)
* [Danny Thompson](https://twitter.com/DThompsonDev)
* [Pratham Prasoon](https://twitter.com/PrasoonPratham)
* [Raf Rasenberg](https://twitter.com/rafrasenberg)
* [Deni Moka](https://twitter.com/dmokafa)
* [Catalin Pit](https://twitter.com/catalinmpit)
* [Marko Denic](https://twitter.com/denicmarko)
* [Laura Jane](https://twitter.com/miss_lorsx)
* [Annie Liew](https://twitter.com/anniebombanie_)
* [Pratham Kumar](https://twitter.com/Prathkum)
* [Angie Jones](https://twitter.com/techgirl1908)
* [Jhey Tompkins](https://twitter.com/jh3yy)
* [Lynn Fisher](https://twitter.com/lynnandtonic)
* [Jason Lengstorf](https://twitter.com/jlengstorf)
* [Andrew Mead](https://twitter.com/andrew_j_mead)
* [Nehemiah Kivelevitz](https://twitter.com/NehemiahKiv)
* [Mario Cervera](https://twitter.com/macerub)
* [Simon Høiberg](https://twitter.com/SimonHoiberg)
* [Danny Steenman](https://twitter.com/dannysteenman)
* [Emma Britnor](https://twitter.com/britnorcodes)
* [Mads Brodt](https://twitter.com/madsbrodt)
* [Santiago Valdarrama](https://twitter.com/svpino)

I'm looking for some additional input, too!
What would YOU recommend to follow?
How to Use Excel COT Function in Office 365? – {with Examples}
Tags: excelcotfunctioninof, excelfunctions
Published: 2020-08-28 12:19:55

---
title: How to Use Excel COT Function in Office 365? – {with Examples}
published: true
date: 2020-08-28 07:13:37 UTC
tags: ExcelCOTFunctioninOf,ExcelFunctions
canonical_url: https://geekexcel.com/how-to-use-excel-cot-function-in-office-365-with-examples/
---

## Excel COT Function:

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

This article describes the usage of **Excel COT 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)

## **COT Function – Description:**

- This function **returns the** **cotangent values (ratio) of the given (angle) radians**.
- To convert the degree value into radians, use **RADIANS(number)** function.
- For example, **RADIANS(0.52)** returns the **secant value as 1.732**

## **Syntax:**

**=COT(number)**

### Argument Explanation:

**Number ** – The angle in radians to which you need to find the **cotangent value**.

### Note:

- If the argument is a non-numeric value (letters and special characters) and then it returns **#VALUE!** Error.

## **Examples:**

Let’s see some examples.

### Example 1:

- In the following screenshot, you can see the degree values in **Column A** , its corresponding radians in **Column B**.
- To convert the degree values into radians, you need to use the following **RADIANS Function** and its syntax is:
- **=RADIANS(degree)**
- The output **cotangent** values are listed in **Column C**.

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

### Example 2:

- To **convert the degrees into a cotangent value** , use the below formulas.

**=COT(degree)\*PI()/180** or **=COT(RADIANS(degree))**

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

### Example 3:

- If the argument is a non-numeric value (letters and special characters) and then it returns **#VALUE!** Error.

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

## **Verdict:**

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

### Read Also:

- [How to Use Excel ACOS Function in Office 365? – (with Examples)](https://geekexcel.com/how-to-use-excel-acos-function-in-office-365-with-examples/)
- [How to Use IMPOWER Function in Excel 365? – [with Examples]](https://geekexcel.com/how-to-use-impower-function-in-excel-365-with-examples/)
#100DaysOfCloud | Day 3 
Tags: docker, linux, 100daysofcloud
Published: 2020-08-28 07:10:03



What Did I learn -

We learned a bit about docker networking, adding and removing networks, with commands such as `docker network create` and `docker network rm` . We also went into how we would add a network to an existing container, as well as disconnecting it, and into pruning unused networks, this was with `docker network connect`, `docker network disconnect` and `docker network prune`, in that order.


What Did I Do -
I finally got to my Minecraft Server lab (Sweet!) First, we are running this on a Running on CentOS 7. After we have our cloud server spun up we need to have Java installed, for this, we will search for the right java runtime env, the package we want is java-11-openjdk. Then we want a dedicated user for security with a dedicated user for our Minecraft application, for this we verify the package and dependencies are installed we `sudo useradd minecraft`. Then we go to the root and ensure there is a subdirectory in `/opt` that is for Minecraft, using `sudo mkdir /opt/minecraft`. Then change ownership to our Minecraft user using `sudo chown minecraft:minecraft /opt/minecraft` (or the user you made). Then download the latest MC Server jar file
Run the Jar file, find the EULA file then change the file in VIM to agree. Last we want to create a Minecraft Service defining the 
`[Unit],[Service],&[Install]`. Then reloaded our systemctl daemon via `sudo systemctl daemon-reload`. Then made sure our service will start our service via `sudo systemctl start minecraft`.

For tomorrow -
I really want to work more on Docker Storage and Dockerfile.
Season of Docs-Community Bonding Period, Meeting-1
Published: 2020-08-28 07:07:52

On the *26th of August*, I had an introductory meeting with the mentors with regards to my **Season of Docs project**, i.e Planning and preparing the GUI documentation as well as removing the non-API documentation from the currently existing API documentation and adding it to the newly prepared GUI documentation of SynBioHub.
Currently, the program is in the community bonding phase, which will run till the 14th of September.
The timeline can be found *[here](https://developers.google.com/season-of-docs/docs/timeline)*.
The meeting began with self-introductions and then followed a series of discussions, wherein several points were discussed such as my proficiency with github, github pages,etc.

The following tasks have been assigned to me, which are to be completed before *14th of September*:-
1. Setting up a blog.
2. Sending an introductory Email to the SynBioHub users 
   group.
3. Getting started with ACE docs.
4. Removing the non-API documentation from the API docs and 
   pasting it on to [this](Synbiohub.github.io) repository.
5. Using SynBioHub to get hands-on experience.
6. Going through the API documentation a bit more thoroughly.

The next weekly meeting will take place on *2nd of September*. By the next meeting, I hope to complete the first 3 points and hopefully,I'll start with removing the non-API documentation.
How to Use Excel SIN Function in Office 365? – (with Examples)
Tags: excelfunctions, excelsinfunctioninof
Published: 2020-08-28 12:20:21

---
title: How to Use Excel SIN Function in Office 365? – (with Examples)
published: true
date: 2020-08-28 07:07:06 UTC
tags: ExcelFunctions,ExcelSINFunctioninOf
canonical_url: https://geekexcel.com/how-to-use-excel-sin-function-in-office-365-with-examples/
---

## Excel SIN Function:

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

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


## **SIN Function – Explanation:**

- This function **returns the** **Sine values of the given (angle) radians**.
- To convert the degree value into radians, use **RADIANS(number)** function.
- For example, **RADIANS(0.785)** returns the **sine value as 0.707**

## **Syntax:**

**=SIN(number)**

### Argument Explanation:

**Number ** – The angle in radians to which you need to find the **sine value**.

### Note:

- If the argument is a non-numeric value (letters and special characters) and then it returns **#VALUE!** Error.

## **Examples:**

Here are the examples for your reference.

### Example 1:

- Refer to the below screenshot.
- You can see the degree values in **Column A** , its corresponding radians in **Column B**.
- To convert the degree values into radians, you need to use the following **RADIANS Function** and its syntax is:
- **=RADIANS(degree)**
- The output Sine values are listed in **Column C**.

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

### Example 2:

- To **convert the degrees into a sine value** , use the below formulas.

**=SIN(degree)\*PI()/180** or **=SIN(RADIANS(degree))**

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

### Example 3:

- If the argument is a non-numeric value (letters and special characters) and then it returns **#VALUE!** Error.

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

## **Closure:**

In this tutorial, we guided you to learn the usage of **Excel SIN Function in Office 365** with its syntax, explanation, and examples. Leave your **feedback** in the below comment section. Thanks for visiting **[Geek Excel.](https://geekexcel.com/)** Keep Learning!!

### Keep Reading:

- [How to Use Excel ATAN Function in Office 365? – (with Examples)](https://geekexcel.com/how-to-use-excel-atan-function-in-office-365-with-examples/)
- [How to Use Excel PRODUCT Function in Office 365?](https://geekexcel.com/how-to-use-excel-product-function-in-office-365/)