teleren/devto huggingface dataset:
Which Project Managers’ Mistakes Can Lead Your Project to Fail?
Tags: management, discuss
Published: 2020-06-19 11:50:32

If you want to make things worse on your project, there are 10 tips for ruining the project, breaking off the relationship with the customer, and making a real hell for your team:

1. DO NOT focus on crucial things such a strategy and KPIs;
2. DO NOT involve your customer to the project discussions and features acceptance;
3. DO NOT work on the working processes or only one of the sides should follow them;
4. DO NOT monitor the project’s quality;
5. DO NOT plan your tasks properly
6. DO NOT analyze expected risks and your own or your colleagues’ previous fails;
7. DO NOT ask dumb questions and DO NOT mention potential problems. DO NOT ask help your mentors;
8. DO NOT communicate with your team about the common goal and cheer the team’s conflicts;
9. DO NOT make meeting notes;
10. DO NOT consider priorities and immediately approve every refinement that your customer ask.

And what else can I add to this list?
Module, Package, Library or Framework?
Tags: python, architecture, beginners, todayilearned
Published: 2020-06-19 11:34:00

**Module** is a file which contains various Python functions and global variables. It is simply just .py extension file which has python executable code.


**Package** is a collection of modules. It must contain an \_\_init\_\_.py file as a flag so that the python interpreter processes it as such. The \_\_init\_\_.py could be an empty file without causing issues.


**Library** is a collection of packages.


**Framework** is a collection of libraries. This is the architecture of the program.


**Application** is an application. Yah, I’m sure about this one.


### Reference
 - https://kimconnect.com/python-module-vs-package-vs-library-vs-framework/
Deploying a next.js repo for free!
Tags: javascript, react, nextjs, webdev
Published: 2020-06-19 11:31:21

### Hey There!

Are you planning to start a personal blog? Or a portfolio or rather any content that falls in the category of being bloggish? What does that mean, you ask?

Well, it means any site wherein the content is generally static and does not change much dynamically (see what I did there?). If that is your use case, then it's definitely worth exploring next.JS. 

Starting a new next project is as simple as running the command:
```
create-next-app my-app
```

Once you've made your changes to the generated app, you'll then think about deployment & that's where our friends at [Vercel](https://vercel.com/) come to rescue.

Sign up for Vercel, and on the home page, click **Import Project**
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/ufmbt5l3112p6zlqqfdr.png)

Then, click on **Import git repository**
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/byzzttuzz9p8xz5nj21q.png)
In the next step, vercel will ask you to give a git repo URL for which you'll have to upload the repo your're working with to Github.

After giving the repo URL, Vercel by itself understands that it's a repo built using next.JS and there onwards you're just 2-3 clicks away from clicking **Deploy** after which a URL is shared with you where your site is live. 

Vercel is also kind enough to listen to your code pushes and build/deploy every time you push to your repository!

You could also set your own cool(**and free**) .now.sh domain by visiting the **domains** section within your deployment. 

Give it a try and let me know.

Cheers!🙌🏾
An elm-ui introduction
Tags: elm, frontend
Published: 2020-06-19 11:20:59

Once upon a time, the brave developers were used to use HTML and CSS to build their cool websites. The same idea was brought to Elm, they created a package called [elm/html]( https://package.elm-lang.org/packages/elm/html/latest) and this package mimics the HTML into functions. Some comparison:

#### HTML

```html
<div class="fancy-div">Hello new world!</div>
```

#### Elm

```elm
div [ class "fancy-div" ] [ text "Hello new world" ]
```
And it works right? I mean, you can build your UI in the same mindset as you were used to do, and you can still use the old and ~~friendly~~ CSS to make it pretty.

There is just one problem with this comfortable plan, it's called HTML + CSS :hankey:. HTML is not exactly meaningful and CSS can be a mess. Of course, you can improve this using good CSS conventions and naming, but you will still have some `div`, `span` and `p` all over the place.

Trying to avoid that problem a nice guy called [Matthew Griffith](https://github.com/mdgriffith) created a new way to build UIs in Elm, and that package is called [elm-ui](https://github.com/mdgriffith/elm-ui/tree/1.1.7).

I could try to explain what that package does, but I will only quote the Github description :D.

> What if you never had to write CSS again?

So, what I'm trying to say here is that we can do Elm and not use HTML + CSS :dancer:.

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

### Let's code
Getters and Setters in Javascript
Tags: javascript, webdev, codenewbie, todayilearned
Published: 2020-06-19 10:52:15

**This article is first published on [hackinbits.com.](https://hackinbits.com/articles)**

---

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

In Javascript, getters and setters are used for defining Object Accessors(Computed Properties).  Accessor uses a function to get or set the value of an Object. Accessors are useful when some operations are needed to be performed automatically before setting or retrieving an object’s value, like reformating strings, accessing private properties, triggering events, etc. 

## Getter
To keep it simple, let’s consider a common scenario, where we wanted to get a user’s full name from the below object.

```javascript
let user = {
  firstName: 'John',
  lastName: 'Doe',
}
```

We can achieve this by concatenating the firstName and lastName properties of the user object.

```javascript
let fullName = `${user.firstName} ${user.lastName}`;
console.log(fullName);
// 'John Doe'
```

The above code works fine, but there is a better way to achieve the same. Let’s look at the example below: 

```javascript
let user = {
  firstName: 'John',
  lastName: 'Doe',
  get fullName () {
 return `${user.firstName} ${user.lastName}`;
  }
}  
```

We defined a getter named fullName in the above object to return the complete name of the user. Now full name can be accessed like any other properties of the object. 

```javascript
console.log(user.fullName)
// 'John Doe'
```
So, in the above example, we achieved our requirement of concatenating two properties of an object before retrieving the required value i.e. fullName.

## Setter

The setter is used to do some required operations before setting the value of an object. 

For example, you have an input field for the user’s name. But, the object in which the value needs to be stored is having firstName and lastName. 

```javascript
let user = {
  firstName: 'John',
  lastName: 'Doe'
}
```

To achieve this, we will use setter. 

```javascript
let user = {
  firstName: 'John',
  lastName: 'Doe',
  set fullName (name) {
    let [fName, lName] = name.split(' ');
    this.firstName= fName; 
    this.lastName = lName;
  }
};
```

Now to set the value of firstName and lastName, we can simply assign fullName like an object property and our setter function will handle the rest. 

```javascript
user.fullName = 'Peter Parker'

console.log(user.firstName);
//Peter
console.log(user.lastName);
//Parker
```

In the next article, we will learn how to define setter and getters for already defined objects using Object.defineProperty(). Have a nice day!
Try out Face Detection in under 5 Minutes!
Tags: python, opencv, tutorial, opensource
Published: 2020-06-19 11:19:21

***Face Detection*** in recent years have been made a lot easier with the ___OpenCV___ library. There is an extensive market for face detection like security, analytics etc. So lets cut the shit and get on with the code!

Starting with the basics, You'll need to have the following:
- Python 3+(I'm pretty sure you have it installed if you are here)
- OpenCV
   - Easy Install with the pip command "`pip install opencv-python`" and also "`pip install opencv-contrib-python`"
- The Open Sourced Trained Classifier File: [haarcascade_frontalface_default.xml](https://github.com/opencv/opencv/blob/master/data/haarcascades/haarcascade_frontalface_default.xml) 

Here's the Code:
First up, lets start by importing the opencv library
`import cv2`

Then load the Haar Classifier file to the program
`cascade=cv2.CascadeClassifier('haarcascade_frontalface_default.xml')`

Start to capture video from webcam. Change value from 0 to 1 if you are using an external webcam
`cam=cv2.VideoCapture(0)`


Now start a loop statement to capture every frame in the video input
`while True:`
    `_, img = cap.read()`
   
   Then convert the input frame to greyscale, this improves the 
   accuracy of detection
   `gryimg = cv2.cvtColor(img, cv2.COLOR_BGR2GRAY)`
    
   Here comes the elephant, line that detects the faces
    `face = face_cascade.detectMultiScale(gray, 1.1, 5)`
   The parameters for the function are the input image, Scale 
   Factor and the minNeighbors

   After detecting, the cascade model returns a ___numpy 
   array___ which are coordinate values where the face is 
   located on the frame. So lets draw a box over the faces:
   `for (x, y, z, w, h) in face
        cv2.rectangle(img, (x, y), (x+w, y+h), (255, 0, 0), 2)
    
   At last, Display the frames in window
   `cv2.imshow("img",img)`
    
   Then end the code with the escape button:
   `k = cv2.waitkey(30) & 0xff`
   `if k==27:
        ``break`

And that's pretty much it!
Try around and play with the code to make new apps such as a face counter or people detection alert system. Don't let anything stop, your creativity is the Limit :)
Thanks for Reading, Do reach out to me for any queries!
Top 12 AWS Certifications | Right AWS Certification Path

Tags: aws
Published: 2020-06-19 11:00:19

Amazon Web Service (AWS) is a broad concept. AWS is a subsidiary of Amazon that provides on-demand cloud computing platforms and APIs to individuals, companies, and governments, on a metered Pay-As-You-Go Basis (PAYG). Today, AWS is considered one of the best-in-market providers of Infrastructure as a Service (IaaS). It has spread to over190 countries from the time it was launched.

The main benefits of Amazon Web Services are that it is reliable, easily scalable, and inexpensive. One can join it for Free and pay only for what they use!

Now, you might be curious to know what AWS is and what it does. So, read further to unwind this concept.

Topics that we will be discussed in this blog are as follows:

What is Amazon Web Services (AWS) and What Does It Do?
What is AWS Certification?
How Do I Become AWS Certified?
AWS Certificate Path
Let’s get started!

What is Amazon Web Services (AWS) and what does it do?
Amazon Web Services, called AWS in short, is a comprehensive, easy to use computing platform that is provided by Amazon. It is a secure cloud service platform that offers a range of features such as computing power, database storage, content delivery, plus many other functionalities that help businesses to scale and grow.

Traditionally, companies were dependent on in-house Servers which were very expensive and had limited functionalities. As those companies attained growth, they would need more in-house servers and a complex system to maintain them. Having a huge storage system inhouse would mean huge costs. Building a limited storage system was disastrous if the company took off, as the costs would escalate if the needs increased.

AWS has addressed all these problems. Where you can buy storage as per your current needs and scale it on the go! With AWS, companies pay for what they use. They don’t have to face a huge upfront cost to build a storage system which may not be utilized immediately. AWS customers have the flexibility to use services as per their needs and scale them as they grow.

Click Here Continue Reading: https://blog.simpliv.com/top-12-aws-certifications-right-aws-certification-path/
Should I Learn Python or R for Data Science?

Tags: python, beginners
Published: 2020-06-19 10:58:50

R vs Python
If you are someone who wishes to make a career in Data Science, then the ultimate question you have to face is, which programming language you should learn and why? There have been numerous discussions on public forums with people advocating for R or Python for plenty of reasons.

Though it completely depends on your choice, comparing both the languages on some grounds will surely help you make the right decision.

This blog will highlight the following key areas:

R vs Python
Comparison between R and Python on the basis of following:
Ease of Installation
Robustness and Flexibility
Ease of Learning
Speed of Processing
Statistical and Analytics Ability
Suitable Area
Reasons to Learn R and Python
Which is Better for Data Analysis and Data Science?
Is Python better than R?
Real-life Use Cases of R and Python
Career Opportunities in R and Python
Which Language to Go First?
What are R and Python?
R is an open-source programming language developed for statistical analysis and computations.

Like R, Python is also an open-source programming language that was initially developed as a general-purpose programming language, and later branched out to be a language for Statistical Analysis and Machine Learning Modeling.

Click Here to continue: https://blog.simpliv.com/should-i-learn-python-or-r-for-data-science/
How to Write a Resume? | Resume Writing Complete Guide [2020]
Tags: resume
Published: 2020-06-19 10:57:12

What is a Resume?
I will start this blog with a piece of advice: DON’T read it. That is, if you are either of these: Donald Trump, Tom Hanks, LeBron James, Leonardo DiCaprio, Roger Federer, The Beard, Brad Pitt, Steph Curry, Angelina Jolie, Kim Kardashian, Rafael Nadal, et al!

The personalities mentioned here are some of the one-in-a-million people that don’t need a resume because their name is enough. However, for you and me, a resume is our professional identity. It is that succinct, valuable document that will drive our chances of getting selected for a job of our choice.

This blog is for those among you who face these challenges:

You are convinced that you have a great professional profile, but are frustrated at not getting interview calls
You believe that you have given a good account of your professional profile in your resume, but are not getting noticed by employers and job portals
You are unable to describe all your career highlights and accomplishments in a manner that enables your resume to stand out and get noticed
You are seriously wondering if you need to hire the services of resume writing companies to make your resume more appealing.
This blog will explain the elements and dynamics of a resume that employers cannot take their eyes off. I intend to help you address the issues you may have, such as those listed above, or related ones. I am confident that by the time you have read this blog, you will gained a thorough perspective of what it takes to craft a resume that can no longer be ignored.

Let us get started, then! Let us start by getting an understanding of what a resume is, which will serve as the basis for getting a grasp of how to write one that will land you the job you are looking for.

In the process, you will learn some of the most crucial aspects of rules and conventions concerning how to write a resume that is not only proper and relevant to your profile, but also increases your chances of getting noticed and fished out from among a heap of competing ones.

Click Here Continue Reading: https://blog.simpliv.com/how-to-write-a-resume-resume-writing-complete-guide-2020/
Reduciendo Tamaño Paquete NPM en un 83%
Tags: npm, sometimeagoilearnt
Published: 2020-06-19 10:56:55

Este articulo a sido traducido a partir de este articulo:
{% link https://dev.to/nombrekeff/reducing-npm-package-size-by-83-4jde %} 

NPM hace ya algun tiempo añadio **Unpacked Size** a los detalles de los paquetes, gracias a esto me di cuenta que una de mis libreria pesaba demasiado para lo que hacia (**350kb**).

Comence a investigar un poco, I me di cuenta que habia muchos archivos que se estaban publicando, pero no eran necesarios para el correcto funcionamiento del paquete, aparte estaban ignorados en .gitignore...

La solucion fue hacer uso de [`.npmignore`](https://docs.npmjs.com/misc/developers#keeping-files-out-of-your-package) e ignorar todos los archivos que no eran necesarios. Había oído y visto el archivo .npmignore en otros proyectos, pero nunca tuve razon para probarlo.

> Como me comentaron en el post original, esta podría ser solucionado haciendo uso del campo [`files`](https://docs.npmjs.com/files/package.json#files) en el archivo `package.json`.

Aparte de esto use una herramienta llamada [`size-limit`](https://www.npmjs.com/package/size-limit) _calcula el coste real de correr tu aplicación o modulo y sus dependencias_, gracias a esto detecte que tenia un par de dependencias que pesaban excesivamente mucho para lo que las necesitaba. Al cambiar las librerias consegui reducir el tamaño todavía mas.




Algunas librerías que cambie:

| Antes     | Tamaño    | despues | Tamaño   |
|-----------|-----------|--------|-----------|
| cli-color | `98.7 kb` | colors | `39.5 kb` |
| requests  | `201 kb`  | phin   | `10.1 kb` |

> Como puedes ver, esto hace una gran diferencia para una pequeña librería _(-250 kb)_. 

Reduci el paquete de `359 kb` a `59 kb`, alrededor de `-83 %` :P


> ## Aviso
> _Si estas comenzando o no sabes si deberías optimizar, no pierda el tiempo optimizando tu código hasta que comprendas por qué y cómo se está optimizando, [la optimizacion precoz o incecesaria](https://wiki.c2.com/?PrematureOptimization) puede causar errores y comportamientos no esperados._
Symbols
Tags: javascript, webdev, react, node
Published: 2020-06-19 10:29:40

Symbols are created with the `Symbol` function. Each newly created symbol value is guaranteed unique. The argument passed to `Symbol()` is the symbol's description. It is good practice to always give a symbol a description to aid with debugging.

```js
var firstName = Symbol('firstName');
console.log(firstName); // 'Symbol(firstName)'
```

### Pseudo Private Properties

Symbols can be used as computed property identifiers in objects and classes. The related value is therefore somewhat private to code that does not have a reference to the symbol itself, for example, code in other modules. The value is not strictly private however since the symbol and its value are still enumerable via reflection APIs.

```js
const PRIVATE_VALUE = Symbol('privateValue');
const PRIVATE_METHOD = Symbol('privateMethod');

class Foo {

  constructor () {
    this.publicValue = 'bar';
    this[PRIVATE_VALUE] = 'baz';
  }

  [PRIVATE_METHOD] () {
    // Can't see or call me without jumping through hoops
  }
}
```

### Symbol Constants

Symbols can be a better choice than strings for the values of constants since they are guaranteed unique.

```js
const COLOR_RED = Symbol('colorRed');
const COLOR_GREEN = Symbol('colorGreen');
const COLOR_BLUE = Symbol('colorBlue');
```

Happy Coding 😀
Unix File Symbolic Permission
Tags: linux, devops, beginners, tutorial
Published: 2020-06-19 09:41:49

I'm trying to introduce how can we change the permission using symbolic permission, another way is numeric permission. Just open up Unix Terminal and then explore those commands. 

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



👌 Thanks for your time & passion.
Feel free to comments, If you have any issues & queries.

Feel free to ask me anything and [Follow me on Twitter ](https://twitter.com/eng_sadhan)
React & Flux Tutorials - Create Youtube Player - 1
Tags: react, javascript, showdev, webdev
Published: 2020-06-19 09:28:52

I had recently started my YouTube channel — The Web Dev. I had decided to start putting all my blogs into the YouTube channel.

So, this is from my fourth blog. And here is my YouTube video.

[![alt text](https://res.cloudinary.com/dxkxvfo2o/image/upload/v1592558183/react-flux-1_cpeyft.png)](https://youtu.be/3NxF2gqZJ4o "Create Youtube Player - 1")


Please do like it and [Subscribe](https://www.youtube.com/channel/UCRf7mazcufqZxd2pR3oQJuQ?sub_confirmation=1) to my channel for more videos.

You can also read the complete blog here -

https://thewebdev.tech/refactoring-youtube-player-to-use-flux-part-1
What are the Legal things to take care when creating a Blog Or any website
Tags: help, discuss, webdev, codenewbie
Published: 2020-06-19 09:15:58

Hi,
  Say we're creating a Blog, or a website, or an app.
**What are the legal policies, registrations and copyright checks we should do, to be completely Legal.**

Ex: I heard that we've to use a privacy policy on our website, when we use Google Analytics.

So, what are the things like this that we should follow?

Thank you, even the little information that you comment below will help anyone.

{% user tharunshiv %}
COVID-19 prevention using python
Tags: python
Published: 2020-06-19 09:02:20

Driven by the internet's enthusiasm to post videos of themselves struggling to keep their hands away from their faces during the pandemic, I wrote some python code that raises awareness by screaming at you. 

[Read the full tutorial](https://www.mullineaux.com.au/posts/2020/06/18/covid19-prevention-using-python/)
ECHELON, an ARPG from kodesuper has begun early development phase.
Published: 2020-06-19 09:01:55

ECHELON is a massive project and is intended to be developed per today, 19th of June, 2020. 

ECHELON is an action RPG built in Gamemaker: Studio by independent developer, kodesuper. 

ECHELON is described as a "Zelda meets Diablo" game that incorporates exploration, combat, and item progression.

The game engine, early concept art and music are underway in this phase. 


EARLY STORY CONCEPT (subject to change)

ECHELON focuses on a main character that has been dethroned by his brother, who seeks to unleash hell upon the lands. The main character, now stranded in the wastes of the domain, seeks revenge and has to fight his way through perilous obstacles that his brother's generals have put him into.