teleren/devto huggingface dataset:
What are Residential Proxies?
Published: 2021-02-11 11:49:37

The whole purpose of a proxy server is to hide the origin of the request to a particular website.

This routing might be needed because the user might be restricted from accessing the particular website because of the user's geographic location. His/her usage may be over the limit, such as in the cases of web crawling and web scraping.

A proxy server's main job is to route the requests from an IP other than the original one and fetch the data. So it is easy for proxy service providers like us (Proxies API - we are a rotating proxy network) to just spin up a few servers each with its IP and route our customers through them, right? Wrong! Because most of the time, the web servers can quickly 'tell' that the requests are coming from a range typically used by server pool providers like AWS or Digital Ocean. And they can just block the whole range and be done with it.

These types of IPs are called data center IPs, and they tend to get blocked by most major websites.

Now, the webservers in contrasts implicitly trust any IP coming from known IP ranges for prominent ISPs (Internet Service Providers) like AT&T, Vodaphone, etc. You know the kind of IP you are currently using to browse this article.

So having a pool of these genuine, ISP provided, residential IPs at our disposal makes crawling much more reliable and much less likely to get blocked. Remember that just having a residential IP is not enough as too much usage, and it will also get blocked. Such providers like Proxies API provide Rotating Residential Proxy Network with pools for millions of IPs to make web crawlers scale quickly.
LGTM Devlog 39: Planning the story
Tags: devjournal, writing, gamedev
Published: 2021-02-11 11:31:10

Planning out the writing, I would like this chapter to contain a main quest arc, a few short side-quests, and possibly a collection of unrelated side-quests. So Here's what I have so far:

Six main characters, six side-characters, a main quest arc, character exposition quests, side-quests.

![My story plan](https://dev-to-uploads.s3.amazonaws.com/i/uhw2wjz9d3cmc7dybvov.png)

The plan will be to lay out the key points for each of these, before diving into each in detail and writing out the dialogue for them, and implementing any remaining features needed in Python.
Have you heard of the download html attribute?
Tags: html, tutorial
Published: 2021-02-11 11:30:45

The download attribute specifies that the target will be downloaded after a user clicks.
Also, when you set value to download, the file after download will have this name, in my particular example the file will named `Awesome-Company.pdf` after download.

```html
/**
*  download - this is information for breowser that the link will download file
*  value - here you can set name for file
**/
<a href="/uploads/company-info.pdf" download="Awesome-Company" />

```


---
If you like this article, follow me on Twitter [@MaciejDEV](https://twitter.com/MaciejDEV)
Functional programming.js
Tags: programming, javascript, functional
Published: 2021-02-11 11:28:43

---
title: Functional programming.js
published: true
description: Sneak peek into functional programming
tags: #programming #javascript #functionalprogramming
cover_image: https://dev-to-uploads.s3.amazonaws.com/i/9gd9nh2nu59e5aducm0b.png
---

Functional programming it's not a language, It's a paradigm (style of programming).

So what are the perks of functional programming ?

* Immutability (const variable instead of var/let)
* Higher-order functions (functions passed around as variables)
* Recursion (when a function calls itself)

And many more...

When is functional programming usually used

* Data processing
* Serverless
* High-Criticality systems

The best part that i like about it is that it's really consice (short code) and robost compared to oop for instance.

Her's an example of functional programming code

```
function getOdds2(arr){
   return arr.filter(num => num % 2 !== 0)
}
console.log(getOdds2(arr))
// logs [ 1, 3, 5, 7, 9 ]
// this can be even shorter
const getOdds3 = arr => arr.filter(num => num % 2 !== 0)
console.log(getOdds3(arr))
// logs [ 1, 3, 5, 7, 9 ]
```
Want to help the Software Architecture community? 
Tags: architecture
Published: 2021-02-11 11:23:20

We’ve seen how big and overwhelming books on software architecture can be, and readers often express that they’ve found only a section of the book really useful to them.

We’ve been thinking about this a lot and believe that it is possible to develop a book on software architecture that’s concise, yet contains everything a budding architect or even an experienced one would need to know.

We’ve nicknamed the proposition “The Hundred Page Software Architecture Book“, and we’re looking for interested authors to collaborate with us to create this missing guide that will greatly benefit the developer community.

Please feel free to reach out if you’re interested in contributing to this project or do drop in your views on whether you think such a guide will be useful.
Find the Asymmetry
Tags: growth, motivation, risk, career
Published: 2021-03-09 04:51:23

---
title: Find the Asymmetry
published: true
date: 2021-02-11 11:23:01 UTC
tags: growth,motivation,risk,career
canonical_url: https://x-team.com/blog/find-the-asymmetry/
---
We are collectively horrible at calculating risk. Our brains just aren't equipped to deal with risk in the modern sense of the word. Risk is no longer the tusk of an elephant or the claw of a bear, it's buying a mortgage-backed security in 2007 or [stuffing a 64-bit floating variable](https://www.bugsnag.com/blog/bug-day-ariane-5-disaster) into a 16-bit integer.

{% youtube PK_yguLapgA %}<figcaption>A very costly coding error</figcaption>


Calculating risk ultimately means predicting the future by looking at the past. But the past is an unreliable indicator at best. So here's a bold idea. Let's not use risk to make the decisions that navigate us through life. Instead, let's examine decisions in terms of their asymmetry.

Some decisions have much more upside than they have downside. One recent example is [Tesla buying $1.5 billion worth of Bitcoin](https://www.theguardian.com/technology/2021/feb/08/tesla-bitcoin-price-new-high-elon-musk-dogecoin).

- Worst-case scenario? Bitcoin goes to zero and they lose 8% of their liquid assets. Painful, but not life-threatening.
- Best-case scenario? Bitcoin increases in value until who-knows-what-price and Tesla makes a huge amount of money. The upside is almost unlimited.

{% twitter 1359110531387248642 %}

This isn't meant to advocate Bitcoin. It's meant to show an unusual example of a decision that has little downside and enormous upside. Other examples are exercising every day, getting enough sleep, telling your parents you love them, etcetera.

Of course, some decisions have much more downside than they have upside. Yet we still make those decisions. We still drive too fast, even though it could cost our and other people's lives. We still check social media too often, even though [too much screen time](https://x-team.com/blog/ways-to-reduce-screen-time/) is terribly harmful for us.

Throughout life, we frequently arrive at crossroads of important decisions. Don't try and calculate risk. Instead, play it very safe where the downside is high and the upside is low. Play it risky where it's the other way round.
Voltamos à era do das salas de bate-papo
Tags: clubhouse, batepapo, tecnologia, trends
Published: 2021-02-11 11:22:38

Ano de 2020. A Pandemia causada pelo coronavírus altera significativamente a forma com nos relacionamos, acelerando alguns processos e adiantando tendências. 
Reuniões virtuais fazem parte do dia a dia e e vozes ouvidas através de bits transmitidos digitalmente são mais comuns do que vozes presenciais.

Na onda dessa transformação, surge o Clubhouse. Rede social que vai na contramão de grandes sucessos como Instagram e Tiktok. Nessa nova rede, a ostentação e as poses não tem vez. Filtros não fazem a diferença e a câmera do celular se torna praticamente obsoleta. 

Lá o que vale é a voz, a ideia, o conteúdo(quase sempre). Escolhe-se um tema de uma “sala” e, ao entrar, pode-se ouvir pessoas renomadas no ramo ou brilhantes anônimos conversando e expondo suas opiniões sobre diversos assuntos.

O interessante é que esse modelo não é disruptivo ou inovador. Para o pessoal mais “velho”, quem lembra das salas de bate-papo da década de 90? Ou os bate-papo via telefone, onde se ligava para um número para conversar com outras vozes desconhecidas? 

Aquele modelo chegou ao século 21 se aproveitando de toda a infraestrutura disponível através de celulares potentes, redes móveis e mobilidade. A questão é saber se a durabilidade desse modelo, ou dessa rede, será maior do que a dos seus avós do século 20.

Você, curioso leitor, o que acha dessa nova rede social, o Clubhouse? 

Inst. @rbt.rb
Twtr. @_robertto
Cbhs. @robertocunha

Vida longa e próspera 🖖🏾
Benefits of owning the source code of your on-demand taxi booking app
Tags: flutter, dart, tutorial, android
Published: 2021-02-11 11:15:08

Taxi business owners often try to outsource their app development projects. That’s great.

*But what’s the catch?*

Some taxi app development companies never offer complete ownership of the source code.

Isn’t it a trick? [Yes, it is.]

To make it clear, in this article, we’re going to discuss the benefits of owning the complete source code of the taxi booking app.

And, at last, we’re going to see the best taxi app development company that offers 100% source code at extra cost.

Let’s get started.

## So, what is a taxi booking app? [that we’re talking about]


The [on-demand taxi booking application](https://www.rentallscript.com/uber-clone/) is a customizable ready-made software.

It is used by the taxi business owners to facilitate their customers to book a taxi from their smartphones.

The advantages of ready-made taxi apps are,

- Faster time to market
- Easy to customize to the need
- Ability to scale
- Cost-efficient

We have gone through the benefits of ready-made taxi booking apps like Uber. But, what’s source code mean? Why do you want to have complete ownership?

Let’s discuss that in detail.

## Source code:

Every mobile application has a source code. Source code is the set of code written by a programmer to create the application.

Most companies never share this source code with you. So that they can get complete control over you.

You’ve to depend on them to get your changes made on your application.

## The benefits of owning the source code of your ridesharing taxi app:

Having control over the source code of your application has many benefits such as,

- Flexibility to customize the application.
- You can hire other developers to work in the future if you’re not satisfied with the current developers.
- You have the right to claim if someone copies your code.
- Adaptable to the business changes.

To simply put, you can do whatever you want.

## Want to know the Uber-like taxi app development company that offers complete source code?

[RadicalStart](https://www.radicalstart.com/), a tech hub for entrepreneurs who need to kick start their on-demand taxi business.

They’ve worked with 300+ customers around the world. And most importantly, they offer 100% source code to their customers.

They offer a ready-made Uber-like app, Wooberly.

## Wooberly:

Wooberly is the base product with all the necessary features like Uber to run your on-demand taxi business.

You may have a question, ‘Why should I buy Wooberly?’

Here’s the answer,

- Wooberly’s packages come with 100% source code.
- Wooberly is made with the latest technology — Flutter, created by Google.
- Wooberly is suitable for businesses of all sizes.
- Wooberly can be customized to any on-demand service venture.

Want to discuss more about Wooberly? Check out our [website](https://www.rentallscript.com/uber-clone/) or drop us a message on [WhatsApp](https://api.whatsapp.com/send?phone=tel:+919626360033).

Thanks for reading. Cheers!
Expo.ps1 cannot be loaded because running scripts is disabled on this system (Solution)
Published: 2021-02-11 11:14:29

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ld7kregz7u06ncoaurch.PNG)
So, if you see this error don’t worry stay cool you can solve this by following this step
.
Step 1: Open Windows PowerShell with Run as Administrator
.
Step 2: use (Get-ExecutionPolicy) this command on Windows PowerShell to see the execution policy
.
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/buuav5aachd1nt2oe6v3.PNG)
Most probably there you would see (Restricted) this command. So, the main reason-running scripts on this system are Restricted.
.
Step 3: Now we need to change this policy to allow the operation. Use this command to make it Unrestricted
.
Use (Set-ExecutionPolicy Unrestricted) this command
.
here you will get a prompt message and you should press 'Y' to change from Restricted to Unrestricted.
That’s it.
.
To ensure, you may check the execution policy by this
(Get-ExecutionPolicy) command again.
The possible output should be (Unrestricted)
.
The problem is solved. Now you can use the expo start command on your machine.
.
Happy Coding.
osman forhad
Mobile & Web Application Developer💻
developer.osmanforhad@gmail.com
React vs LitElement Tutorials
Published: 2021-02-11 11:10:36

I've spent the last few hours tinkering with the walkthrough tutorials for React and LitElement, which are both used to quickly create web components using JavaScript that work in web pages. Learning to use these tools is great for people who enjoy hands-on learning experiences where they can interact with their lesson to get a better understanding. In this post, I will give my take on each of these tutorials, their flaws and successes, and try to express my opinion on which did its job better in teaching a JavaScript newbie the basics.

First off, the end result of the tutorial: what are you working towards when you start each of these tutorials? In the React tutorial, you are guided through building a simple interactive tic-tac-toe game. In the LitElement tutorial, you aren't really building anything specific, just working through code to see how it affects the output.

After working through both, I cannot really say that one is definitively better than the other. They both have their strengths, and they definitely both have significant weaknesses. I would say that I was able to understand the LitElement tutorial far better than the React one, and I think this has a lot to do with the organization of the two. In LitElement, it's broken up into small sections that are quick and easy to complete, whereas the React tutorial is an absolute behemoth. BUT, and this is a big but, I think the main reason I was able to understand LitElement better than React is because I completed the React tutorial first, and this gave me a lot of information that made the LitElement tutorial extremely easy.

The differences between React and LitElement lie in the difference between a framework and a library. React is a framework, which includes libraries and languages used to create components. LitElement is a library, which is smaller in scale than a framework, and focuses more on helper functions using preexisting code. For this reason, React is much larger in scale than LitElement, which I believe is the reason why LitElement was easier for me to understand after having worked with the React framework. The code is given rather than created with a library, whereas a framework is abstract.

Here's a video going over what I've just explained with some visuals for you to get a better understanding of what I'm referring to with both of these tutorials:
https://youtu.be/wXtfWL2ODAs
Markdown beyond basic standard HTML
Tags: latex, markdown, webdev, rstats
Published: 2021-02-11 10:51:40

![equation](https://user-images.githubusercontent.com/1908863/28227953-eb6eefa4-68a1-11e7-8769-96ea83facf3b.png)

Not only just syntax highlighting in code blocks, or emoji short codes. This can easily be found in

- VSCode or Atom IDE with [Markdown Preview Enhanced](https://shd101wyy.github.io/markdown-preview-enhanced/)
- [RMarkdown](https://bookdown.org/yihui/rmarkdown-cookbook/) in R language
- [GitLab Markdown](https://docs.gitlab.com/ee/user/markdown.html)

## Features I love

- Math equation writing with LaTeX
- CSS preprocessor support (e.g. SCSS, LESS)
- External file imports

Of course, all can be exported to HTML for publishing on the web.
[Learning Notes] Learning to Learn: The Pillars
Tags: learning, zerotomastery
Published: 2021-02-11 10:45:58

Once we know about the principles set down and the lies debunked, it is time to build **The Pillars** of our learning

- ***Everything is a Game***
Set your perspective towards a *growth mindset*. Do not shy away from challenges or obstacles. Instead, take them as chances to earn *bonus EXP*. Remember that you have control over your life. You are Player1 of your life. Player1 can fail as many times as needed, but they all mean moving forward.
- ***Feynman Technique***
This has already been mentioned before. To be able to really understand something, you need to be able to explain it in the simplest terms. Using jargon might make you sound smart to those who don't understand, but you're really just hiding uncertainty.
- ***Trunk-Based Knowledge***
The foundations are always important, and they will always help you more in the long term. Take the chance to gain foundational knowledge over learning the "leaves" at the very beginning. To illustrate, it is better to learn the chords than learning a song.
- ***Efficiency Trumps Grit***
Working smart will always be better than working hard.

At the end of the day, remember to *focus on growth.*
Hack The Box: Emdee five for life
Tags: security, hackthebox, ctf, cybersecurity
Published: 2021-02-11 10:27:24

![mdee five for life](https://dev-to-uploads.s3.amazonaws.com/i/9o90rnyr0sogqfljdq4x.png)

The first challenge under the web and most of the votes are for easy. Let's try it out. 

**CHALLENGE TITLE**: *Emdee five for life*

**CHALLENGE DESCRIPTION**: *Can you encrypt fast enough?*

The only thing that comes to mind after reading the title and description is, [MD5](https://en.wikipedia.org/wiki/MD5). So the task looks pretty easy, all we have to do is encrypt a random string displayed on the website. Then submit the encrypted string.

Head over to [md5.cz](http://www.md5.cz/) to encrypt. 

`oNbzpf0JAXYbMvDTyb8W` --> `5db3c17ae9a5326e66af94741d69858c`

but wait, on submitting the encrypted sting it mocks us *"Too slow!"* 🤨 along with a new string to encrypt. So seems like we have to accomplish this as fast as possible. How about automating the process?

![automation](https://media.giphy.com/media/l1KtYG8BndKBmWrM4/giphy.gif)

and here is the code:

```python
import requests
import hashlib
from bs4 import BeautifulSoup

req=requests.session()
#change URL according to yours
url="http://144.126.196.140:30844/"

get_req=req.get(url)
html=get_req.content

soup = BeautifulSoup(html, 'html.parser')
hash_val=soup.h3.get_text().encode('utf-8')

md5hash=hashlib.md5(hash_val).hexdigest()
data=dict(hash=md5hash)
post_res=req.post(url=url,data=data)
print("flag:",post_res.text)
```

and we have the flag. See you on the next challenge ✌️.
The Breakpoint CSS-JS "Hack" - do not define breakpoints in JS
Tags: css, javascript, breakpoints, typescript
Published: 2021-02-11 10:21:40

This trick is a best practice trick. Knowing that this is a best practice I thought this is a common thing but apparently it is not as widespread as I thought it would be.

So let me share it with you.

## Do not redefine your breakpoints in JavaScript/TypeScript

I am assuming you are using either native CSS or SASS for your development so let's use SASS for my code snippets now.

Assume your breakpoints are defined as follows:

```
mobile => max-width: 599.99px
tablet => min-width: 600px
```

Now what some people do is redefining those values in JS. But you can simply read the current breakpoint directly from CSS. Also you can pass all breakpoints through CSS as Single Source of Truth for UI ♥️

The trick is to use the `:before` in combination with `content` :

```SCSS
@media screen and (max-width: 599.99px) {
  body::before {
   content: "mobile";
  }
}

@media screen and (min-width: 600px) {
  body::before {
   content: "tablet";
  }
}
```

You can access this in JS via `getComputedStyle(document.body, 'before').content` and it would give you e.g. `"mobile"` or `"tablet"` here. So the only thing left to do is to remove the quotes like so:

```JS
const breakpoint = 
  getComputedStyle(
    document.body, 
    'before'
  )
  .content
  .replace(/"/g, '');
```

Now if you want to have all definitions from CSS you could do something like this:

```SCSS
.media-queries::before {
  display: none;
  content: "mobile=(max-width: 599.99px);tablet=(min-width: 600px)";
}
```

Now you can read that content and use actually `matchMedia` or whatever you want but the important part is to always have the Design in CSS and not duplicated in JS.

Here is an actual demo you can check out: 
https://codesandbox.io/s/reading-media-queries-bps-from-css-06zjh?file=/index.html
UberEats Clone - Best Food Delivery Apps
Tags: ubereatsclone, ubereatsclonescript, ubercloneapps
Published: 2021-02-11 10:15:16

Looking for a mobile app development company that specializes in the development of Uber Clone Apps? We are pleased to say that you have arrived at the right place!

Website:- https://www.uberdoo.com/ubereats-clone-script.html
Switch from Firebase auth to Supabase auth, the open-source Firebase alternative
Tags: supabase, firebase, serverless, migration
Published: 2021-02-11 10:14:26

If you’re using Firebase as a authentication service for your application and you’re considering moving over to Supabase, the open-source alternative, this guide helps you walk through the migration.

You can read the guide here:  https://link.medium.com/Ph52LSSPMdb