teleren/devto huggingface dataset:
Facts about Web Scraping
Tags: programming, scrapin, datascience, python
Published: 2022-05-09 19:56:47

**Data science has become a crucial technology in today's business.**

Web scraping is one of the essential parts of data source for data science. Here is some point on the facts about web scraping.
1. Web scraping means pulling data from the internet on a database with the help of a bot. If you are just copy-pasting, it won't be called web scraping.

2. Although our intuitions say that web scraping is illegal, it is legal to scrape publically available data. See the article https://tinyurl.com/2hbrjcwm. Although if the data is behind the login page, it might be unlawful to scrape.

3. There are two types of ways you can do web scraping. One is by coding, which is free, and the second is by using third party web scraping services. We use both of them equally.

4. Most common programming language used is python. And the packages that are primarily used are BeautifulSoup, requests, scrapy etc.

5. The most used tools are ParseHub, OctoParse, Scraper API, etc. They all have unique features and different price points.

6. Although web scraping is excellent, there are some challenges. Bot access, IP blocking, Captcha, Honeypot traps, Login requirement, and Dynamic content, to name a few, are the challenges that have to be mitigated for smooth scraping.

If you like this writing, please give a follow.
Four reasons, how perfectly clean office can boost productivity
Tags: general, productivity, mentalhealth, help
Published: 2022-05-09 19:52:15

The place we stay all day impacts our mental health way more than we admit. The clean and organized office makes us more constructive, productive and positive.

According to an article in [Psychology Today](https://www.psychologytoday.com/us/blog/fulfillment-any-age/201705/5-reasons-why-clutter-disrupts-mental-health) , chaos, bad hygiene and disorganization can lead to stress and can significantly reduce our decision making. In this kind of environment, people are feeling unsettled, unproductive and this can even affect the persuasion toward the company itself.

It doesn’t matter if you work from home, or the office. It is equally important to have that tidy space and boost your creativity.

I can give you four reasons why you want to spend a few minutes before work, to clean your desk and room.

## You become happier

You spend around eight to nine hours in this place. Do you really want it to be a mess?

You should consider it and treat it as a second home and have to keep it as clean as possible. Spend some effort to organize it well.

Cleaner windows, for example, allow more light to enter the room and that alone can boost the hormones responsible for [happiness - serotonin](https://www.fhcsl.com/sunshine-and-happiness-5-reasons-to-go-outside/). 

We can safely assume that a clean office boosts motivation and increases our energy.

## Boost creativity

A lot of people call the mess around them a creativity chaos. But despite this belief, it actually hurt the artistic side of the brain.

Concentration is also extremely dependent on that, so take all items that you don’t use at the moment away and keep it minimal.


## Reduce stress

According to research by [San Francisco State University](https://news.sfsu.edu/contrary-expectations-life-experiences-better-use-money-material-items) people who spend money on life experiences rather than physical items are way happier.

As [Ilya Pozin](https://www.forbes.com/sites/ilyapozin/2016/03/03/the-secret-to-happiness-spend-money-on-experiences-not-things/?sh=285ba1339a63) says it

> The thrill of purchasing things fades quickly but the joy and memories of experiences, from epic adventures to minute encounters, can last a lifetime

Owning and putting too many items could make you more nervous and keep you distracted.

I can give personal experience. After I renovated the room, I worked in and throwed almost everything beside what I really needed.. My productivity improved and I feel way better.

Take a look around you and ask yourself, if you really need all of this..

## Health

Desk chaos also stores a lot of dust, which could really increase health issues. That alone and stress could lead to a lot of health problems and conditions like higher blood pressure, hearth problems, increased weight and a lot more.

## Conclusion

Encourage yourself and keep a minimalistic environment around you. Your own mental and physical health will thank you.

In a sense, a clean space can make you money and lead to a better life in general!
Everybody is a developer
Tags: webdev, beginners, programming, discuss
Published: 2022-05-09 19:44:41

If you are able to write as much code as necessary to print "hello world" in a terminal, you are a developer.
We've all encountered at some point apps that we deemed useless. Not the purpose of the app, not its importance in that moment of our lives when we installed it, it is the uselessness of the app when we attempt to employ it for the advertised functionality of the app and that functionality simply isn't there. And I also am not aiming at crash-prone apps, this is about apps that open just fine, stay on the screen fine as long as you are trying to use them but do not provide you with the functionality they were advertised to provide and that made you install the app on your personal device.
I was recently forced to use an app from that Big Time Telecom Inc to open a new type of account for the purpose of transferring my old account to this new type, with the accompanying new benefits. Advertised functionality, better than the old one, let's get it. Here opens a data collecting form asking for contact information of the primary owner. Fine, so I enter the required info and instantly get refused "this info is not of the required type of account". The required type is the type I wanted to transfer to. But I can't transfer without opening the new type of account first. But I can't open that new type of account because my old type isn't the new type. **Somebody got paid to write this nonsensical code. Somebody over there got paid to write this dysfunction. If those people that wrote that app call themselves developers, then anybody and everybody is a developer.** Grandma and her toddler grandchildren? Yep, developers! Teenagers at the mall? Developers they are!
Generate TypeScript Declaration Files for JavaScript Files
Tags: development, javascript, typescript
Published: 2022-05-09 19:44:17

---
title: Generate TypeScript Declaration Files for JavaScript Files
date: 2020-05-06 19:00 UTC
tags: development,javascript,typescript
canonical_url: https://hkamran.com/article/generate-typescript-declarations-js-files
published: true
cover_image: https://i.imgur.com/nKR3Fb9.png
description: Here's the way you can generate TypeScript declaration files for your JavaScript project
---

I've been moving a few [utilities](https://github.com/hkamran80/utilities-js) that I use in multiple projects to npm libraries. But I needed an easy, reliable way to generate TypeScript declarations, since I primarily use TypeScript.

1. Open your project and ensure you have a `package.json`

2. Install the `typescript` library as a development dependency
    &nbsp;
    - With `pnpm`: `pnpm i -D typescript`
    - With `npm`: `npm i -D typescript`
    - With `yarn`: `yarn add typescript -D`

3. Add [JSDoc tags](https://jsdoc.app/) to your functions, variables, classes, etc.

    For example, here's a snippet from [one of my utilities](https://www.npmjs.com/package/@hkamran/utility-web):
    ```javascript
/**
* Apply classes that result in a true condition
* @param {string[]} classes
* @returns A list of classes
*
* @example
* classNames("block truncate", selected ? "font-medium" : "font-normal")
*/
export const classNames = (...classes) => {
    return classes.filter(Boolean).join(" ");
};
    ```
    &nbsp;

4. Add the [`prepare` script](https://docs.npmjs.com/cli/v8/using-npm/scripts#life-cycle-scripts) (or whichever one you want to use) to the `scripts` object in `package.json`

    For example, mine looks like this:
    ```json
"scripts": {
    "prepare": "tsc --declaration --emitDeclarationOnly --allowJs index.js"
},
    ```
    &nbsp;

    This command runs `tsc`, the TypeScript compiler, and tells it to only generate `.d.ts` files (declaration files). Be sure to replace `index.js` with your JavaScript files.

    The `prepare` script runs before a npm package is packed (typically with `npm publish` or `npm pack`, or the equivalents with other package managers).

5. Run your npm script
   &nbsp;
   - With `pnpm`: `pnpm prepare` or `pnpm run prepare`
   - With `npm`: `npm run prepare`
   - With `yarn`: `yarn run prepare`

Using the `classNames` function above, the TypeScript compiler generated the following declaration:
```typescript
export function classNames(...classes: string[]): string;
```

If you have any questions, send a tweet my way. I hope that this guide comes in handy for you, thanks for reading!
Have you checked out this podcast by #aws gametech? 🎙️
Tags: aws, gamedev, gametech, devops
Published: 2022-05-09 19:39:21

Watch 🖥️ to learn how #aws provision tools 🛰️ for developers  💻 to build games 🎮 for millions of players. check out the below link to learn more about AWS gametech  👇👇👇👇
https://lnkd.in/dCf-fNWm



 https://lnkd.in/d2Fgf5kJ
6 Tips for Recording Screencasts Like a Pro
Tags: webdev, rails, beginners, tutorial
Published: 2022-05-09 19:38:24

When I decided to start making screencasts I couldn't find great information on how to go about it and what software to use. 

Here are 6 of the most important tips to get started creating screencasts. 

Most of my examples show how to record your screen on Mac OS, but the general tips should apply no matter what platform you are using.

{% youtube vS5GOnHkEoU %}
Framework for Crafting the Perfect Question to ask at the end of your Technical Interview
Tags: beginners, career, programming, discuss
Published: 2022-05-09 19:25:48

**Takeaway:** Don’t ask lazy questions, always prepare questions for your interviews.

Asking your interviewer questions at the end of the interview is a great way to leave them with a memorable impression of who you are. Most people waste this opportunity by asking basic, uninteresting questions. When you are trying to get a job at a competitive workplace you need to stand out as much as possible.

---

I can’t tell you how many interviews I’ve conducted at Facebook where the question portion interview goes like this:

> Interviewer(Me): “We are almost out of time, do you have any questions for me?”
> 
> 
> Interviewee: “How do you like working at FB?”
> 
> Interviewer(Me): «Regurgitates the same response I’ve given during 5 other interviews that week about how the money, food, and culture are great.»
> 

## How to ask good questions

Luckily there is a simple formula for asking great questions that leave your interviewer with a positive view of who you are. It requires a little preparation before the interview, but it’s 100% worth it.

1. Humanize - Introduce some humanizing quality about yourself (Be careful not to sound braggy here!)
2. Connect - Connect your humanizing quality to the company
3. Ask - Ask a relevant question that forces the interviewer to think

Example:

1. Humanize - I love working on projects that help combat climate change.
2. Connect - I know Google has committed to be [“24-7 carbon-free” as a company](https://www.cnbc.com/2021/07/23/meeting-googles-climate-change-goals-stresses-out-ceo-sundar-pichai.html)
3. Ask - Have you been a part of, or seen any, initiatives at Google that have had a positive impact on the planet?

Follow this simple formula and your interviewer will walk away with a lasting impression of who you are. Don’t ask lazy questions.

## Join the community

Hackpack is the most hyperactive group of engineers studying for programming interviews. [Apply here!](https://www.hackpack.io/)

[Big Tech Interview Tips Newsletter](https://fangprep.substack.com/)
Pigshell - Pixel Image Filter
Tags: appwritehack, react, webdev, javascript
Published: 2022-05-09 19:24:36

[Instructions]: # (To submit to the Appwrite Hackathon on DEV, please fill out all sections.)


### Overview of My Submission
Pigshell is an image to Pixel filter application. It lets you convert your ordinary images to something techy - a character based Pixel filter.
[Matrix revolutions](https://www.imdb.com/title/tt0242653/) was one of the most anticipated movies of 2022. And who doesn't like their pictures like this : 
<img src="https://media.giphy.com/media/MC6eSuC3yypCU/giphy.gif"/>

Pigshell is not able to do the above yet, but soon it would. These cool effects from the movie inspired me to built this, along with studying Image Processing in my current year in college. 

I used canvas and some Image Processing methods to figure out a way to convert normal images to characters based on their intensity values. 


### Submission Category: 

🧙‍♂️ Web2 Wizards


### Link to Code

{% embed https://github.com/thevinitgupta/Pigshell %}


### Additional Resources / Info
I loved participating in the Hackathon. Also, since it's my first Hackathon, I would like to thank Appwrite for this great opportunity. There is much work left in the development of Pigshell and I would continue with it. 

## Screenshots/demo videos!

Following is a Demo video for Pigshell : 

{% embed https://youtu.be/za4d1Mo_XcA %}
Solution for “Waiting for this message this may take a while” On Whatsapp
Tags: webdev, beginners, productivity
Published: 2022-05-09 19:10:30


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/93onee5mwlrd9zntwn2y.jpg)
Recently when I opened my WhatsApp and I was checking unread messages. At that time I noticed the error message “[Waiting for this message. This may take a while. Learn more](https://www.indiantechhunter.in/fix-waiting-for-this-message-error-whatsapp/).” which was sent by one of my friends.

So later I searched for this query but later I found that issue vanished after some sort of time. But in an emergency, you should not wait and thus we are here to help you out to solve this issue.

Many sites will suggest you a temporary solution for this but I will try to give you long-term real solutions for this issue, so keep reading this post till the end to know about it.

First of all, let’s know what this issue is.

What is “Waiting for this message. This may take a while. Learn more.” Issue?
Actually, this error happens because of WhatsApp encrypted messages feature. When a person sends a particular message it is then encrypted and sent to the receiver with a public key. The public key only allows reading the message by the receiver, no other person can read that encrypted message in middle.

When this message is received by the receiver then it is decrypted with help of a private key, and then that particular message is shown to the receiver.

The root cause of this error is an encrypting-decrypting and the private key. Either the Sender or receiver gets out of misconfiguration due to many reasons which result in this error and in the end receiver is not able to see the particular message.

## **Reasons for this issue**
There are multiple reasons for this issue which may be,

**1. Reinstall WhatsApp**
If the sender or receiver has recently uninstalled his WhatsApp and reinstalled it then his old key is deleted which was usually used to decrypt the messages. In the end, the receiver ends with this issue.

**2. Change to new Phone**
This case is very similar to the first one. When the user shifts to a new smartphone then the key which was used before doesn’t exist in the new smartphone.

**3. Clear Chat**
If the user clears his old chats then keys associated with those chats are deleted and when any person related to that chat try to send a new message then this error is shown and to solve these errors keep reading this post.
Rising Remote working culture for software developers
Tags: remote, programming
Published: 2022-05-09 19:08:26

Working remotely as a software developer can have many benefits, including increased productivity, greater flexibility, more time for personal projects, and much more.

In this post, we are going to discuss seven benefits of taking on remote work as a software developer:

[7 Benefits of working remotely?](https://xyzdevs.medium.com/7-benefits-of-working-remotely-as-a-software-developer-a5b656b24688)
Create a NOW page
Tags: now, nowpage, beginners, portfolio
Published: 2022-05-09 19:07:49

Hi, let me introduce you to my “**NOW”** page which was inspired by [Oscar Domínguez](https://www.oscardominguez.dev/now) who was also inspired by [Gergely Orosz](https://blog.pragmaticengineer.com/now/). 😀

**You can find the page here: [https://blog.zt4ff.dev/now](https://blog.zt4ff.dev/now)**

If you are also inspired by this, you can create your using whatsoever platform and share them in the comments.

Also, I met Oscar on the [Ayivel](https://aviyel.com/) (an awesome community around open source) Discord Server.

To join the Aviyel community and also be able to contribute to cool open-source projects, register using this [link](https://aviyel.com/). Everyone of different skills and levels is welcomed and important.
Jupyter Notebook Shortcuts that you must know!
Tags: python, programming, productivity, beginners
Published: 2022-05-09 18:19:15

Hey guys! Hope you're doing well.

From today we'll be embarking on this journey of data analytics. We'll begin with Data Analysis using Python.

There are many tools available that we can use for coding Python but the most easy to understand and beginner friendly tool is **Jupyter Notebook**.

Let's discuss some shortcuts of Jupyter Notebook that helps you become more productive.

In Jupyter Notebook, we broadly have two types of cells as shown below:

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/odzznkittr07oljzm9cr.png)

In the code cell we write the code, execute it and get some output like this


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/a2ek9gs7uyptmmk0mc8x.png)

In the markdown cell, we can add description about the code. Adding description always helps a third person to understand our code. This is how a markdown cell looks like.


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/x7y0btkrqguke2d75pfr.png)

Here we have some tricks to play with these markdown cells.

1. If you want to convert a code cell to a markdown cell.
   _Esc+M_

2. If we want to convert any cell to code cell.
   _Esc+Y_

3. If we want to delete a cell.
   _Esc+D+D_

4. If we want to insert a new cell above a given cell.
   _Esc+A_

5. If we want to insert a new cell below a given cell.
   _Esc+B_

6. If we want to give headings then we use #<heading>
   _# for the largest heading_
   _## for less larger heading_
   and so on.
 
These were the shortcuts that can save you some time and make you feel more professional. 

Stay Tuned for more such content and make sure that you follow us and don't miss out on the Data Analytics series.
So funktioniert der Elementor Popup Builder - How-to
Tags: wordpress, elementor, popup, wordpressplugins
Published: 2022-05-10 15:03:24

---
title: So funktioniert der Elementor Popup Builder - How-to
published: true
date: 2022-05-09 19:04:05 UTC
tags: WordPress,elementor,popup,WordPressPlugins
canonical_url: https://bloggerpilot.com/elementor-popup-builder/
---

![Elementor Pop-up Builder Anleitung](https://bloggerpilot.com/wp-content/uploads/2022/05/elementor-popup-builder.png)

Meine Elementor Popup Builder Anleitung. Vom Erstellen des ersten eigenen...

Der Original-Artikel erschien auf [So funktioniert der Elementor Popup Builder - How-to](https://bloggerpilot.com/elementor-popup-builder/).

Der Elementor Popup Builder ist für WordPress-Nutzer verfügbar, die das Erstellen von Seiten für ihre Beiträge vereinfachen möchten. Anstatt separate Seitentypen zu erstellen, kannst du mit dem Elementor Popup Builder eine Kopf-, Seiten- oder Fußzeile erstellen, die Elemente des Page Builders verwendet. Der Builder bietet eine große Flexibilität und du kannst damit Seiten für jedes WordPress-Theme erstellen.

1. Der Elementor Popup Builder ist ein Drag-and-Drop-Builder, mit dem du Popups und Landing Pages erstellen, sie an deine E-Mail-Liste senden und die Ergebnisse deiner Popup-Kampagne verfolgen kannst.

2. Der Elementor Popup Builder.  

3. Der Elementor Popup Builder funktioniert in WordPress und den anderen Page Builder Plugins von Elementor.

4. Der Elementor Popup Builder funktioniert mit einer Vielzahl von Themes.

6 Elementor Pop-up-Typen helfen dir, besondere Webseiten zu erstellen. Zu den 6 Elementor-Pop-up-Typen gehören Modal, Slider, Karussell, Tabs, Karussell und Wunschliste.

Werkzeuge zum Bearbeiten und Anpassen eines Elementor-Pop-ups

Popups sind modale Boxen, die plötzlich auf deiner Website erscheinen. Sie können auf Benutzeraktionen reagieren. Wenn du zum Beispiel auf ein Popup klickst, hast du die Möglichkeit, es zu schließen. Popups können auch ausgelöst werden, wenn du nach oben oder unten scrollst.

Zusammenfassend lässt sich sagen, dass alle Pop-up-Typen Anpassungsoptionen für Farbe, Bild, Inhalt, Schaltflächen und Animation haben. Alle Pop-up-Typen haben eine Schaltfläche zum Schließen. Alle Pop-up-Typen haben Einstellungsseiten. Pop-ups erfordern eine Internetverbindung und können in einigen Fällen blockiert oder auf bestimmten Geräten gesperrt werden.
How to Fix ERROR in Plugin 'react' was conflicted between 'package.json' and 'eslint-config-react-app'?
Published: 2022-05-09 19:02:20

---
title: How to Fix ERROR in Plugin 'react' was conflicted between 'package.json' and 'eslint-config-react-app'?
published: true
description: Fix ERROR in Plugin 'react' was conflicted between 'package.json' and 'eslint-config-react-app'
tags: 
cover_image: https://dev-to-uploads.s3.amazonaws.com/uploads/articles/yhcuzs75rm52ozd4xdeh.png
---
If you're seeing the error message "Plugin 'react' was conflicted between 'package.json' and 'eslint-config-react-app'" then it's likely that you have a conflict in your project's dependencies.
**There are a few ways to resolve this problem: **
## Solution 1: Check the DIRECTORY name
Make sure the directory name is **not capitalized**. For example, the directory name "Reactapp/REACTAPP/React-app" will throw this error, but "reactapp/react-app" will not. Sometimes casing may cause issues. 
## Solution 2: downgrade to version 6.
If you're using yarn, you can **downgrade **to version 6.8.0 of the eslint-config-react-app package by running the following command:
yarn add --dev eslint-config-react-app@6.
## Solution 3: Save the package.json file
If you're using a package manager other than yarn, you can try saving your project's package.json file **(ctrl + s)** and running the command again.
## Solution 4: Uninstall eslint-config-react-app and reinstall it.
If the above solutions don't work, you can try uninstalling eslint-config-react-app and reinstalling it: 
yarn remove eslint-config-react-app 
yarn add --dev eslint-config-react-app
## Solution 5: Remove the conflict from your project's dependencies.
If you're still seeing the error, it's likely that there is a conflict in your project's dependencies. You can try removing the conflicting dependency from your package.json file and running the command again.   

If you're still seeing this error after trying these steps, please file a bug report at https://github.com/eslint/eslint/issues. Include your project's dependencies and versions, as well as your ESLint configuration.

Originally this post is added on my hashnode profile first and here is the link https://atifriaz.hashnode.dev/how-to-fix-error-in-plugin-react-was-conflicted-between-packagejson-and-eslint-config-react-app

 Thanks!
How do colors plays important role in UI/UX development?
Tags: css, ux, uiweekly, javascript
Published: 2022-05-09 18:56:48


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/mwbvacxnvx85xygomzys.png)[https://www.customui.codes/2022/05/how-do-colors-plays-important-role-in.html](https://www.customui.codes/2022/05/how-do-colors-plays-important-role-in.html)