teleren/devto huggingface dataset:
I built a web scraping companion tool to instantly make any scrapers scalable and unblockable
Tags: webscraping, scrapingtools
Published: 2021-09-20 18:05:29


Over the years of web scraping for many clients, and over billions of pages scraped at [DataHen](https://www.datahen.com), I realized that we kept on doing the same things over and over again with regards to scalability, unblockability and [general problems that web scraping typically face](https://github.com/DataHenHQ/till#problems-with-web-scraping).

So, I built [Till](https://github.com/DataHenHQ/till), a companion tool that integrates with any scraper in 5 minutes, without much code changes.

It works as a man-in-the-middle proxy, that your scraper can connect to. 
![How Till Works](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/y5yqrmhh96o62gg63op0.png)

All you need to do is connect to Till via the proxy protocol, and Till handles things such as:
- User agent generation and randomization
- Proxy IP randomization
- Cookie management
- HTTP Caching
- HTTP Request interceptions
- Sticky Sessions
- Request Logging

When you use Till, you don't need to build many of the repetitive logics required to scale and unblock scrapers, you can simply focus on the main scraping steps/tasks itself.

Let me know of any feedback, or comments etc.
Here is the [Github link](https://github.com/DataHenHQ/till). Please give it a star, if you find it useful.
And here is the [product link](https://till.datahen.com)

Thanks
Some fun with the 'this' keyword in javascript.
Tags: javascript
Published: 2021-09-20 18:01:59

Today we are simply talking about simple and tricky things in javascript, which is called this keyword.' this' keyword is relative with the object. And what is the value of the 'this' keyword, it depend on where is called. Inside an object method, it returns this object. But remember only working within the object method not any object property. otherwise, it is not inside any object its return window object or undefined.If we are use it in a strick mode in a function its return undefine.Arrow function can not working with this keyword.
```javascript 
example 1: 
console.log(this) // this is return window object
example 2: 
function show(){
console.log(this) 
}
example 3:
const data = {
user: 'David',
age: 23,
doAction:function(){
console.log(this.user) // 'David'
}}
data.doAction();
```
Object.create(person); This is help to you for understand more
support : thapa technical
What do you use for CI/CD ?
Tags: devops, development, watercooler, discuss
Published: 2021-09-20 17:59:02

Hi everyone!

I'm really curious what you and/or your company uses for CI/CD (and why, if you happen to know why the current solution was chosen over something else), whether it's one tool or a mix to cover the full process.
Are you using the tools provided by your VCS provider (Bitbucket / Github / Gitlab), Cloud provider (Azure Devops, Google Cloudbuild ...), the classics (Jenkins / Spinnaker), the Cloud Native bunch (Argo, Tekton, JenkinsX, Flux), plain old bash/Python scripts ... you name it (and please name it!)
I created an e-book about developer job searching - Get a free sample!
Tags: career, showdev
Published: 2021-09-20 17:13:54

---
title: I created an e-book about developer job searching - Get a free sample!
published: true
description: Developer Job Searching: The Not So Technical Parts is the resource I wish I had when I started searching for developer jobs. It includes everything that I have learned since I started learning how to code 5 years ago.
tags: career, showdev
cover_image: https://dev-to-uploads.s3.amazonaws.com/uploads/articles/k1ab5q8zdp1fs6das0oh.png
---

**Developer Job Searching: The Not So Technical Parts** is the resource I wish I had when I started searching for developer jobs.

It includes **everything that I have learned about job searching** since I started learning how to code 5 years ago.

**It launches tomorrow!**

You can get a free sample here: https://eddyvinck.gumroad.com/l/pSKPZ

If you like it, you can still save 40% by pre-ordering here: https://eddyvinck.gumroad.com/l/developer-job-searching/pre-sale

![e-book cover image](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/o73odgefz4md7sgrwbwz.png)

As a pre-order, the e-book costs just **$11.40**, and the Complete Package costs only **$21**.

Tomorrow, after the launch, the e-book will be **$19**, and the Complete Package will be **$35**.

**Save 40%:**

[![I want this e-book!](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/1xifa0u5rezzlioyj5i7.png)](https://eddyvinck.gumroad.com/l/developer-job-searching/pre-sale)
Python String isalpha()
Tags: python, programming, codenewbie, tutorial
Published: 2021-09-21 06:52:31

---
title: Python String isalpha()
published: true
date: 2021-09-20 17:04:44 UTC
tags: #python #programming #codenewbie #tutorial
canonical_url: https://itsmycode.com/python-string-isalpha/
---

ItsMyCode |

Python string **`isalpha()`** method is mainly used to check if the string is the alphabet or not. The **`isalpha()`** method returns true if all the characters in the string are alphabets. Otherwise, it returns false.

## Python String isalpha()

**Syntax – string.isalpha()**

**Parameters – ** None

**Return Value – ** Returns True if all the characters in the string are alphabets; otherwise, it returns false.

**Valid Alphabets**

ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz

Example 1 – Let’s take a look at few use cases of **`isalpha()`** method.

```python 
# Valid alphabet
text1= "HelloWorld"
print(text1.isalpha())

# contains whitespace
text2 = "Hello World"
print(text2.isalpha())

# contains Special Character
text3 = "HelloWorld!!"
print(text3.isalpha())

# contains Alphanumeric
text3 = "Hello123"
print(text3.isalpha())
```

**Output**

```python 
True
False
False
False
```

Example 2 – A practical example of the **`isalpha()`** method to check if the entered username is a valid alphabet or not.

```python 
username = input("Choose a username:")

if username.isalnum() == True:
	print("The entered username is ", username)
else:
	print("Please enter a valid usernameSrin.")
```

**Output**

```python 
Choose a username:ItsMycode
The entered username is ItsMycode
```

The post [Python String isalpha()](https://itsmycode.com/python-string-isalpha/) appeared first on [ItsMyCode](https://itsmycode.com).
Creating a Phoenix 1.6 application with asdf
Tags: elixir, phoenix, asdf, beginners
Published: 2021-09-20 17:00:47

---
title: Creating a Phoenix 1.6 application with asdf
published: true
description: 
tags: elixir, phoenix, asdf, beginners
//cover_image: https://direct_url_to_image.jpg
canonical_url: https://blog.miguelcoba.com/creating-a-phoenix-16-application-with-asdf
series: Deploying Elixir
---

The easiest way to create a new [Phoenix Framework](https://www.phoenixframework.org) application:

## 1. Install asdf

[Install asdf](https://asdf-vm.com)

## 2. Install plugins

```console
asdf plugin-add erlang
asdf plugin-add elixir
```

## 3. Install dependencies

```console
asdf install erlang 24.1.2
asdf global erlang 24.1.2
asdf install elixir 1.12.3-otp-24
asdf global elixir 1.12.3-otp-24
```

## 4. Install Phoenix

```console
mix local.rebar --force
mix local.hex --force
mix archive.install hex phx_new 1.6.0 --force
```

## 5. Create the Phoenix application

```console
mix phx.new saturn --install
```

## 6. Create DB and run application

```console
cd saturn
mix ecto.create
mix phx.server
```

## 7. Visit your Phoenix LiveDashboard

Open http://localhost:4000/dashboard

![Phoenix LiveDashboard](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/oym6cegsbun3tahdd1gy.png)

Done.

## About

I'm [Miguel Cobá](https://miguelcoba.com). I write about Elixir, Elm, Software Development, and eBook writing.

- Follow me on [Twitter](https://twitter.com/MiguelCoba_)
- Subscribe to my [newsletter](https://newsletter.miguelcoba.com)
- Read all my articles on my [blog](https://blog.miguelcoba.com)
- Get my books:
    - [100 Elixir Tips](https://store.miguelcoba.com/l/100elixirtips) [FREE]
    - [Deploying Elixir](https://store.miguelcoba.com/l/deployingelixir) [FREE]
    - [Deploying Elixir: Advanced Topics](https://store.miguelcoba.com/l/advancedtopics)
    - [eBook Writing Workflow for Developers](https://store.miguelcoba.com/l/ebookwriting)
Make screenshot of website with device frame in Chrome
Tags: technology, tutorials, chrome, chromedevtools
Published: 2021-10-06 12:38:05

---
title: Make screenshot of website with device frame in Chrome
published: true
date: 2021-09-20 17:00:00 UTC
tags: Technology,Tutorials,chrome,chromedevtools
canonical_url: 
---

 ![show-device-frame](https://www.panayiotisgeorgiou.net/wp-content/uploads/2021/06/show-device-frame.png)

All modern browsers offer mobile emulation tools, and one of the best can be found in Chrome. The post will show you how to Make screenshot of website with device frame in Chrome. It is very useful for developers to check how their web sites look on smartphones and small screen devices.

Here what you need to do:

1. Start Chrome, navigate to the web page you want to test and open the  **Developer Tools**    
(Menu > Tools > Developer Tools, <kbd>Cmd</kbd> + <kbd>Opt</kbd> + <kbd>I</kbd> on macOS or <kbd>F12</kbd> / <kbd>Ctrl</kbd> + <kbd>Shift</kbd> + <kbd>I</kbd> on Windows and Linux).

2. Click the mobile device emulator button to switch the Developer Tools mode

![](https://www.panayiotisgeorgiou.net/wp-content/uploads/2021/06/switch-developer-tools-1-1024x351.png)

3. Show device frame

![show-device-frame](https://www.panayiotisgeorgiou.net/wp-content/uploads/2021/06/show-device-frame-1024x461.png)

4. Select device to emulate

![](https://www.panayiotisgeorgiou.net/wp-content/uploads/2021/06/select-device-1-1024x437.png)

The drop-down menu on the left allows you to select a device. Several dozen presets are provided for popular smart phones and tablets, including iPhones, iPads, Kindles, Nexus tablets, Samsung Galaxy, and so on.

Not all devices are presented at once. Click  **Edit…**  at the bottom of the device drop-down or click the DevTools  **Settings**

[![](https://lh3.googleusercontent.com/aYbdIM1abwyVSUZLDKoE0CDZGRhlkpsaPOg9tNnBktUQYsXflwknnOn2Ge1Yr7rImGk=w300)](https://www.instagram.com/panayiotisgeorgiou)

[Follow me on Instagram](https://www.instagram.com/panayiotisgeorgiou)

![😉](https://s.w.org/images/core/emoji/13.0.0/svg/1f609.svg)   **That’s it for now. **

If you liked this article, then please subscribe to my [YouTube Channel](https://www.youtube.com/c/PanayiotisGeorgiou?sub_confirmation=1) for video tutorials.

You can also find me on [Twitter](http://twitter.com/panay_georgiou) and [Facebook](https://www.facebook.com/panayiotisgeorgiou.net).

The post [Make screenshot of website with device frame in Chrome](https://www.panayiotisgeorgiou.net/make-screenshot-of-website-with-device-frame-in-chrome/) appeared first on [Panayiotis Georgiou](https://www.panayiotisgeorgiou.net).
Create a Netflix clone from Scratch: JavaScript PHP + MySQL Day 56
Tags: php, javascript, webdev, tutorial
Published: 2021-09-20 16:21:54

Netflix provides streaming movies and TV shows to over 75 million subscribers across
the globe. Customers can watch as many shows/ movies as they want as long as they are
connected to the internet for a monthly subscription fee of about ten dollars. Netflix produces
original content and also pays for the rights to stream feature films and shows.


In this video,we will be  Creating the Season Class
{% youtube wNeQolBOKc8 %}



If you like my work, please consider
[![Buy me a coffee](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/jm11knj7d8zwcvo150q2.png)](https://www.buymeacoffee.com/cglikpo)
so that I can bring more projects, more articles for you

If you want to learn more about Web Development, feel free to [follow me on Youtube!](https://www.youtube.com/c/ChristopherGlikpo)
Introduction to Testing React Components
Tags: react, javascript, testing, tutorial
Published: 2021-09-20 16:16:52

In this tutorial we learn how to test a react application using a library called Testing Library. Not only do we learn the basics of testing a react component we also do some test driven development (TDD).

Testing library is a great testing library with a simple philosophy of black box testing an application and does not use internal information like react state or props. This leads to simpler and cleaner tests.

If you enjoy my videos subscribe to my youtube channel Coding With Adam 

{% youtube bHvsXYziW1E %}
Your Manager Should Solve Your Metaproblems
Tags: podcast, jokes, management, career
Published: 2021-09-20 15:51:17

Najla Elmachtoub says that one key to being an engineering manager is "solving metaproblems" for engineers. I have no idea what that means, but it sounds correct!

Check out our episode that dropped today!

{% spotify spotify:episode:6O08yiVvMdqHKnY5OSFcva%}
A funny rap song about dealing with dates and times
Tags: showdev, culture, programming
Published: 2021-09-20 15:43:35

---
title: A funny rap song about dealing with dates and times
published: true
description: https://www.youtube.com/watch?v=D_-9ZxVqq8Q
tags: #showdev, #culture, #programming
---

https://www.youtube.com/watch?v=D_-9ZxVqq8Q

Background on the project: I'm a full time programmer and I love making rap music. I see a lot of humor in the profession/industry, and thought it would be fun to combine the two.
TIL: NPM | Automatically update package.json dependencies
Tags: todayilearned, vue, npm
Published: 2021-09-20 15:42:48

## Story

During chore update of my [vue-ts template](https://github.com/imomaliev/vue-ts) dependencies (to learn more about it, read [here](https://dev.to/imomaliev/series/13845)) I was doing usual npm "upgrade" steps.

1. Run `npm update` to automatically update my packages to the latest versions
   From docs:
    > This command will update all the packages listed to the latest version (specified by the tag config), respecting the semver constraints of both your package and its dependencies (if they also require the same package).
1. Run `npm outdated` - to see what could be still updated.

`npm update` - only updates `package-lock.json` and does not change `package.json`. I started searching for a way to automatically update my dependencies in `package.json` file as well.

## Question

How to automatically update `package.json` dependencies' versions?

## Answer

Quick searching pointed me to [this stackoverflow post](https://stackoverflow.com/questions/16073603/how-to-update-each-dependency-in-package-json-to-the-latest-version), where one of the answers suggested using [npm-check-updates](https://www.npmjs.com/package/npm-check-updates) tool.

1. `npm -g install npm-check-updates`
1. `ncu` to see outdated versions or `ncu --upgrade` to update the `package.json`.

## Links

-   https://github.com/imomaliev/vue-ts
-   https://stackoverflow.com/questions/16073603/how-to-update-each-dependency-in-package-json-to-the-latest-version
-   https://www.npmjs.com/package/npm-check-updates
How to Push and Remove Item from List Array with Dart
Tags: flutter, darklang
Published: 2021-09-20 15:36:03

To add or push item into the list array in dart:

```Dart
List<String> strings = [];

strings.add("Nepal");
strings.add("India");
strings.add("United State of America");
strings.add("China");
strings.add("Canada");
```

To remove item from the list array in dart:

```Dart
strings.removeWhere((str){
    return str == "Nepal";
}); //go through the loop and match content to delete from list
```
You can look at this Flutter example as well to learn [how to add or remove element from Modal list array in Flutter App.](https://www.fluttercampus.com/guide/111/flutter-dart-how-to-add-and-remove-item-from-modal-list-array/)

In this way you can add or remove item from list array in Dart and Flutter.
CyberSoc | Cyber Detective CTF 
Tags: cybersoc, cyberdetectivectf, ctf, osintctf
Published: 2021-09-20 15:04:58

Cyber Detective CTF is an OSINT-focussed CTF created by the Cyber Society at Cardiff University. There are 40 challenges across 3 streams : General Knowledge, Life Online and Evidence Investigation.
Link to the Website : https://ctf.cybersoc.wales/challenges

Stream : General Knowledge 

* spy

OSINT....
Its an acronym you might have heard before, but what could it mean?

Ans : Open Source Intelligence


* hush

It keeps all of your private information safe as it swirls through the internet, what does HTTPS stand for?

Ans: Hypertext Transfer Protocol Secure


* ported

Your computer gives a 'port' to applications that need to access a network. What is the port number of HTTPS?

Ans : 443


* sluggish

A third of the internet is vulnerable to it [sorry Apache :-( ].
Its an attack on web servers which requires minimal bandwidth but can bring a server to its knees by opening loads of connections and keeping them alive with tiny amounts of data.
What is it called?
Hint: the name of a certain animal is a part of the word.

Ans : Slowloris


* wifilock

Your wifi box at home uses it to stop nosy neighbors from trying to steal your internet connection so they don't have to pay for their own.
It can even stop someone from parking outside your house and hoovering up all of that sensitive data flying through the air.
Its the worlds most popular way to protect a wireless access point, but what acronym is it known by?

Ans : WPA2


* fishy

It can sniff anything travelling along a wire. Mouse clicks. Keyboard taps. Your password. Your credit card number. That message you didn't want anyone to see...
The worlds most popular protocol analyser. What's it called?

Ans : Wireshark


* iknowyourname

It is a website which allows you to view a worldwide map of wireless access points / wifi routers.
They can be filtered by name, the time of capture and more.
What is the name of this online service?

Ans : Wigle


* urlsafe

It is a way of taking binary data and turning it into text so that it's more easily transmitted in things like e-mail and HTML form data.
It's a textual encoding of binary data where the resultant text has nothing but letters, numbers and the symbols "+", "/" and "=".
It turns hello*world# into aGVsbG8qd29ybGQj
What is the name of this encoding method?

Ans : base64


* outinthestreets

Its the tool by one of the world's largest tech firms which lets you see what its like to stand on the streets anywhere on planet Earth... yet we bet the first place you looked at was your own house.
What is this tool called?

Ans : Google Streetview


* bleepbloop

Its a globally recognized way of broadcasting SOS. It can manifest as flashes of light, beeping, knocking, writing and more in order to broadcast individual letters which are joined together by the recipient to make meaningful sentences.
.... . .-.. .-.. ---
What is the name of this particular code?

Ans : Morse
Objetos
Tags: javascript, objects
Published: 2021-09-20 14:35:27

## Definição

Objetos são "super variáveis" que guardam uma chave (propriedade) e um valor. O objeto apareceu no minha primeira publicação (Tipos de Dados Primitivos), que vou deixar o ***link*** aqui.

{% link https://dev.to/ananopaisdojavascript/tipos-de-dados-primitivos-540d %}

```javascript
let carro = {
		modelo: 'gol',
		cor: 'vermelho',
		acelerar(){
			console.log('Acelerando...');
		},
		frear(){
			console.log('Freando');
		},
};
```

## Acessando as propriedades

Podemos acessar as propriedades de um objeto por ponto ou por colchetes.

### Notação de ponto

```javascript
carro.modelo
```

### Notação de colchetes

```javascript
carro['modelo']
```

## Alterar o valor de uma propriedade

Podemos alterar o valor de uma propriedade, usamos o operador de atribuição `=`.

```javascript
carro.modelo = 'brasilia';
```

## Adicionar uma nova propriedade

Podemos também incluir uma nova propriedade ao objeto.

```javascript
carro.ano = '1980';
console.log(carro['ano']);
```

## Excluir uma propriedade

Podemos também excluir uma propriedade com o operador `delete`.

```javascript
delete carro.ano;
```

E aí? Gostaram? Até a próxima anotação! 😊
Digital Clock Using HTML, CSS & JS.
Tags: html, css, javascript, clock
Published: 2021-09-20 14:27:18

##Source Code:
<br><br>
#HTML:
```html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>JS Digital Clock</title>
</head>
<body>
    <div id="clock">
        <h1 id="time">

        </h1>
    </div>
    
</body>
</html>
```
<br><br>
#CSS Code:
```css
 *{
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }
        #clock{
            height: 20vh;
            width: 40vw;
            background-color: rgb(125, 202, 202);
            position: fixed;
            margin: auto;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            text-align: center;
            box-shadow: 8px 8px 16px #cddce1,
                        -8px -8px 16px #cddce1;
        }
        h1{
            font-size: 90px;
            font-family: sans-serif;
            text-align: center;
            margin-top: 15px;
            text-shadow: 4px 3px 0 #fff, 9px 8px 0 rgba(0, 0, 0, 0.15);
        }
```

<br><br>
#JavaScript Code:
```js
   var myVar=setInterval(myTimer, 1000);
    function myTimer(){
        var a=new Date();
        document.getElementById("time").innerHTML=a.toLocaleTimeString();
    }
```
<br><br>
##Find Me On:
<br>
<a href="https://www.facebook.com/technicalvandar" terget="_blank">Facebook</a>
<a href="https://www.youtube.com/technicalvandar" terget="_blank">Youtube</a>
<a href="https://github.com/Technical-Vandar-885/" terget="_blank">Github</a>
How to Install and Use Fira Code Font - VSCode on Ubuntu
Tags: vscode, ubuntu, firacode, tooling
Published: 2021-09-20 14:24:52

But what are **font ligatures**?  Developers use a lot of sequencial symbols in programming, for example: **=>** , **<=**  and **!==**. The font ligatures will basically transform visuallly this multiple characteres into just one, they will have a different look, maybe more beautiful than the normal look of the separated symbols.

If you prefer a video tutorial, I created that on Youtube, this is the [link](https://www.youtube.com/watch?v=_Y2Yy7YYIsA).

## Installing the Font

In the most recent Ubuntu versions the Fira Code font is included in the official repository, you can just install using the command below:

```bash
sudo apt install fonts-firacode
```

## Follow the Next 4 Steps To Set Fira Code on VSCode

1. Open the command pallet with the shortcut “**ctrl + shift + p**”.
2. Search for “**Preferences: Open Settings (JSON)”** and open it.
3. Add the following properties in the JSON file:
   ```json
   "editor.fontFamily": "'Fira Code'",
   "editor.fontLigatures": true
   ```

Restart the editor. Now, your VSCode is using the Fira Code font.