teleren/devto huggingface dataset:
100DaysOfCode | Day 21, 22
Tags: 100daysofcode, python, beginners, codenewbie
Published: 2020-08-18 12:15:00

▄█ █▀█ █▀█ █▀▄ ▄▀█ █▄█ █▀ █▀█ █▀▀ █▀▀ █▀█ █▀▄ █▀▀
░█ █▄█ █▄█ █▄▀ █▀█ ░█░ ▄█ █▄█ █▀░ █▄▄ █▄█ █▄▀ ██▄

Hey everyone ;)
I wan to share my experience from day 21 and 22 of __100DaysOfCode__ challenge.
2 Days ago I decided to start a new project based on a online video which was from Andrei Negoaie, and my mission was to finish his web scraping tutorial which was so cool!
Actually I wrote some scripts to collect data from _HackerNews_ based on Votes.
I wanted to collect articles which had more than 100 votes.
So it sound like a amazing project cause you don't need to scroll up and down the page to see which one is popular or trended.
I'm so excited to do more and more projects to learn something new every-single day.

Thank you for reading my posts.


Keep Moving Forward __ツ__

Enjoy Your Journey 👊

Code with __💛__

__🅑🅐🅝🅙🅘__
🤦‍♂️ Weekly fail (34/2020)
Tags: fail, lessonslearned, livestream, twitch
Published: 2020-08-18 12:08:55

You would think trying to stream live code of Q and A session would be easy right? No need to do a full dry run ahead of time because what could possibly go wrong? Well I'm here to say I failed last week doing that very thing. You see, streaming on YouTube or Twitch looks easy, as we watch our tech colleagues do it all the time. Making the assumption that "it should just work" is one way to fail spectacularly. And that is the key fail that I did this past week.

I attempted to stream a joint live Q and A session for answering Kentico Xperience development community questions with my good friend. It seemed to have went perfectly well for both him and I, as we had our conversation and answered a few questions on YouTube live for about 45 mins. In fact, I really enjoyed the conversation and thought we provided some good insight on how to ask a development question. I didn't even realize there was a problem until the stream was finished and I took my phone off of silent mode. My phone immediately lit up with about 10 notifications saying "Brian, the sound!, its doubling up and echoing!". The echoing was so bad that the few people watching didn't make it all the way through with us.

*Lesson learned:* **Test your audio/video setup ahead of time, exactly as it should be, even with a second or third guest during that test, and even do a production stream to prove it's working. That way you can be sure not to fail like I did.**
Daily Developer Jokes - Tuesday, Aug 18, 2020
Tags: jokes, dailydeveloperjokes
Published: 2020-08-18 12:00:29

---
title: "Daily Developer Jokes - Tuesday, Aug 18, 2020"
description: "Check out today's daily developer joke! (a project by Fred Adams at xtrp.io)"
series: "Daily Developer Jokes"
cover_image: "https://private.xtrp.io/projects/DailyDeveloperJokes/thumbnail_generator/?date=Tuesday%2C%20Aug%2018%2C%202020"
published: true
tags: #jokes, #dailydeveloperjokes
---

Generated by Daily Developer Jokes, a project by [Fred Adams](https://xtrp.io/) ([@xtrp](https://dev.to/xtrp) on DEV)

___Read about Daily Developer Jokes on [this blog post](https://xtrp.io/blog/2020/01/12/daily-jokes-bot-release/), and check out the [Daily Developer Jokes Website](https://dailydeveloperjokes.github.io/).___
### Today's Joke is...
![Joke Image](https://private.xtrp.io/projects/DailyDeveloperJokes/public_image_server/images/5e12594a73e61.png)

---
*Have a joke idea for a future post? Email ___[xtrp@xtrp.io](mailto:xtrp@xtrp.io)___ with your suggestions!*

*This joke comes from [Dad-Jokes GitHub Repo by Wes Bos](https://github.com/wesbos/dad-jokes) (thank you!), whose owner has given me permission to use this joke with credit.*

<!-- 
Joke text:
___Q:___ Why did the document store go out of business?

___A:___ It had NoSQL.
 -->
Prevent opening of files over existing tabs in VS Code
Tags: vscode, tutorial, productivity
Published: 2020-08-18 11:58:29

## Introduction

Visual Studio Code is an awesome lightweight code editor as we all know it. However, many of us have gone through the situation where when you click or open a file, it opens in one of the existing tabs, replacing the previous file. At a certain point in time, you will get annoyed enough to search through the web looking for an explanation for the same and a way to stop it. Well, look no further.

## The Reasoning and Solution

On a closer look, you can notice that the tab which gets replaced has the tab name in _italics_.

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

That indicates that it is a preview of the file. As there can only be one preview tab, the preview will change if you select another file. This is intentional and delivered by VS Code as a feature to prevent you from opening several tabs when you are just looking around for a particular file.

One way to resolve this is by double-clicking on that tab. This will remove the file from the preview state and stick it on the panel.

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

I know your next question will be, _"But what if I don't want to move my hands from the keyboard? There has got to be a shortcut."_. And there is.

- Select the preview tab
- Press Command + K (Ctrl + K for Windows) and then hit Enter

You're welcome :smile:

Finally, what if one wants to open the files in a new tab every time irrespective of whether they are opened from **Explorer** on the side or **Quick Open**.

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

- Open VS Code Settings
- Search for “enable preview”

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

- Uncheck **Workbench › Editor: Enable Preview** and **Workbench › Editor: Enable Preview From Quick Open**
Convert HTML CSS Code into React App using React Fundamentals Knowledge
Tags: react, javascript, html, css
Published: 2020-08-18 11:52:10

{% youtube X4aIo2mrtz8 %}

Live Demos
HTML/CSS site link:  https://rb.gy/p7emd3
Conveted React App:  https://alidhuniya.github.io/html-css-into-react-app/

Github code:  https://github.com/Alidhuniya/html-css-into-react-app
How to Use Excel Decimal Function in Office 365? – [with Examples]
Tags: exceldecimalfunction, excelfunctions
Published: 2020-08-21 16:58:44

---
title: How to Use Excel Decimal Function in Office 365? – [with Examples]
published: true
date: 2020-08-18 11:37:58 UTC
tags: ExcelDecimalFunction,ExcelFunctions
canonical_url: https://geekexcel.com/how-to-use-excel-decimal-function-in-office-365-with-examples/
---

## Decimal Function in Excel:

In this article, you can understand the **Excel Decimal Function in Office 365** with its syntax, description, 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)

 

## Decimal Function – Explanation:

- This Decimal Function **converts an alpha-numeric number into a decimal value**.
- For example, if we give **F5** (hexadecimal value) as input number, it returns **245**.

## Syntax:

=**DECIMAL(number, radix)**

### Parameter Description:

- **Number** – The input number which contains the alpha-numeric value.
- **Radix** –  The radix or base number to convert the input number based on it.

### Note:

- The input string length must be less than or equal to 255 characters.
- If any of the arguments is an invalid value, it returns the **#NUM!** Or **#VALUE** Error.

## Example:

Let’s see the examples below.

### Example 1:

- In the below screenshot, you can see the Number inputs in **Column B** , radix values in **Column C**.
- The output is listed in **Column D**.

![](https://eadn-wc04-371788.nxedge.io/cdn/wp-content/uploads/2020/08/1-45.png)

### Example 2:

- If any of the arguments is an invalid value, it returns the **#NUM!** Or **#VALUE** Error.
- Kindly, refer to the below screenshot.

![](https://eadn-wc04-371788.nxedge.io/cdn/wp-content/uploads/2020/08/2-31.png)

## Closure:

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

### Keep Reading:

- [How to Use IMPOWER Function in Excel 365? – [with Examples]](https://geekexcel.com/how-to-use-impower-function-in-excel-365-with-examples/)
- [How to Use Excel SHEET Function in Office 365? – {With Examples}](https://geekexcel.com/how-to-use-excel-sheet-function-in-office-365-with-examples/)
How to Use Excel ARABIC Function in Office 365? – {with Examples}
Tags: excelarabicfunctioni, excelfunctions
Published: 2020-08-21 16:59:00

---
title: How to Use Excel ARABIC Function in Office 365? – {with Examples}
published: true
date: 2020-08-18 11:34:18 UTC
tags: ExcelARABICFunctioni,ExcelFunctions
canonical_url: https://geekexcel.com/how-to-use-excel-arabic-function-in-office-365-with-examples/
---

## ARABIC Function Excel:

In this article, you will learn the usage of **Excel ARABIC Function in Office 365 ** with its syntax, description, 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)

 

## **ARABIC – Function Description:**

- This function will **convert a Roman numeral into a number as Arabic numerals**.
- For example, if we give input as “ **V** ” (Roman numeral), it returns **5** (number).

## **Syntax:**

**=ARABIC(roman\_text)**

### Argument Description:

- **roman\_text** – The Roman numeral that you want to convert into Arabic numerals.

### Note:

- If you don’t give the valid input value, this function returns the **#VALUE!** Error.
- If you use an empty string (“”) in the ARABIC function, it returns 0.
- The maximum length of roman\_text is 255 characters.

## **Example:**

### Example 1:

- Let’s see the below example to understand how this function works.
- You can see the Roman numerals in **Column A** , and it’s equivalent Arabic numerals in **Column B**.

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

- See some **Roman numerals** and their corresponding **Arabic numerals**.
- **I** – 1
- **II** – 2
- **III** – 3
- **IV** – 4
- **V** – 5
- **X** – 10
- **L** – 50
- **C** – 100
- **D** – 500
- **M** – 1000

### Example 2:

- If you use an empty string (“”) in the ARABIC function, it returns 0.

![](https://eadn-wc04-371788.nxedge.io/cdn/wp-content/uploads/2020/08/2-29.png)

### Example 3:

- If the input is not a valid value, this function returns the **#VALUE!** Error.

![](https://eadn-wc04-371788.nxedge.io/cdn/wp-content/uploads/2020/08/3-27.png)

## **A Brief Summary:**

In this article, you can understand how to use the **Excel ARABIC Function in Office 365** with its syntax, description, and example. Drop your **feedback** in the comment section. Thanks for visiting **[Geek Excel.](https://geekexcel.com/)** Keep Learning!!

### Read Also:

- [How to Use “COMPLEX Function” in MS Excel 365?](https://geekexcel.com/how-to-use-complex-function-in-ms-excel-365/)
- [How to Use BITOR Function in MS Excel 365? – { with Examples }](https://geekexcel.com/how-to-use-bitor-function-in-ms-excel-365-with-examples/)
How to Remove Leading Zeros From Text String in Excel Office 365?
Tags: kutools, removeleadingzerosin
Published: 2020-08-21 16:59:08

---
title: How to Remove Leading Zeros From Text String in Excel Office 365?
published: true
date: 2020-08-18 11:31:18 UTC
tags: Kutools,RemoveLeadingZerosin
canonical_url: https://geekexcel.com/how-to-remove-leading-zeros-from-text-string-in-excel-office-365/
---

## Remove Leading Zeros From Text String in Excel:

In this post, we are going to learn how to **Remove Leading Zeros From Text String in Excel Office 365** using **Kutools**. 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)

**Note:** [kutools for Excel](https://geekexcel.com/get-kutools-for-ms-excel-2019-2016-2013-2010-2007-office-365/) has more than 120 features which is used to complete the difficult task with several clicks. If you want to use Kutools, you need to install it from Excel’s official website.

 
## Steps to Remove Leading Zeros From Text String in Excel:

Here, we come up with the Kutools function which is **‘Remove Leading Zeros’** option.

- You can use a leading **apostrophe** ( **‘** ) to add leading zeros into the cells, for example: ‘00001.
- **Select the range of cells** in which you want to remove leading zeros.

![](https://eadn-wc04-371788.nxedge.io/cdn/wp-content/uploads/2020/08/1-41.png)

- Next, on the **Kutools** tab, **Select** the **Text** option, then choose the **‘Remove**  **Leading**  **Zeros’** option.

![Choose Remove Leading Zeros](https://eadn-wc04-371788.nxedge.io/cdn/wp-content/uploads/2020/08/2-28.png)<figcaption id="caption-attachment-12018">Choose Remove Leading Zeros</figcaption>

- Now, **Kutools for Excel dialog box** will pop out to tell you how many cells are found to remove the leading zeros.

![](https://eadn-wc04-371788.nxedge.io/cdn/wp-content/uploads/2020/08/3-26.png)

- **Click** the **Ok** button to close this dialog box.
- Finally, the leading zeros have been removed from all the selected cells.

![](https://eadn-wc04-371788.nxedge.io/cdn/wp-content/uploads/2020/08/4-13.png)

## Summary:

In the above article, you can learn the steps to **Remove Leading Zeros in Excel Office 365** with an example. Leave your **feedback** in the comment section. Thanks for visiting **[Geek Excel.](https://geekexcel.com/)** Keep Learning!!

### Read Also:

- [How to Select Multiple Items from the Drop-down Lists in Excel?](https://geekexcel.com/how-to-select-multiple-items-from-the-drop-down-lists-in-excel/)
- [How to Create a Mailing List and Send E-mails in Excel 365?](https://geekexcel.com/how-to-create-mailing-list-and-send-e-mails-in-excel-365/)
Migrating class components to hooks – rules
Tags: react, hooks, migration
Published: 2020-08-18 11:20:01

When transitioning from classes to hooks, there are a few rules:

First, a few changes need to be done in the class component:
- remove as much code as possible from the constructor,
- use `componentDid<Cycle>` instead of unsafe `componentWill<Cycle>`:

Instead of | Use these
-|-
`componentWillMount` | `componentDidMount`
`componentWillReceiveProps` | `componentDidReceiveProps`
`componentWillUpdate` | `componentDidUpdate`

I recommend you to check [react's doc](https://reactjs.org/docs/react-component.html#unsafe_componentwillreceiveprops) if you want more informations on the deprecation of these methods.

Then those are the main hooks you will want to use:
- use one `useState` hook per field in the state,
- use `useEffect` instead of `componentDidMount`, `componentDidReceiveProps`, `componentDidUpdate` and `componentWillUnmount`,
- use local variables instead of attributes / methods.

If those aren't enough, these are the final rules:
- if using local variables isn't possible, use `useCallback` for methods and `useMemo` for attributes,
- use `useRef` for refs or if you need to mutate a method/attribute in different places without triggering a re-render,
- and if you need a `useEffect` that runs synchronously after each render (for specific ui interactions), use `useLayoutEffect`.

---

If you want to see a concrete application of these rules, you can check [this post](https://dev.to/ayc0/migrating-class-components-to-hooks-49hf/) in which I wrote a detailed migration of [react-only](https://www.npmjs.com/package/react-only)
Flutter ImagePicker: Permissões de Câmera e Galeria no iOS
Published: 2020-08-18 11:01:16

Recentemente, o plugin ImagePicker começou a exigir que as permissões de Câmera e Galeria no iOS fossem identificadas. Pra fazer isso, basta adicionar apenas 6 linhas ao seu info.plist, que fica localizado na pasta ios/Runner.

Ao final do arquivo, antes do "< / dict >", cole as 6 linhas, como demonstrado abaixo:
```
    <key>NSPhotoLibraryUsageDescription</key>        // COLE ESTA E AS OUTRAS 5 LINHAS ABAIXO
    <string>Tirar fotos dos contatos.</string>
    <key>NSCameraUsageDescription</key>
    <string>Selecionar uma foto de contato da galeria.</string>
    <key>NSMicrophoneUsageDescription</key>
    <string>Tirar fotos dos contatos.</string>
</dict>  
```
Tell me about your personal dev site/blog
Tags: discuss, writing, webdev
Published: 2020-08-18 11:06:54

I'm looking to re-work my personal dev site to include a blog. Wondering what stack you're using for yours? 

At the moment, I'm considering the following options (but am open to others):
- Gatsby
- React
- Vue
- Headless CMS

Send me all the advice/opinions/tips you have, please. :)
Install Remastersys on Unbuntu 14.04 [Linux] with GUI support
Tags: ubuntu, linux
Published: 2020-08-18 11:05:37

All of you might want to backup your system into a bootable ISO file which can further be used to create your own Linux distro your backup of your system which can used to recover files in case your system crashes.

OS geek like me very frequently shifts from one OS to another and every time we install an OS then we have to reinstall of all the packages and software. Well, there is a remedy to this problem for Ubuntu[Linux] users i.e `Remastersys`.

Remastersys is a free and open-source program for Debian, Ubuntu-based, Linux Mint or derivative software systems that can:
* Create a customized Live CD/Live USB (a remaster) of Debian and its derivatives.
*    Back up an entire system, including user data, to an installable Live CD/DVD.


You can read further about remastersys here  : [https://en.wikipedia.org/wiki/Remastersys](https://en.wikipedia.org/wiki/Remastersys)

Well now it is hard to find remastersys for Ubuntu 14.04/Linux deb package
But the solution shown below works.

# Step 1:
Go to [http://filewatcher.com/](http://filewatcher.com/)

# Step 2:
Now search `remastersys` in the search box

# Step 3:
 Download the following two packages
* `1.` remastersys 3.0.2-1 all.deb

  or

Click the following link [remastersys 3.0.2-1.deb](ftp://ftp4.gwdg.de/pub/linux/easyvdr/mirror/remastersys/ubuntu/remastersys/remastersys_3.0.2-1_all.deb)

 * `2.` [remastersys-gui 3.0.2-1 amd64.deb](ftp://ftp.gwdg.de/pub/linux/easyvdr/mirror/remastersys/ubuntu/remastersys-gui/remastersys-gui_3.0.2-1_amd64.deb)  (for 64 bit systems)

   or

   [remastersys-gui 3.0.2-1 i386.deb](ftp://ftp.gwdg.de/pub/linux/easyvdr/mirror/remastersys/ubuntu/remastersys-gui/remastersys-gui_3.0.2-1_i386.deb)    (for 32 bit systems) as per your system architecture

You can also try other versions for .rpm files if you wish, but one listed here works well.

# Step 4:
Now before you proceed, you need to install `plymouth` on your system, so open terminal and type the following command
```bash
sudo apt-get install plymouth-x11
```

# Step 5:
And now install the above downloaded two packages by clicking on them and select `Open with Ubuntu Software center`

Congrats, you have successfully installed remastersys on your system, now you can backup your system anytime in a bootable iso file.

Click on Ubuntu dash and search `remastersys` and click to open it.
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/bxk0aizkayltb5emwcnv.png)

A working GUI of remastersys looks as follows:
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/notnk0hcyeob6onlbl3c.png)

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/vxyyk83qdwmwo552qegg.png)
How to fix bug-like "Destination directory for file streaming does not exist or is not writable" in WordPress🔥
Tags: beginners, showdev, wordpress, database
Published: 2020-08-18 11:05:17

##Unexpected WordPress Issues
WordPress as free open CMS can surprise you anytime and you may found out while trying to update plugins that you are not able to do that anymore. 

##Plugin Update Error
If you receive a message while pressing the Update button as <strong>"Destination directory for file streaming does not exist or is not writable"</strong> you may be quite surprised. Stay calm, you don't need to be a big research hero. All you need to do is this quick fix mentioned hereunder.

<img src="https://dev-to-uploads.s3.amazonaws.com/i/o9n2zexcq3qy5yb09yl6.png"/>

##Fixing This Issue
Go to root of your WordPress installation directory and look for <i>wp-config.php</i> file. Open it for next editation and at the top of the file, you will find something like this.

<div class="crayons-article__body text-styles spec__body" data-article-id="108808" id="article-body">

```
   * @package WordPress
   */
  // ** MySQL settings - You can get this info from your web host ** //
  /** The name of the database for WordPress */
```
</div>

##Just Paste This Code
Just grab this line of code hereunder and paste it in the middle of <strong>@package</strong> and <strong>** MySQL settings</strong> lines.

```
  define('WP_TEMP_DIR', ABSPATH . 'wp-content/');
```

##Final Wp-Config
So the final file may look like this.

```
   * @package WordPress
   */
  define('WP_TEMP_DIR', ABSPATH . 'wp-content/');
  // ** MySQL settings - You can get this info from your web 
  host ** //
  /** The name of the database for WordPress */
```

##Plugin Update Passed
Save it and then after you may found out your desired message after updating a plugin looks like this.

<img src="https://dev-to-uploads.s3.amazonaws.com/i/ezyysytqz4q14sp8zm23.png"/>

No need for sleepless nights looking for a plugin update error fix. Happy WordPressing with your future projects.

Thanks to [Stephen Phillips](https://unsplash.com/@hostreviews?utm_source=unsplash&utm_medium=referral&utm_content=CreditCopyTextGratitude) for the cover image from Unsplash.
Benefits of Choosing Magento Extensions in 2020

Tags: hiremagentodevelopers, magentodevelopmentservices, magento2migrationservices
Published: 2020-08-18 11:02:26

Opting for the Magento extension will help in making your eCommerce store attractive and functional. Besides, it also improves your conversion rates. They act as great supporters of an eCommerce store. These Magento extensions hold power to make or break your eCommerce business.

The Magento extensions can be availed from the Magento marketplace or can also be customized by the Magento Development Company.

Learn More:- http://magento2migratedeveloper.over-blog.com/2020/08/benefits-of-choosing-magento-extensions-in-2020.html