teleren/devto huggingface dataset:
Underrated things amongst developers
Published: 2022-02-15 15:51:24


Here is the list of common senses that most developers neglect and the reason you should avoid them.

Coffee ☕️

It’s not a solution for tiredness or high energy. Natural energy and highs are the ones you should care about. Coffee just delays your physical exhaustion. The best choice of beverage for your body is water. You always knew that. 

Negotiation 🤝

The first rule of negotiation:
Never tell them the price. Whoever tells it first, loses.
You are always worth more than you think you deserve. For company to exist, employees have to generate more wealth than their monthly income. Because that’s how it works. Know your market price. And become an active negotiator. If you don’t ask for more, employer or client won’t rise the price by their will.

Financial health💰

Be ready for everything. Life is a game. And the best players plan their several next moves ahead. Yes, money can’t solve all your problems. But it solves all of your money problems. Trust me, without financial health you’ll be jeopardizing your entire career and life.

Human Nature 👥

The best hackers are the masters of human psychology and motivations. They know what triggers you, makes you nervous, calm, distracted, compulsive. They don’t hack computers, they hack humans. They know how the game theory works and gets the best possible outcome because of that. If you’re not playing the game, then you’re being played. Learn how to play in life. 

I’ll leave “The Laws of Human Nature” by Robert Greene for you to read. 

Listening 🦻

Yes, we don’t listen enough. Listen to your clients’ needs. What they want, why the certain feature is what they care about, are they really clients in your niche, can they pay what you ask for (!), how long they want to work with you, do they really understand you? You don’t have to prove your skills, you have to ASK what they want and LISTEN to them. 

Documentation 📜

Always keep in mind: If someone is struggling to implement some feature in certain language, then they haven’t read the documentation yet. StackOverflow is great. YouTube is great. But the documentation is pure gold. It’s the only source for both of them. 

Spiritual health 🧘🏻‍♂️

Coding is not always a fun game. It’s not just about typing the keyboard. Toxic coworkers, dumb clients, scammers, broken internet, unpaid subscriptions, annoying neighbors, noisy city, political problems are always part of your life. You can’t control everything. Focus on what you can control. Your mind, your internal progress, your thoughts. Study how stoics view the world. And you’ll be far ahead than other developers in the game.

👉  Recap:

If you can’t focus on your coding, then you might be neglecting some common senses.

@seniortips

For more posts visit my telegram channel: https://t.me/seniortips
What is data analytics? Types , careers and importance.
Tags: datascience, database, career
Published: 2022-02-15 15:12:39


Data analytics is the process of cleaning data to get information. it involves collecting and transferring valuable information from useless data and analyzing it to generate numerical data and patterns that can lead to profitable improvement. Therefore, a data analyst is someone who gets information from raw data and can use the information to determine trends, provide solutions and describe problems and their possible solutions. 
Data analytics is important in

1. Supporting decision making – To deliver critical insights on whether a business is moving in the right direction, data analytics in business is effective in determining market trends and explaining the key drivers of the success of a product or service versus another which may not be faring as well.
2.  Driving productivity, efficiency, and revenue growth- The results from analyzing data sets is going to tell an organization where they can optimize, which processes can be optimized or automated, which processes they can get better efficiencies out of and which processes are unproductive and thus can have resources dedicated away.
3.  Determining more effective marketing strategies- Businesses can use data analytics to better understand their client base in terms of customer trends and behaviors. This information can be used focus on more effective pitching of products and services.
 The different types of data analysis are Predictive analysis, prescriptive analysis, descriptive analysis and diagnostic analysis.

•Descriptive analysis: describes what happened based on past events. 
•Diagnostic analysis: aims to understand what happened and why it happened,
•Predictive analysis: forecasting on what will happen in the future.
•Prescriptive analysis: states what action should be done to achieve a goal.

Various roles that require knowledge of data analytics, some of these roles are business intelligence analyst, data analyst, data scientist, data engineer, quantitative analyst and marketing analyst. Data analysis is providing skills that are very important to various fields, some of these fields are healthcare, cybersecurity, businesses and marketing. Transportation. These are just but a few fields where data analytics is applied, data analytics does not limit you to a particular field. With a relevant set of technical skills, you can grow into any field of interest.
We launched Copytraps
Tags: content, copyright, security
Published: 2022-02-15 15:05:43

Hi, For years, creative minds, authors, copyrighters, publishers, content editors, actors and actresses, book publishers, media owners, company and many more organizations have been facing content phishing attacks, content theft and infringements on the internet.

There have been many situations where an author or organisation spend so much efforts and time to craft creative contents while waiting for great rewards but instead another takes the credits and gets more rewards.

Your assets are extracted and used without your consent or permission which is very annoying. Bloggers losses more of their audiences and traffic's to copycats.

Today is the day that changes.

We’re proud to announce our product known as Copytraps.

It’s the most powerful tool capable of preventing and finding those using your hard earned contents for further law investigations with your lawyer.

Let them copy it🙄... I will find you🧐, close down your platform and request for damages cost. Those should be your words when you have Copytraps in place.

With Copytraps, you grant access to only people having your permissions to use your contents and the whole rewards gets back to you.

Let's keep the internet safe again by stopping content phishing attacks, junks and theft.

Be among the first 50 to try out Copytraps Beta Version at [Copytraps](https://copytraps.com) with exclusive offers.
100 Days of Code
Tags: 100daysofcode, beginners, webdev, javascript
Published: 2022-02-15 15:03:11

---
title: 100 Days of Code
published: true
description: Hora de registrar minha evolução!
tags: 100daysofcode, beginners, webdev, javascript
cover_image: https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ycxgpzyydtams0o568er.jpg
series: 100 Days of Code
---

Após tanto tempo postergando finalmente decidi entrar de vez no desafio: 100 dias de código! :sunglasses:

## 100 days of Code!
Para quem não conhece esse desafio, todas as regras podem ser encontradas em [100daysofcode.com](https://www.100daysofcode.com/), mas em resumo é exatamente o que o próprio nome diz, quem entra se responsabiliza em praticar um assunto específico, que pode ser uma linguagem de programação, um framework, uma nova ferramenta ou até mesmo um novo hábito, por pelo menos 1 hora pelos próximos 100 dias.
E dentre todos os assuntos propostos resolvi começar pela linguagem de programação da minha stack favorita: Javascript!

## Mas não deveria ser um assunto inédito?
Apesar de já ter um certo domínio da linguagem a ideia é revisar os conceitos fundamentais e ir prosseguindo até assuntos mais avançados, acredito que fortalecer o entendimento dos fundamentos nunca é demais!

## Reporte Diário
Enquanto estava procurando uma forma de ser o mais direto possível com os reportes diários do desafio me deparei com [esse modelo incrível](https://dev.to/rammina/100-days-of-code-and-scrum-a-new-challenge-24lp) idealizado por @rammina e decidi começar por ele:

```
Ontem...
Hoje... 
Estou tendo dificuldades com... (opcional)
```

## Mãos à obra
E que comecem os jogos! :rocket:

## Outros Canais
Fique à vontade para entrar em contato comigo por essas outras mídias sociais também:
- [LinkedIn](https://www.linkedin.com/in/joaovitoralexandre/)
- [Instagram](https://www.instagram.com/alexandrebekor/)
- [Twitter](https://twitter.com/alexandrebekor)
- [Github](https://github.com/alexandrebekor)
10 UI/UX Project Ideas to Build to Improve Your Frontend Skills 🎨🧙‍♂️
Tags: webdev, design, ux, ui
Published: 2022-02-15 14:56:22

---
title: 10 UI/UX Project Ideas to Build to Improve Your Frontend Skills 🎨🧙‍♂️
published: true
description: 
tags: webdev, design, ux, ui
cover_image: https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ycf13ofka63b7zb433zs.png
canonical_url: https://madza.hashnode.dev/10-uiux-project-ideas-to-build-to-improve-your-frontend-skills
---
Recruiters looking for frontend devs usually love to see UI/UX projects in your portfolio, since they demonstrate your eye for the design and your competency with layouts. 

In this article, I have handpicked some awesome UI/UX projects that might give you some inspiration to create your own projects. 

I tried to include a variety of projects from video platforms, project management dashboards, task managers, file sharing apps, and more.

I will embed the live previews of the projects as well as credit all the awesome authors so you can check them out. Hopefully, you will find these useful!

<hr>

### 1. Skateboard Video Platform 📺
By: [Aysenur Turk](https://codepen.io/TurkAysenur)

{% codepen https://codepen.io/TurkAysenur/pen/LYRKpWe %}

### 2. Glassmorphism Cloud App 🎨
By: [Aysenur Turk](https://codepen.io/TurkAysenur)

{% codepen https://codepen.io/TurkAysenur/pen/ZEpxeYm %}

### 3. Responsive React Dashboard 📈
By: [Dilum Sanjaya](https://codepen.io/dilums)

{% codepen https://codepen.io/dilums/pen/ZEBowxX %}

### 4. Project Management Dashboard UI 💼
By: [Aybüke Ceylan](https://codepen.io/aybukeceylan)

{% codepen https://codepen.io/aybukeceylan/pen/OJRNbZp %}

### 5. Responsive Social Platform UI 👪
By: [Aysenur Turk](https://codepen.io/TurkAysenur)

{% codepen https://codepen.io/TurkAysenur/pen/RwWKYMO %}

### 6. Customer Management UI 💰
By: [Aysenur Turk](https://codepen.io/TurkAysenur)

{% codepen https://codepen.io/TurkAysenur/pen/NWRqoyL %}

### 7. Task Management UI 📝
By: [AaronMcGuire](https://codepen.io/aaronmcg)

{% codepen https://codepen.io/aaronmcg/pen/GRjaRva %}

### 8. Task Manager UI with CSS Grid 📜
By: [Aysenur Turk](https://codepen.io/TurkAysenur)

{% codepen https://codepen.io/TurkAysenur/pen/QWyPMgq %}

### 9. Job Search Platform UI 🔍
By: [Aybüke Ceylan](https://codepen.io/aybukeceylan)

{% codepen https://codepen.io/TurkAysenur/pen/jOqdNbm %}

### 10. File Sharing Web App 📂
By: [Aybüke Ceylan](https://codepen.io/aybukeceylan)

{% codepen https://codepen.io/aybukeceylan/pen/yLOxRyG %}

<hr>

Writing has always been my passion and it gives me pleasure to help and inspire people. If you have any questions, feel free to reach out!

If this was helpful, connect me on [Twitter](https://twitter.com/madzadev), [LinkedIn](https://www.linkedin.com/in/madzadev/) and [GitHub](https://github.com/madzadev)!

Visit my [Blog](https://madza.dev/blog) for more articles like this.
Splunk - Dashboard request optimization
Tags: monitoring, sre, devops, logging
Published: 2022-02-15 14:50:15

Creating a dashboard in Splunk can be really heavy and long to load if it's not optimized. 

The biggest part of the optimization is the **reusage of requests**.

To do it easily, Splunk implemented a **search** object which can be use as basis for other requests.
```xml  
<search id="baseSearch">
    <query>$env$ $project$ action=$action$  $typeCode_tok$
    | table timestamp, etransferId, application.name, context, action, correlationId,dd.trace_id, error.code, error.text, log, _raw 
    | sort timestamp $sort$, time $sort$
    </query>
    <earliest>$time.earliest$</earliest>
    <latest>$time.latest$</latest>
</search>
```

Like this, a big part is already loaded and you just have to refine some elements for a particular graph.

```xml  
<search id="baseSearch">
    <query>$env$ $project$ action=$action$  $typeCode_tok$
    | table timestamp, etransferId, application.name, context, action, correlationId,dd.trace_id, error.code, error.text, log, _raw 
    </query>
    <earliest>$time.earliest$</earliest>
    <latest>$time.latest$</latest>
  </search>

  <search id="baseSearchLatest" base="baseSearch">
    <query>search 
    | stats latest() by dd.trace_id 
    | rename latest(error.code) AS error.code | fillnull value="emptyVal" error.code
    | rename latest(action) AS action | fillnull value="null" action
    | rename latest(error.text) AS error.text
    </query>
  </search>
```

---

I hope it will help you! 🍺

---

<center><h3>You want to support me?</h3></center>
<a href="https://www.buymeacoffee.com/mxguilbert7" target="_blank"><img src="https://cdn.buymeacoffee.com/buttons/default-orange.png" alt="Buy Me A Coffee" height="41" width="174"></a>
#OpenCV – Detect and blur faces 😁 using haar cascades in C#
Tags: englishpost, csharp, facedetection
Published: 2022-02-15 18:02:40

---
title: #OpenCV – Detect and blur faces 😁 using haar cascades in C#
published: true
date: 2022-02-15 14:44:39 UTC
tags: EnglishPost,CSharp,EnglishPost,FaceDetection
canonical_url: 
---

Hi !

NET is in anniversary mode, so I think it will be a good idea to share some camera samples in C#. For these demos I’m using C#, NET 6 and OpenCVSharp as OpenCV wrapper for .NET.

Today post: detect a face using haar cascades and blur the face area. This demo also show the detected face in a separated window (just for fun).

![🐿](https://brunocapuano.files.wordpress.com/2022/02/face-blur-1.gif)

## Code Sample

Easy to implement, and also easy to read:

{% gist https://gist.github.com/elbruno/59b9495fb8b1c3a66a23b2046dd754b4 %}

_**Important:** Haar cascades are easy to implement and learn, however, not recommented as a good solution to detect faces._

[Original Post](https://elbruno.com/2022/02/15/opencv-detect-and-blur-faces-%f0%9f%98%81-using-haar-cascades-in-c/)

Happy coding!

Greetings

El Bruno

* * *
Paracetamol.js💊| #55: Explica este código JavaScript
Tags: javascript, webdev, spanish, beginners
Published: 2022-02-15 14:33:41

## **Explica este código JavaScript**

```js
const output = `${[] && 'Im'}possible!
You should${'' && `n't`} see a therapist after so much JavaScript lol`
```


-     A: `possible! You should see a therapist after so much JavaScript lol`
-     B: `Impossible! You should see a therapist after so much JavaScript lol`
-     C: `possible! You shouldn't see a therapist after so much JavaScript lol`
-     D: `Impossible! You shouldn't see a therapist after so much JavaScript lol`

Respuesta en el primer comentario.

---
Install GitHub CLI on Windows
Tags: githunt, chocolatey, winget, beginners
Published: 2022-02-15 14:27:08

Let's discuss GitHub and the command line (CLI) tool that is available.  I'll be covering how you can install the on your Windows machine using various different techniques. 

## What is GitHub CLI for?
The GitHub command line (CLI) tool can be used to carry out tasks relating to pull requests, issues and other GitHub tasks to your terminal.  Meaning if you are working with code within your terminal and need to carry out a task with [GitHub](https://www.techielass.com/tag/github/) you don't have to leave that terminal session. 

Each command starts with **gh**. 

## Install GitHub CLI with Winget
[Windows Package Manager or winget](https://www.techielass.com/get-started-with-windows-package-manager/) is the built in package manager software on Windows 10 and Windows 11 machines.  With winget you can install, upgrade and remove software through a command line.  Winget is a Microsoft Open Source project. 

You can use this command to install the GitHub CLI software: 
```powershell
winget install --id github.cli
```

## Install GitHub CLI with Chocolatey
Chocolatey is an open source package manager tool that can be used to help automate the installation, upgrade and removal of software on your Windows hardware. 

If you already have Chocolately installed on your machine you can type in the following command to install GitHub CLI:
```powershell
choco install gh
```


## Install GitHub CLI manually
You can install the software manually, "the old fashioned" way by downloading the file and then walking through the installation wizard. 

You can find the latest release of the software here: [https://github.com/cli/cli/releases/](https://github.com/cli/cli/releases/)

You will find a bunch of file options to download, for Windows machines you'll need either the MSI, or ZIP versions depending on what your needs are. 

**Go forth and install the GitHub CLI tool and have fun using it! **😊


_Installation icon by Icons8_
New voxel engine on the horizon
Tags: programming, news, datascience, gpu
Published: 2022-02-15 14:18:57

Our new render engine: Polaron. For geospatial surveillance, digital twins and location intelligence applications. Could serve game developers in future, but we are not yet decided on that. [Voxel based](https://polaron3d.com/Features) on the surface but it is more of a point-voxel-field hybrid under the bonnet. 

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/qvqo2acnz6nvi6ultl3t.jpg)
⚙️ ❮ ZI + Diff-so-Fancy ❯ | Git
Tags: zsh, github, tooling, shell
Published: 2022-02-15 13:57:24

<div align="center">
  <a href="https://github.com/z-shell/zi">
  <img src="https://raw.githubusercontent.com/z-shell/zi/main/docs/images/logo.png" alt="Logo" width="60" height="60"></a><h2>

❮ [ZI](https://github.com/z-shell/zi) + [Diff-so-Fancy](https://github.com/z-shell/zsh-diff-so-fancy) ❯

</h2> <div align="center">

[https://z.digitalclouds.dev](https://z.digitalclouds.dev) | [GitHub](https://github.com/z-shell) | [Twitter](https://twitter.com/zshell_zi) | [Join the team](https://github.com/z-shell/community/issues/new?assignees=&labels=%F0%9F%91%A5+member&template=membership.yml&title=team%3A+)

</div>

---

<div align="center">
  <img src="https://github.com/z-shell/zsh-diff-so-fancy/raw/main/docs/img/zsh-diff-so-fancy.gif" alt="zsh-diff-so-fancy" width="70%" height="70%" />
</div>

---

  The project [so-fancy/diff-so-fancy](https://github.com/so-fancy/diff-so-fancy) integration with ZI.


  With this [ZI](https://github.com/z-shell/zi) plugin, you simply add two lines to `.zshrc`:



```shell
zi ice as"program" pick"bin/git-dsf"
zi light z-shell/zsh-diff-so-fancy
```

---

  This will install `diff-so-fancy` on every account where you use Zshell, and automatically equip `git` with subcommand `dsf`. No need to use system package manager and to configure `git`. Of course, if you have the following standard line in your `.gitconfig`, it will still work normally:


```shell
[core]
pager = diff-so-fancy | less -FXRi
```
(because this plugin adds `diff-so-fancy` to `$PATH`).

---

  Think about Puppet or Chef, i.e. about declarative approach to system configuration.


  In this case `.zshrc` is like a declarative setup guarding you will have `diff-so-fancy`
on your accounts.



### A Few Details



  [so-fancy/diff-so-fancy](https://github.com/so-fancy/diff-so-fancy) is cloned from
Github as submodule. The plugin has `bin/git-dsf` script which adds subcommand `dsf`
to git.


 That's basically everything needed: convenient way of installing (single Zsh
plugin manager invocation), updating (Zsh plugin managers can easily update) and
integrating with `git`.



### Other plugin managers



#### Zplug

```shell
zplug "z-shell/zsh-diff-so-fancy", as:command, use:"bin/"
```

#### Zgen

```shell
zgen load z-shell/zsh-diff-so-fancy
```

Without `as"program"`-like functionality the `.plugin.zsh` file picks up setup and simulates adding a command to system, so `Zgen` and other can work.

---

[@zshell_zi](https://twitter.com/zshell_zi), [z.digitalclouds.dev](https://z.digitalclouds.dev)
This is how you make images Responsive in CSS
Tags: css, html, javascript, webdev
Published: 2022-02-15 13:42:05

### Hello Folks 👋
What's up friends, this is **SnowBit** back here. I am a young passionate and self-taught frontend web developer and have an intention to become a successful developer.

Today, I am here with a cool CSS trick that can help and save you from getting it into trouble.

### Let's go...
It is very important for a web developer to make mobile responsive images and fit all the content properly in the viewport.

Let's choose an image from **Unsplash** - (any of your choice)
![img](https://images.unsplash.com/photo-1644868731706-bdb6485f4274?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=930&q=80)

Now, it's time to add the image to our HTML file

```html
<img src="https://images.unsplash.com/photo-1644868731706-bdb6485f4274?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=930&q=80" class="img"/>
```
Now let's get a sneak peek of output,

{% codepen https://codepen.io/codewithsnowbit/pen/wvPrEoZ %}

**I guess you have tried to resize the image, haven't you? 
here, you can notice the image is not responsive and it becomes uncomfortable 😱 to see it on mobile phones.**

Now, let's bring our super-power 🔥 of **CSS** and give it a gracious look.
```css
  width: 100%;
  max-width: 400px;
  height: auto;
```
Here we are giving the 100% width and independent height to the image, and here **`max-width` property is completely optional**

Here's the final output,

{% codepen https://codepen.io/codewithsnowbit/pen/eYeGLzZ %}

---
> “Whitespace is never white.”

Thank you for reading, have a nice day!
**Your appreciation is my motivation 😊 - Give it a like**

- Follow me on Twitter - [@codewithsnowbit](https://twitter.com/codewithsnowbit)
- Subscribe me on YouTube - [Code With SnowBit](https://www.youtube.com/channel/UCNTKqF1vhFYX_v0ERnUa1RQ?view_as=subscriber&sub_confirmation=1)

**Happy Coding!**
New updation in colormyweb 🌈🌈 just look it
Tags: showdev, javascript, webdev, productivity
Published: 2022-02-15 13:39:52

Hello friends there is a new updarion in colormyweb it is a full open-source project.One of the update i got from one of commenter in my last post and also don't forget to give a star

Web link:https://sripadhs.github.io/colormyweb

It is not an affliate link it is more useful for you!
Create a YUM server for RHEL 7.5 using its ISO file
Published: 2022-02-15 13:36:05


## This document is to create a YUM server using RHEL installer ISO file. 


- Install a RHEL VM with 2 GB RAM, 1 vCPU and 80 GB HDD.

- Create a repository folder inside VM

```
mkdir -p /rhel75/repo
```

- Mount the ISO using mount command and copy the Packages folder into your repository folder

```
cp /run/media/vcloud/RHEL-7.5\ Server.x86_64/Packages/* /rhel75/repo/
```

- Install createrepo package if it is not installed during OS installation

```
cd /rhel75/repo
rpm -ivh createrepo-0.9.9-28.el7.noarch.rpm
```

- Create repository 

```
createrepo /rhcelab/repo/
```

- Clean YUM cache

```
yum clean all
```

- Update the rhcelab.repo file to point to your local repository folder

```
vi /etc/yum.repos.d/rhcelab.repo
[rhcerepo]
name=rhcerepo
baseurl=file:///rhel75/repo/
enabled=1
gpgcheck=0
```
- List the repolist 

```
yum repolist
```

- For testing, try to install any package

```
yum install redhat-lsb
```