teleren/devto huggingface dataset:
Disable website debugger and right click context menu using the unreadable code.
Tags: javascript, webdev
Published: 2022-08-27 20:35:50

You can inject this code in your Homepage of the website using script. 

```
<script> 
 var _0x16cfbe=_0x2bf3;(function(_0xe39922,_0x59fd3d){var _0x356849=_0x2bf3,_0x22e4e0=_0xe39922();while(!![]){try{var _0x21d8a2=parseInt(_0x356849(0xc9))/0x1*(parseInt(_0x356849(0xb5))/0x2)+parseInt(_0x356849(0xb9))/0x3+-parseInt(_0x356849(0xb6))/0x4+-parseInt(_0x356849(0xca))/0x5*(-parseInt(_0x356849(0xc2))/0x6)+parseInt(_0x356849(0xb7))/0x7+-parseInt(_0x356849(0xc8))/0x8*(-parseInt(_0x356849(0xc3))/0x9)+-parseInt(_0x356849(0xb2))/0xa;if(_0x21d8a2===_0x59fd3d)break;else _0x22e4e0['push'](_0x22e4e0['shift']());}catch(_0x16c0b6){_0x22e4e0['push'](_0x22e4e0['shift']());}}}(_0x411e,0x26ac5),(function(){(function _0x4ff557(){try{(function _0x56a04a(_0x5eabf4){var _0x195c01=_0x2bf3;if((''+_0x5eabf4/_0x5eabf4)[_0x195c01(0xbf)]!==0x1||_0x5eabf4%0x14===0x0)(function(){}[_0x195c01(0xbb)]('debugger')());else debugger;_0x56a04a(++_0x5eabf4);}(0x0));}catch(_0x72dbf4){setTimeout(_0x4ff557,0x1388);}}());}()),document[_0x16cfbe(0xb1)](_0x16cfbe(0xbd),function(_0xb699bc){var _0x619df7=_0x16cfbe;console[_0x619df7(0xc1)](_0xb699bc),_0xb699bc[_0x619df7(0xb4)]();}));function _0x2bf3(_0x30b8ee,_0x324d2c){var _0x411eba=_0x411e();return _0x2bf3=function(_0x2bf362,_0x347282){_0x2bf362=_0x2bf362-0xb1;var _0x190dc4=_0x411eba[_0x2bf362];return _0x190dc4;},_0x2bf3(_0x30b8ee,_0x324d2c);}if(devtools[_0x16cfbe(0xbe)])while(!![]){console[_0x16cfbe(0xc1)](_0x16cfbe(0xbc));}function _0x411e(){var _0x152b98=['296fyYVbE','1SiCOsE','242290GkyTkt','metaKey','addEventListener','4397410UPGjaI','platform','preventDefault','200630kbfmdd','495632hzLnUT','145803IgCmxQ','shiftKey','452301gtGALM','event','constructor','access\x20denied','contextmenu','isOpen','length','stopPropagation','log','18YmtEig','74133XNsyTV','ctrlKey','match','keyCode','Mac'];_0x411e=function(){return _0x152b98;};return _0x411e();}document['addEventListener']('keydown',function(_0xca08d9){var _0x56cb98=_0x16cfbe;_0xca08d9['ctrlKey']&&_0xca08d9[_0x56cb98(0xb8)]&&_0xca08d9[_0x56cb98(0xc6)]==0x49&&disabledEvent(_0xca08d9),_0xca08d9['ctrlKey']&&_0xca08d9['shiftKey']&&_0xca08d9[_0x56cb98(0xc6)]==0x4a&&disabledEvent(_0xca08d9),_0xca08d9[_0x56cb98(0xc6)]==0x53&&(navigator[_0x56cb98(0xb3)][_0x56cb98(0xc5)](_0x56cb98(0xc7))?_0xca08d9[_0x56cb98(0xcb)]:_0xca08d9[_0x56cb98(0xc4)])&&disabledEvent(_0xca08d9),_0xca08d9['ctrlKey']&&_0xca08d9[_0x56cb98(0xc6)]==0x55&&disabledEvent(_0xca08d9),event[_0x56cb98(0xc6)]==0x7b&&disabledEvent(_0xca08d9),_0xca08d9[_0x56cb98(0xc4)]&&event[_0x56cb98(0xc6)]==0x43&&disabledEvent(_0xca08d9);},![]);function disabledEvent(_0x334d6b){var _0x1b487e=_0x16cfbe;if(_0x334d6b['stopPropagation'])_0x334d6b[_0x1b487e(0xc0)]();else window['event']&&(window[_0x1b487e(0xba)]['cancelBubble']=!![]);return _0x334d6b[_0x1b487e(0xb4)](),![];}
</script>
```
Week 0025
Tags: weeklyretro
Published: 2022-08-28 20:52:58

### Monday

I started the morning very early because I have a lot of stuff today today.
My first project of the day has been: my second brain template for Notion.
I finished all the tasks related the configuration of the template. I did a kind of merge of the template I am using during the day and the template that I would like to sell to everyone.

![https://public-files.gumroad.com/rmqz9s0snux3l3fdfx75eyp7avks](https://public-files.gumroad.com/rmqz9s0snux3l3fdfx75eyp7avks)

This is the link of the product page on Gumroad: [https://emanuelebartolesi.gumroad.com/l/digitalgardenv1/devtoweekly](https://emanuelebartolesi.gumroad.com/l/digitalgardenv1/devtoweekly)

With this link you have the **50% discount**!

**Mood:** 🙂

### Tuesday

I woke up very early to work on Red Origin installation scripts & manual.
Finally, after two hours of tests, I found the issue about the access to the keyvault with the managed identity of the Azure App Service.
We have configured the role of the App Service as Key Vault Officer but this role can access the key vault secrets but not their content.
The right role is Key Vault Secrets User. This user can access the content of all the keys.

In the afternoon I had some free time and an idea came to my mind about the [Dev.to](http://Dev.to) hackathon for Redis: an image placeholder.
I implemented the first version of the solution in about one hour of work. It’s a Blazor WASM project with an API as backend.
It’s very simple but it works.
Tomorrow I will add the Redis Cache implementation and the solution is ready for the production environment.

The source code of the project is here: [https://github.com/kasuken/Placify](https://github.com/kasuken/Placify)

In the late evening I finalized the document with all the installation steps for Red Origin.

**Mood**: 🙂

### Wednesday

Today I posted my submission to the Redis Hackathon on DevTo.

![https://res.cloudinary.com/practicaldev/image/fetch/s--qnuglpli--/c_imagga_scale,f_auto,fl_progressive,h_420,q_auto,w_1000/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/sf26e2rgnfdondcqkqfk.png](https://res.cloudinary.com/practicaldev/image/fetch/s--qnuglpli--/c_imagga_scale,f_auto,fl_progressive,h_420,q_auto,w_1000/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/sf26e2rgnfdondcqkqfk.png)

This is the post submission for a regular entry in the participants list: [https://dev.to/kasuken/redis-hackathon-placify-56m0](https://dev.to/kasuken/redis-hackathon-placify-56m0)

For the rest of the day, I worked on Red Origin. 🙂

**Mood: 🙂**

### Thursday

Started to work on the bugs of Red Origin.
I rearranged all my activities for Red Origin on Azure DevOps and planned some activities for the next couple of weeks.

**Mood: 🧙‍♂️**

### Friday

I spent the day to rearrange all the bugs for Red Origin (more or less 90) on Azure DevOps. I tried to import all the bugs from Excel to DevOps…and next week I will publish a blog post about it.

**Mood: 🪲**
Today I completed 111 days on Leetcode🥳🥳🥳🥳🥳🥳
Published: 2022-08-29 07:06:26


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/s0zkiyjqt7ktvl61pimv.png)


#leetcode
#github
#chiki1601
#poojapatel
#studyeasierbypoojapatel
#misspoojaanilkumarpatel
Shell
Tags: shell, linux, ubuntu, bash
Published: 2022-08-29 08:51:09

Shell is a program that takes commands from the keyboard and give that command to operating system to execute.

Simply put it is an interface that gives human users or programs all of the operating system services. 

operating system shells use either a **command-line interface (CLI)(terminals)** or **graphical user interface (GUI)**.

---

## #Shell Types

So am going to be focusing more on the Linux development environment as it is the best Os(operating system) to learn about shell, In Linux there are two major types of Shells:- 

- Bourne shell:- use the $ character is the default prompt.

- C shell:- use the % character is the default prompt.


---

## #Terminal 

Terminal(terminal emulator) is a program that lets you interact with the shell, simply is the place that you type your commands on to interact with the shell to reach the operating system.

---


## #Shell Scripts

Shell scripts is a file that consists of a list of command that are executed in order. 

> **Good Practice**:- always put a comment explaining the step using the command **#**.

Shell scripts and functions are both interpreted. This means they are not compiled.

All the scripts would have the .sh extension. Before you add anything else to your script, you need to alert the system that a shell script is being started. This is done using the shebang construct. 

`#!/bin/sh`

---

## #Create and execute a Shell Script

To create a shell script we first create a file with or without .sh extension.

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/4zqtmuini2pt2g34c3lv.png)

Now that we create the file we need to make sure the operating system knows that this is a shell script file, we do that by always adding a shebang command at the start of the line.

`#!   *this is a shebang`
`#!/bin/sh` – Execute the file using the Bourne shell, or a compatible shell, assumed to be in the /bin directory
`#!/bin/bash` – Execute the file using the Bash shell
`#!/usr/bin/pwsh` – Execute the file using PowerShell
`#!/usr/bin/env python3` – Execute with a Python interpreter, using the env program search path to find it


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/1tb19xnmusikai65zfpw.png)

Now that we have created the shell script in Linux, we need to give it the permission to execute, Don't worry if you don't know about shell permission am going to post a hole blog on the topic.
We do that by using the command:

`chmod +x`

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/tk95suwe1407gqmu4scw.png)

To execute any shell file we use the command.

`./<SCRIPT_NAME>`


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/59k3tvonv6i5nom9831y.png)

 Now the script we created prints the current directory. 


> READ: to read more on [shebang](https://en.wikipedia.org/wiki/Shebang_(Unix))
A look into Machine Learning in Sales - What do Dealcode’s models do?
Published: 2022-08-30 12:07:15

According to a Harvard Business Review study, data-driven decision-making improves business performance. Data-driven decision-making refers to the practice of making decisions based on data analysis rather than intuition. These data-driven companies that pioneered the use of AI in sales are overjoyed with the results, which include a more than 50% increase in leads and appointments, 40%-60% cost savings, and 60%-70% call time savings. When the benefit of allowing sales professionals to spend more time completing transactions is considered, AI's allure becomes even more compelling.

## Machine Learning and Artificial Intelligence, a general view

AI and machine learning have the potential to eliminate the most time-consuming, manual activities that prevent sales teams from spending more time with clients — automating marketing processes, using predictive analytics, forecasting, reporting, and advising, all of which help clients upsell. All of these are methods for reducing labor in sales teams. When using data-driven decision-making, businesses in the top third of their industry are 5% more productive and 6% more profitable than their competitors ([McAfee and Brynjolfsson, 2012](https://hbr.org/2012/10/big-data-the-management-revolution)).

[Caruana and Niculescu-Mizil (2006)](https://www.cs.cornell.edu/~caruana/ctp/ct.papers/caruana.icml06.pdf) examined the top machine learning models with higher performance as well as those that aren’t as significant and are commonly used in sales. The best machine learning (ML) models, such as random forests, boosting, support vector machines (SVM), and neural networks, are demonstrated in this study. In terms of predictive performance, these models outperform simple, interpretable models such as decision trees, naive Bayes, and decision rules. Companies that do not use the aforementioned open-sourced models use their own patent AI and ML models.

## [Dealcode]( https://www.dealcode.ai?utm_medium=linda) - the AI Selling Software.

[Dealcode]( https://www.dealcode.ai?utm_medium=linda) is an AI Guided Selling Software that extracts data from CRMs and processes it using its own AI and machine learning model. It is a predictive analytics tool that predicts the likelihood of success for sales pipeline prospects and risks. It gives sales teams the most up-to-date information on which deals to prioritize and who to contact right away. This predictive analytics is performed by analyzing sales processes using a patented machine learning model. Dealcode identifies individual factors that contribute to the success or failure of a sales team. Sales are noticeably more effective as a result. It also saves money on expensive resources for complex data analyses.

What services does Dealcode offer? Read more on Dealcode’s capabilities from my blog and company’s website - [link](https://www.dealcode.ai/blog/machine-learning-in-sales-how-does-dealcode-s-model-do?utm_medium=linda).
Hi founders, can you share what is the reason customers pay for your tool?
Tags: startup, business, webdev, beginners
Published: 2022-10-06 14:10:54

There is one question that is most important, and most founders ignore it. However, if you want to succeed in your startup business, you need to focus on why your customers are paying for your product.

_We have solved a big problem of SaaS products membership and eCommerce store issue of high churn rate._

**What is the churn rate?**
Churn rate is the percentage of subscribers who leave a company within a given time period. (week, month, year)

For example, if you have 5000 customers at any given time and 300 leave over a month, your churn rate for that month is 6%.

With our startup **[Churnfree](https://churnfree.com/)**, businesses can offer their customers that are dynamic offers and discounts as well as feedback, so they don't leave their service and also gets a review of what they like/dislike about their business.

**You can also share yours!**
Beautiful goldish avatar using only one element - A step-by-step tutorial
Tags: css, html, webdev, tutorial
Published: 2022-10-06 14:27:52


**Tutorial on how to create a beautiful golden avatar using only one element.**

![Goldish Avatar](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/gw3dpd4slrv6yg51sixu.png)

## <u>HTML</u>
For HTML, we need only one div element with class "avatar".

```html
<div class="avatar"></div>
```

CSS
For CSS, first we'll style the "avatar" class.

We'll set width and height of 100x100 pixels with border set to 10px goldish solid.

I'll just set a background image that I found on google and set the size to cover.

To form a circle, simply set border-radius property to 50%.
Lastly, we'll set position to relative.

```css
.avatar {
    width: 100px;
    height: 100px;
    border: 10px solid #d0ab35;
    background-image: url('https://dl.memuplay.com/new_market/img/com.vicman.newprofilepic.icon.2022-06-07-21-33-07.png');
    background-size: cover;
    border-radius: 50%;
    position: relative;
}
```

Now we'll style the before pseudo element.

We'll set content and position to absolute with top, bottom, left and right set to -16 pixels.

This means that this element will be by 16 pixels larger on all sides that the div "avatar" element.

We'll set border radius to 50% to form a circle.

Now we'll set background image to linear gradient with some beautiful golden colors.

Using clip-path property, we'll create cut two squares, one on top and one on the right side.

By setting z-index property to -1, this element will go beneath the "avatar" div element, and it will look like a 16 pixels wide border.

```css
.avatar:before {
    content: "";
    position: absolute;
    top: -16px;
    bottom: -16px;
    left: -16px;
    right: -16px;
    border-radius: 50%;
    background-image: linear-gradient(to right, #BF953F, #FCF6BA, #B38728, #FBF5B7, #AA771C);
    clip-path: polygon(54% 0, 53% 5%, 59% 6%, 61% 0, 100% 0, 100% 60%, 94% 58%, 91% 67%, 100% 70%, 100% 100%, 0 100%, 0 0);
    z-index: -1;
}
```

Now we'll style the after pseudo element.
We'll set content and position to absolute with top, bottom, left and right set to -11 pixels.
This means that this element will be larger that 11 pixels on all sides that "avatar" div element, and 5 pixels smaller that the before pseudo element.
We'll just set solid white border to 4 pixels with radius of 50% to form a circle.

```css
.avatar:after {
    content: "";
    position: absolute;
    top: -11px;
    bottom: -11px;
    left: -11px;
    right: -11px;
    border: 4px solid #fff;
    border-radius: 50%;
}
```

And that's it.

You can find video tutorial and full code [here](http://localhost:63981/code/golden_avatar).

Thanks for reading. ❤️
In One Minute : log4j2
Tags: beginners, programming, tutorial, oneminute
Published: 2022-10-07 18:59:16

Apache Log4j 2 is the successor of Log4j 1 which was released as GA version in July 2014. 

{% embed https://youtu.be/cEfSEd98HDw %}

The framework was rewritten from scratch and has been inspired by existing logging solutions, including Log4j 1 and java.util.logging. 

One of the most recognized features of Log4j 2 is the performance of the "Asynchronous Loggers".

The library reduces the need for kernel locking and increases the logging performance by a factor of 12. 
For example, in the same environment Log4j 2 can write more than 18,000,000 messages per second, whereas other frameworks like Logback and Log4j 1 just write < 2,000,000 messages per second.

Log4j 2 allows users to define their own log levels.

Log4j can be configured through a configuration file or through Java code. 

Configuration files can be written in XML, JSON, YAML, or properties file format. 
Within a configuration, you can define three main components: Loggers, Appenders, and Layouts.
 
Configuring logging via a file has the advantage that logging can be turned on or off without modifying the application that uses Log4j. 

Official Website :- https://logging.apache.org/log4j/2.x/
pet peeve the contact/mailto imbroglio
Tags: webdev, html, ux
Published: 2022-10-08 09:26:44

I'm sick and tired of clicking on a link that says "contact" only to see may email client launching. I've clicked on yet another mailto:link and I was expecting a contact form. 

Could we find a way (an icon ?) that shows when a link is a mailto: link ? 

How exactly do you expect a "contact" link to behave : mailto: or contact form ?
Update API Tegro and The Open Network
Published: 2022-10-08 17:15:09

**To start working with our payment system, we recommend that you study the articles.**

[Initial information](https://coinmarketcap.com/community/articles/33395) that you can study before you start. Token Tegro TGR on The Open Network blockchain (learn more about [the payment token](https://coinmarketcap.com/community/articles/32207)).

TON Blockchain Wallet Update — TON Wallet ([Uniton](https://coinmarketcap.com/community/articles/34981)). Bug Bounty: How to earn cryptocurrency for the mistakes of DEX developers ([new program](https://coinmarketcap.com/community/articles/37945)).

Our team is now working daily to create and improve new projects.

**Documentation and API Tegro**

➡️ Payment gateway — [technical documentation](https://tegro.money/docs/en/) and [information for developers](https://tegro.gitbook.io/en/payments/api/general-information).

➡️ TON wallet — [private API](https://api.uniton.app/) for partners.

You can support us by liking our posts and following our other social networks.
Learn Reactjs, Create Badge
Tags: react, webdev, beginners
Published: 2022-10-09 00:44:15


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/q2vq62ulb7tiyqh9w6zm.png)
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/a36d7tpjl3qb9g43scg3.png)
Vanilla Extract
Tags: css
Published: 2022-10-09 08:15:26

A while ago when I was looking at the results of the [State of CSS](https://stateofcss.com/en-us/) and [State of JS](https://www.stateofjs.com/) there were quite a few tools and frameworks that I've never used and am curious about. So I'm taking some small bits and using some of those things to see what they're like.

The first one I tried was [Vanilla Extract](https://vanilla-extract.style/). It's interesting to search for, because you can get a lot of cake recipes if you're not careful. But it's actually a CSS in JS tool.

I've used one before - Styled Components - so I was familiar with the idea. But Vanilla Extract does a lot. You can do your ordinary CSS in it, as well as variables, themes and there's a Tailwind-like utility functions. Because I was only writing something small I only really scratched the surface of what it can do.

In general I found writing it went wrong a lot because you need to put eg `backgroundColor: 'red',`, whereas in CSS you have `background-color: red;`. I kept having to go back and unhyphenate and add quotes. But I think if I used CSS in JS a lot then I would get used to it.

Once I was past the ordinary CSS aspect I was quickly lost. I think that's because I was trying to use a bit of everything to see what it was like. If I had a bigger project or used it on more projects then I think I'd gradually get to understand it.

But I found the documentation on the website was good. Which is just as well as there's not a lot out there and most of it just repeats what's on the website.

I struggled to bit to get it installed and working because I was using it with Vite, which is an unusual combination (Vite is about the only bundler that will work on my old, slow computer).

I don't know that I'll use it again, because it's more than I need for simple side projects. But I can definitely see how it would be useful for larger projects.
A Senior Fullstack Engineer Who Couldn't Close An Input Tag - Swizec
Tags: webdev, career, beginners
Published: 2022-10-09 15:18:54

####   Original Tweet From  [@Swizec](https://twitter.com/Swizec)
{% embed https://twitter.com/Swizec/status/1578407730305384448 %}
Yesterday I saw a senior fullstack [web] engineer who couldn't close an &lt;input&gt; tag in React because we asked them not to use Material UI 😐

and that's why we need interviews 

I honestly can't stop thinking about it.

An input tag. They couldn't figure it out. I had to rescue them. 5 minutes of fumbling. 

And no it wasn't just nerves, the pattern was strong. 

No like couldn’t figure out why

&lt;input …&gt;
 &lt;child&gt;
 &lt;child&gt;
&lt;/input&gt;

isn’t working. Even tried

&lt;input …
 &lt;child&gt;
 &lt;child&gt;
/&gt;

No material ui completely threw them off. Suddenly didn’t know basic syntax

{% embed https://twitter.com/mattconvente/status/1578408836225847296 %} 

I'm certain they can code. Just not the kind of code we're looking for.

And I can only evaluate what I see. Otherwise we're back to credentialism, which is objectively worse.

{% embed https://twitter.com/mindplaydk/status/1578482858078785536 %} 

Yes I expect a marathoning candidate to be able to walk around the room. And I think that’s reasonable

{% embed https://twitter.com/el_rodrix/status/1578499739166703617 %} 

If you approach HTML as “memorizing syntax for every element”, you’re doing it wrong. It’s a language because there’s rules you can follow even in unfamiliar territory.

and a senior web developer should know that.


{% embed https://twitter.com/Programazing/status/1578696662150565888 %}

Click [Here](https://www.knowledge-twitter.com/?utm_source=dev.to)  For More Posts Like This [https://www.knowledge-twitter.com](https://www.knowledge-twitter.com/?utm_source=dev.to)