teleren/devto huggingface dataset:
Python Jobs Summary in July, 6th
Published: 2021-07-06 17:36:41

---
title: Python Jobs Summary in July, 6th
published: true
description: Here are the job posts from the past week.
tags: 
//cover_image: https://direct_url_to_image.jpg
---

 - Software Engineer (Crawling/Reverse Engineering) - Argyle at Remote - https://pyjobs.com.br/job/software-engineer-crawlingreverse-engineering-argyle-df70f55d

 - Desenvolvedor Backend Python / Django / GraphQL - Gedanken at Home Office - https://pyjobs.com.br/job/desenvolvedor-backend-python-django-graphql-gedanken-9a2c4b91

 - Desenvolvedor Python Pleno/Sênior (Remoto) - Retake at Remoto - https://pyjobs.com.br/job/oportunidades-abertas-para-desenvolvedores-python-plenosenior-remoto-empresa-retake-recuperadora-de-credito-bc996c46

 - Backend Developer (FastAPI + MongoDB) - ChatGuru at Remote - https://pyjobs.com.br/job/backend-developer-fastapi-mongodb-chatguru-30047de2

 - Desenvolvedora Python (Vaga afirmativa para mulheres) - Luiza Labs at Remote - https://pyjobs.com.br/job/desenvolvedora-python-vaga-afirmativa-para-mulheres-luiza-labs-f5894239

 - Software Engineer (Frontend & Backend) - S28 Capital at Remote - https://pyjobs.com.br/job/software-engineer-frontend-backend-s28-capital-is-an-early-stage-venture-capital-firm-in-san-francisco-we-were-ctos-and-operators-for-the-last-10-years-before-getting-into-investing-and-4fbf8cc9
JavaScript Proto and Prototype ⚙️
Tags: javascript, react, beginners, devops
Published: 2021-07-06 17:16:35

## Table Of Contents
  * [Introduction](#1)
  * [What is Proto?](#2)
  * [Conclusion](#3)

### Introduction <a name="1"></a>

Javascript can be described as a prototype-based language. This stems from an object's ability to have a prototype object, which allows them to inherit features from one another. You can read more about this in the [MDN Web Docs](https://developer.mozilla.org/en-US/docs/Learn/JavaScript/Objects/Object_prototypes).

But if you've ever looked at an arrary in your console, you may notice _____proto_____, what exactly is that? 

### What is Proto? <a name="2"></a>

_If you don't already, open up your browser console. Now, create an empty array ([]). After you create the array, expand it using the **>** icon. Viola! You will see the **__proto__** attribute._

```
[]
length: 0
__proto__: Array(0) // <--- Here it is!
length: 0
constructor: ƒ Array()
concat: ƒ concat()
```

It does not matter how you create your array, you'll always find the proto attribute. 

```
let example = [1,2,3,4,5]

example
(5) [1, 2, 3, 4, 5]
0: 1
1: 2
2: 3
3: 4
4: 5
length: 5
__proto__: Array(0) <-- woah! There it is again!
```

Every time we construct a new array, it uses the Array constrcutor, so proto looks for an array blueprint. It references all properties and methods from that blueprint. If you type _Array.prototype_, you'll see same method list as the one above.

__Proto__ is Javascript's way to reference to the original prototype. And this applies to any react object!

Let's try out another example...

```
Object.prototype

{constructor: ƒ, __defineGetter__: ƒ, __defineSetter__: ƒ, hasOwnProperty: ƒ, __lookupGetter__: ƒ, …}
```
Boom! All the methods and properties. 

## Adding to prototype

Believe it or not, you can actually add your own methods to the Array blueprint.

```
Array.prototype.phrase = () => console.log("I like math")
```

Now any existing array will have this phrase method, including the example array we just created:

```
(5) [1, 2, 3, 4, 5]
0: 1
1: 2
2: 3
3: 4
4: 5
length: 5
__proto__: Array(0)
phrase: () => console.log("I like math") <--- Magic.
```
If you were to call the phrase method...
```
example.phrase() // "I love math"
```

### Conclusion <a name="3"></a>

1. Everything in javascript references methods/properties from its blueprint.
2. You can add and modify prototype features in the blueprint.
3. Proto references the original blueprint's prototype features.

While there is more to dig into, this covers the basics of Javascript prototype and what it has to offer. Thanks for reading!
Deploy a React App to GitHub Pages
Tags: github, devops, react, deploy
Published: 2021-07-06 16:45:05

Let's deploy react application on GitHub by using GitHub Pages.

## Prerequisites
You need to have Node, yarn, and npm installed on your machine. To check if they are installed, open up a terminal window and type the following:

```
npm -v
yarn -v
node -v
```

If these commands print out a version number in the terminal, you are good to go. If not, you need to go ahead and install what is missing.

- Node (contains npm)
- Yarn

Am assuming you already have a GitHub account. if not create [one](https://github.com/)

Let's start.

---

## Create a project
To create a project, you need to type the following in the terminal:

```
npx create-react-app my-react-app
```

Once the operation finishes, you will have a boilerplate React project, ready to go. To see if it works properly run the command:

```
cd my-react-app
```

and run below command

`yarn start` or `npm start`

If everything runs properly, you will see a message in the terminal that says that your application is running on a local server at this address: http://localhost:3000

Your project is ready to deploy.

---

## Deploy Project to GitHub
In order for us to be able to upload our built application to GitHub Pages, we first need to install the [gh-pages](https://www.npmjs.com/package/gh-pages) package.

```
yarn add gh-pages
```

OR

```
npm install gh-pages --save-dev
```

This package will help us to deploy our code to the `gh-pages` branch which will be used to host our application on GitHub Pages.

To allow us to use the `gh-pages` package properly, we need to add two keys into scripts value in the `package.json` file:

```
"scripts": {
    "predeploy": "npm run build", 
    "deploy": "gh-pages -d build"
  }
```

Next, we need to modify our `package.json` file by adding the `homepage` field

```
{
  "homepage": "https://<username>.github.io/my-react-app/",
}
```

Replace `<username>` with your own `username`.

> This is URL of your hosted app.

### All Set!!! We are ready to go

To deploy our application, type the following in the terminal:

```
npm run deploy
```

Running the command above takes care of building your application and pushing it to a branch called `gh-pages`, which GitHub uses to link with GitHub Pages.

Woohoo!!!!! 🥳
---

Access the link `https://<username>.github.io/my-react-app/`

**Note: It can take few hours to publish for the first time.**


> <Happy Code />
Origin Story
Tags: northcoders, codenewbie, beginners, javascript
Published: 2021-07-06 16:41:08

# About me
I'm a creative person, but not a great writer - so bear with me!  

# Pre-coding  

I come from a family where everyone is in IT and I hated the idea when I was a kid. I ended up in recruitment and sales in the IT industry and surely enough found myself really enjoying working with developers and learning what went on behind the scenes technically!

I found myself in a love-hate relationship with many of my jobs, never quite knowing what I actually wanted to do outside of sales, but knowing it wasn't a sustainable career for me.

For me, like many others, the pandemic left me unable to find a job in my industry. After a year of soul searching, it was serendipity that led me to code.

# Finding the bootcamp

 My partner mentioned that his company had hired a couple of developers out of Northcoders. Suddenly, everything clicked and I knew what I had to do!
windy 0.7.8 is out!
Tags: react, tailwindcss, showdev, javascript
Published: 2021-07-06 16:37:02

windy🌪️ is a React UI Kit powered by Tailwind CSS

## New Components
Avatar https://windy-docs.vercel.app/docs/components/avatar
Loader https://windy-docs.vercel.app/docs/components/loader
Table https://windy-docs.vercel.app/docs/components/table

## Other
Fixing, optimizing and little ehnacment in Modal and Dropdown

I'm working hard to improve windy so every feedback is important. 👨‍💻 Let me know 🔥🙏
The 7 Most Popular DEV Posts from the Past Week
Tags: top7
Published: 2021-07-06 16:26:21

---
title: The 7 Most Popular DEV Posts from the Past Week
published: true
description: A round up of the most-read and most-loved contributions from the community this past week.
tags: icymi
cover_image: https://thepracticaldev.s3.amazonaws.com/i/sfwcvweirpf2qka2lg2b.png
---
_Every Tuesday we round up the previous week's top posts based on traffic, engagement, and a hint of editorial curation. The typical week starts on Monday and ends on Sunday, but don't worry, we take into account posts that are published later in the week._ 


## Don't Bury the Lede

Ok, so the title above IS kind of burying the lede of this fantastic article. In it, @jmfayard shares many learnings from four years (!!!) or writing on DEV. Onne of them is, you guessed it, "don't bury the lede of your article." Read on for many great writing, life, and DEV lessons.

{% link https://dev.to/jmfayard/20-lessons-i-ve-learned-writing-on-dev-for-4-years-4nk3 %}

## Squash Your Git Squash Confusion

@pb is here to help you get over the fear of messing up others' commits _and_ get comfortable with squashing commits.

{% link https://dev.to/pb/git-squash-simplified-3ba1 %}
 
##  GraphQL is Like Pizza 

Yep, you read that right. Find out how why @shrutikapoor08 likes to compare GraphQL and REST to different types of pizza places. 🤤 

{% link https://dev.to/shrutikapoor08/what-is-graphql-hj5 %}


##  Design is Intelligence Made Visible

That's why it's important to have at least a basic understanding of product design as a developer. @flaque is here to help!

{% link https://dev.to/flaque/how-to-make-your-product-look-good-h5j %}

## You Are a Creative. Showcase it with CSS!

@andrewbaisden says that creating CSS art is one of the best ways to improve your front-end programming skills as a developer — of all levels! Here's how you can get started...


{% link https://dev.to/andrewbaisden/how-creating-css-art-can-make-you-a-better-developer-4cd5 %}

##  The Whys and Whats of Testing

As @pat_the99 writes, "Test Driven Development (TDD)'s main idea is to simply start working on code by writing automated tests BEFORE writing the code that is being tested." Pretty useful, no? In this article, Patricia helps us understand JavaScript TDD through the lens of Jest in particular.  

{% link https://dev.to/pat_the99/basics-of-javascript-test-driven-development-tdd-with-jest-o3c %}


## You're Invited... 
... to @kharouk's book club — which just might help you land your next job! First up? "Eloquent JavaScript" by Marijn Haverbeke 📚  

{% link https://dev.to/kharouk/book-club-eloquent-javascript-chapter-one-5c0d %}



_That's it for our weekly wrap up! Keep an eye on dev.to this week for daily content and discussions...and if you miss anything, we'll be sure to recap it next Tuesday!_
Why Chatwoot is Unique

Tags: chatwoot, technology, customersupport, tools
Published: 2021-07-06 16:17:19


The world of technology is one of the most dynamic entities today. Why? We keep on hearing innovations and inventions every once in a while. This leads to an evolutionary reaction where everything from transport to communication keeps on changing for the better.

The field of customer support has been undergoing constant changes since its inception, all thanks to technology. We all have memories of when customer support was more of a cat and mouse game between agents and clients. Back in the day, customer support was a one-sided affair where the company chose when to serve its clients (usually between 9-5 EST).

Perhaps the source of modern customer support can be traced to the invention of the telephone in 1876. Why? The phone meant customers no longer needed to travel long distances for product information or repairs. Since then, customer service and support have undergone numerous changes to be what we see today.

Suppose you wanted to contact a company of your choice today regarding an inquiry on a specific product. Chances are you will get numerous channels to reach service agents. Furthermore, the communication is likely to be prompt and efficient. This is a giant leap compared to what customer service was, say, a decade ago. So what has made this possible? It all boils down to the invention of efficient customer support tools.

Customer support tools are platforms that act as a bridge between the agent and the client.

These platforms’ importance has increased in recent years due to the evolution of customer satisfaction. To put this into context, a recent survey by Hubspot suggests that 93% of clients are likely to make repeat purchases with vendors that offer top customer service.

One of the most efficient customer support tools trusted by more than 1000 companies today is Chatwoot. An open-source project, the platform allows you to connect all your channels and instantly start receiving messages from your clients. So, are you ready to dive into the world of customer support with Chatwoot? Take a read at https://aviyel.com/post/232/why-chatwoot-is-unique!
Best Practices To Follow While Creating Classes In Python
Tags: python, oop, programming, productivity
Published: 2021-07-06 16:16:07

Object-Oriented Programming Is a programming paradigm based on the concepts of classes and objects. The Concept of oop First Introduced in 1967. The First-ever programming language that has the primary features of OOP is Simula Created by Alan Kay.
A Class in oop Works as a blueprint for the object. if we define a car as a class then different brands or types of cars will be objects.

## Why OOP?
You Might Have a question in mind why do I need oop? what’s the need of creating it? Why it is used so much?
* OOP Makes it so much easy to maintain and update existing code.
* It provides code reusability.
* Works Best With Real-Life Problems.
* Have a Modular Structure.
* Easy to debug.
* In comparison to others (functional or structural), it is much faster and more efficient to use.

## Best Practices For OOP
### 1. Use Inheritance Instead of redefining variables
Inheritance is one of the four pillars of OOP. It is the process by which one class inherits the properties of another class. The Class that inherits properties from another class is called child and the other one is called the Parent class.

Let’s Take a scenario, You have a `Employee` class that has parameters like name, age, experience, salary. Then You have other classes Like `Developers` and `Designers` that contains the information related to the particular field.

Now If You Don’t Use Inheritance then you have to define the name, age, experience, salary parameters for each class separately
![Bad Code Example](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/uv83aurq8pdbknulj0sv.png)

The Above Code Looks Messy and shows a bad representation. Inheritance can help us to reduce the code and make it look more readable and professional.

In Python, to inherit a class, we use `Child_class(Parent_class)` it at the time of defining the class. The `super()` method helps a child class to access the members of the parent class. `Developers` class accesses `name`, `age`, `exp`, and `salary` information from the parent class. Let’s see how inheritance reduce the size of the code —
[Read More](https://medium.com/pythoneers/best-practices-to-follow-while-creating-classes-in-python-4497bc8535dc)
Elastic File System (EFS)
Tags: aws, beginners, cloud, devops
Published: 2021-07-06 05:09:57

Let us learn about a third type storage EFS. This is kind of storage that is a network file system. The main advantage of this service is that it can mount over 100's of EC2 instances across multiple availability zones. All these EC2 instances will see the same files as in our EFS volume.

Lets see all the advantages of EFS system:-

* Can be mounted our 100's of Ec2 instances
* Is automatically scalable, you only pay for what you are using like if you use 2GB of storage you only pay for that
* Its available across multiple AZ, regions

Disadvantages of using EFS: 
1. Its very costly
2. It only works with Linux instances

To get around the cost aspect AWS has provisioned another type EFS which provides up to 92% saving over our EFS volumes and its called EFS -IA by IA they mean infrequent access. To use this you just have to setup a policy to when to move files from EFS standard to EFS-IA. In this files are moved to a different storage class when they are accessed very rarely and can be accessed in the same way as normal files. If the file is accessed again then its again moved to standard class of storage. This provides a lot of flexibility in using EFS. 

Next we will study about  a windows file system called Amazon FSx.
Lessons Learned from Programming at Google - Part 2
Tags: programming, codequality, engineers, culture
Published: 2021-07-06 16:04:18

The second and final episode of [Dev Interrupted](https://devinterrupted.com/podcast/lessons-learned-from-programming-at-google-part-2/)’s two- part series with Senior Google Staff Engineers Hyrum Wright and Titus Winters has premiered. 

If you haven't listened to their [first episode](https://open.spotify.com/episode/2r5ZD46J8mueaopwBlYJs6?si=4n1h9t74T2ih9Qaw7U1NGQ&dl_branch=1&nd=1), we highly recommend checking it out. Both guests bring a deep understanding of software engineering to the show: Hyrum is semi-famous as the "Hyrum" of Hyrum's Law; while Titus is responsible for managing 250 million lines of code and over 12,000 developers.

#**Listen to the full episode**
{% spotify spotify:episode:2Von8WmDaDIDlXfNPFezqu %}

#**Part 2 Highlights Include:**
* Constraints in life and in systems
* Shift left culture and whether it has gone too far
* The problem with hyphens 
* Engineering culture at Google and why it's so important


#**Join the Dev Interrupted Discord Server**
With over 1200 members, the Dev Interrupted Discord Community is the best place for Engineering Leaders to engage in daily conversation. No sales people allowed. [Join the community >>](https://discord.gg/tpkmwM6c3g)
![Join the Dev Interrupted Discord Community!](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/19j3dzgz4r4kzav3w6z8.png)
How to Deep dive in Programing
Tags: programming, productivity, codequality, codenewbie
Published: 2021-07-06 15:51:06

# How to Deep dive in Programing or other things
if you learn any things. if yor learn web development or machin leanring or dsa or any programing then make sure to go deep dive decause goind deep dive is very important.
```
// step: 1
console.log("going Deep dive")
```
## How to go deep dive 
first we know what the meaning of deep dive. deep dive is the going to edge of this topic let's imagin you learn vim text Editor if you don't know vim command you then you not using vim so first learn vim command and when we learn vim then go to the under the vim

Long story short: when you watch a cooking video on yt then you are not a chef when you cook this resipe then you are a chef, but when we watch the video then we things haah! it's easy but when we make then it's hard so don't overthiking just do it

so how to deep dive: when you learn any thing then make sure not learn so many things in once. let you learn web development then complete the whole course no looking any where, like: you learn java and you watch python code and you think it's easy i learn python. don't do this at all

Moral: learn one technology in once time complete and then go to other
## What do i get form going deep dive
once you complete the one course then you feeling good and you get many skill. 
```
// step: 2
console.log("you earn many things")

```
Going Deep dive is a good habits. if you are a developer then your are life time learner, so you have a skill of going deep dive it's greate

moral: you earn so many things to get going deep dive.
## Is deep dive is a skill
maybe, because consistency is greate thing don't be over thinging or panic about it when you get consisteny then you get how to deep dive into a subject or anything 

## ok tell me about deep dive
Deep dive: even to take pearl, one has to go under the sea.
one has to go down to the ground to get a diamond.
so you want a skill so goind deep dive in the subject

#Thanks for reading
- your friend Hari om singh
24 time management tips for students
Tags: todayilearned, management, time, students
Published: 2021-07-06 15:46:43

1. The goal of realization
2. Make a daily plan
3. Keep your agenda.
4. Your curriculum and priorities are ready.
5. Set your time limit.
6. Demanding work in priority.
7. Learn to outsource.
8. Configure your setting place.
9. Ignore buffer time tasks and other tasks.
10. Go offline on social media
11. Do not multitask.
12. Break Management.
13. Don't wait for inspiration to do your work now.
14. Follow 80-20 rules
15. Use the online calendar.
16. Create a TODO list.
17. Don't hang on to small things.
18. Use your waiting time.
19. The rest day is Saturday or Sunday.
20. Stop pretending to be perfect.
21. Say No
22. Be inspired.
23. Do the same thing together.
24. Sleep Well.

All Topic Explanation : https://rb.gy/kyhmwd
How to setup and use DynamoDb Locally - Free
Tags: dynamodb, aws, docker
Published: 2021-07-06 15:41:54

Did you know DynamoDB from AWS has a locally downloadable version which you can install on your local machine and use for development and testing purposes.

As a newbie to AWS, I was unable to find any comprehensive guide on how to setup and use DynamoDB locally. So without further ado, let's start.

## Download the DynamoDB Local (Downloadable Version)
There are 3 ways you can download:
1. Standalone `jar` file
2. Using `Docker`
3. Using an `Apache Maven`

I'm using Docker for this tutorial, for instructions on other 2 ways, visit this official [AWS site](https://docs.aws.amazon.com/amazondynamodb/latest/developerguide/DynamoDBLocal.DownloadingAndRunning.html)

> Please note your application doesn't have to be a containerized application, we're just using DynamoDB database as a container, that's it.

## Using `Docker`
Make sure you have docker up and running. If you've not, follow this [official instructions](https://docs.docker.com/desktop/)

````shell
docker run -p 8000:8000 amazon/dynamodb-local
````

This will download `DynamoDB` locally from official Docker image and run.
If everything is okay, you'd see output something like this:

````shell
Initializing DynamoDB Local with the following configuration:
Port:   8000
InMemory:       true
DbPath: null
SharedDb:       false
shouldDelayTransientStatuses:   false
CorsParams:     *
````

This would run the fully functional DynamoDB instance at `http://localhost:8000`.

## [Bonus] Verify installation using AWS CLI.
If don't have AWS CLI installed, follow [this official guide](https://docs.aws.amazon.com/cli/latest/userguide/cli-chap-install.html)

Run this command to verify the installation

````shell
aws dynamodb list-tables --endpoint-url http://localhost:8000
````

If you get an error like this:
````shell
You must specify a region. You can also configure your region by running "aws configure".
````
You can run:

````shell 
aws configure
````
And you'd be asked to setup follwoing:

````shell
AWS Access Key ID:
AWS Secret Access Key :
Default region name [x]:
Default output format [None]:
````
You can enter any values, as you're only using DynamoDB locally.

That's it!

That's how you can configure AWS DynamoDB on your local machine to develop and test your applications without spending anything.

Happy Coding!

Originally posted at my blog: [https://blog.satishyadav.com/how-to-setup-and-use-dynamodb-locally-free](https://shawt.io/r/sYW)
Android Image Cropper
Tags: showdev, android, kotlin, opensource
Published: 2021-07-06 15:29:50

We just hit 21k downloads per month, since November 2020 I handover a open source library that was not update since 2018. 

After many bugs fixes, refactors, languages updates happy to share that is stable.

Please take a look and feel free to improve the community around it. 

I have expectations to be a community driven library.

Thanks!