teleren/devto huggingface dataset:
A Brief History of Dongles & Copy Protection
Tags: usbdongle, security, licensekey
Published: 2021-07-01 09:56:30

Two general techniques can be used to provide copy protection for a software application. Programs can be protected digitally using software or physically with a copy protection dongle. 
 
While using software may seem like a simpler method, keeping your software safe from piracy can be difficult. The software used to protect your program can be hacked, rendering it useless as a defensive measure.
 
Tenacious hackers can subvert the detection and encryption mechanisms put in place to keep them away from protected software resources. Using a physical form of defense like a USB copy protection dongle provides an additional level of security that must be breached to gain access to the projected resource. It’s not a perfect method but is widely used by software developers to protect their work.

##Providing physical protection

A physical security solution was introduced in the 1980s in the form of dongle copy protection. Dongles are hardware devices that connect to a computer’s USB or I/O port. They are difficult to duplicate or crack and provide verification that a software product is valid for use.

Dongles are commonly constructed with the following three distinct components.

1. A custom processor that provides the dongle’s intelligence and functionality. The license credentials required to activate the protected software are stored here. 
 
2. An interface to connect the device to a computer using its USB, serial, or parallel port. 
 
3. A device driver to facilitate installation and communication between the dongle and the host computer. 

Physically, a USB dongle is very much like a USB flash drive with the addition of a dedicated processor that gives it its necessary functionality. 
 
A robust method of using a dongle with a software application is to have the program authenticate itself multiple times by accessing the device. Poorly implemented protection schemes may only query the dongle when the application is first started, resulting in a single potential source of failure. It is much easier for hackers to manipulate the code to gain unauthorized access to the protected software when only one check is made. A better solution makes multiple checks at various points in the program, not only at startup.
 
**It can often be useful to copy a USB dongle so it can be used on multiple computers simultaneously**. Teams may have unlimited access to a software product but only have a limited number of physical dongles available. By creating a virtual copy of a USB security dongle, a team of technicians can use the software at the same time. 
 
Virtual copies of USB copy protection dongles also enable remote users to gain authorization to the protected resource. This can greatly improve productivity and make the protected software more valuable to an organization. With the increased focus on remote work these days, this may be the most important reason for copying a dongle key.
Installing macOS Monterey on an external drive
Tags: macos, podcast
Published: 2021-07-02 04:56:35

---
title: Installing macOS Monterey on an external drive
published: true
date: 2021-07-01 09:54:34 UTC
tags: macos, podcast,
canonical_url: https://www.compileswift.com/podcast/s03-e04/
---

{% spotify spotify:episode:0OAA4QwOVTmBfIciFkYJih %}

It was time for me to take a look at macOS Monterey. But as with every year, I install pre-release versions on an external drive. Which is normally not a problem. Until this year that is. The Apple M1 chip means I have to do things different and it is more complicated. I solved the problem and it might help you. So listen on.
Benefits Of Online Reputation Management
Tags: raymondhalliwell, onlinereputation, orm, digitalmarketing
Published: 2021-07-01 09:48:19

As the name implies, online reputation management builds a digital public image so that anyone searching for your company finds positive customer experiences and 5-star reviews that bring the company in a good light. A good reputation protects the future of the business and enables it to retain or attract clients. Moreover, today, as there is ORM software, business owners can easily track negative comments, media mentions, as well as client’s feedback about their business. Certainly, there are many benefits of ORM expressed by digital marketing expert, that is me, [Raymond Halliwell](https://twitter.com/raymondhalliwel). Let us get into the shell.

##Online reputation builds credibility##

Most people prefer to buy online from a brand they trust. With the right ORM strategy, you can make your trust develop on potential consumers. If a company does not have a positive reputation, it will not win consumer trust. A good and positive image helps a business find potential consumers and increases employee loyalty.

##Build a perfect brand image##

Of course, for any business, building a perfect brand image is important. This could be only possible if you successfully portray what your brand is up to. Online Reputation Management plays a vital role here. It highlights your business so that it grabs the attention. Once your positive image catches the limelight, it will attract more and more consumers.

##It builds Trust and Boost Sales##

Transparency is one of the crucial aspects every consumer wants from a brand. People only trust brands with a good online reputation. If they develop trust on a specific brand, they follow suit with the same feelings. Research also says that more than 85% of people trust brand recommendations from acquaintances and 70% of trust are more developed than paid ads.

##Improve Search Engine Ranking##

Online reputation management also helps in improving the search engine ranking of businesses. The testimonials of the clients about the business performance play a vital role as Google takes them seriously and works according to them. ORM enables businesses to make sure that their website is running according to the SEO needs of Google.

##Attracts Better Employees##

Reviews are important to attract consumers as well as employees. As people want to work with a reputed company that has positive online reviews. They want to work with an organization that has received positive reviews from their previous employees. Besides workplace reviews, positive feedback and content also show that a company has a good working culture. All these aspects are important to attract more talent.
What is Neumorphism?
Tags: design, webdev, python, javascript
Published: 2021-07-01 09:46:50

“Neumorphism” is a new slang term in design circles — co-created by  Michal Malewicz
 — which essentially crosses the words “new” and “skeuomorphism”.

Essentially, it’s a new, minimal way to design with a soft, extruded plastic look. It’s almost as if the interface has been vacuum-formed. And let’s just get it out the way right now: it’s dividing opinions.
I personally like the look and think it brings a fresh new challenge to UI designers and front-end developers everywhere.

<b>Is it helpful?</b>
Hetchr Beta : a developer's homepage
Tags: productivity, showdev, news
Published: 2021-07-01 09:37:37

Hi folks!

We centralize the main features of your everyday tools (PRs, CI, Kanban tasks) and build a live feed of everything happening within your development teams. Essentially, we aggregate a "quick view" of your team's development status and give you a way to manage tasks directly from our platform.

We just opened up beta testing and anyone can create an account here: https://preview.hetchr.com/signup

Currently, we have integrated Github Issues, Github Pull Requests, Jira, and two native Hetchr ATOMs.  Next on the list are CircleCI / Github Actions / Jenkins.


Some additional notes:

- The only data we permanently store is your name, email, and authentication credential.  While using Hetchr, we only collect and store locally the data necessary to display your workspace.  For Jira, we access/store your project's configurations and the issues.  For Github, we access/store your Issues and Pull Requests' comments (not the code).  You can delete your account and any associated data in the setting section.

- In order to install our Jira ATOM, you must be the Jira administrator and in order to install our Github ATOMs, you must be the repo owner.

Thanks for taking a look!  I’d love to hear your thoughts and happy to answer questions 🙂
How to See Which Branch Your Teammates are on in VS Code
Tags: programming, productivity, webdev, vscode
Published: 2021-07-01 09:20:33

*"What branch are you on?"* is often the first question you ask when a teammate says *"The tests aren't passing"* or *"The build failed"*. Here's how you can get an answer to that question without even needing to ask.
In VS Code, open up the team tab by clicking on the GitLive icon on the activity bar.

<img src="https://uploads-ssl.webflow.com/6033cf9dce54c65d97d57571/60dc2f057742ba751f4b670d_P4%258lkvvRciwZO%2BKdU4Vkg_thumb_337.jpg" alt="vs code view">

This will show a list of your teammates, if they are online (or away) and the issue they are currently working on. Locate the teammate you are interested in and click the arrow on the left-hand side of their avatar.

<img src="https://uploads-ssl.webflow.com/6033cf9dce54c65d97d57571/60dc2ef91526165c62dc08a1_img%202.png" alt="vs code view">

Now you will see all the repositories they have cloned including the name of their current branch!

<img src="https://uploads-ssl.webflow.com/6033cf9dce54c65d97d57571/60dc2ef4934bbc85921ee87f_image.png" alt="vs code view">

**NOTE**: If an issue has been connected to the branch you'll see the issue name instead, if that's the case just hover your cursor over the issue name and a tooltip will appear showing you the branch name (and even the commit hash).

<img src="https://uploads-ssl.webflow.com/6033cf9dce54c65d97d57571/60dc2eff1f3a80255c49f6e6_img%204.png" alt="vs code view">

Don't have the GitLive extension installed yet? You can find it [here](https://marketplace.visualstudio.com/items?itemName=TeamHub.teamhub) and, if you need help setting it up, follow the instructions [here](https://docs.git.live/docs/installation/) .
Create Your First React Component In Laravel from Scratch
Tags: react, laravel
Published: 2021-07-01 09:15:38

React is an open-source front-end JavaScript library for building user interfaces or UI components. It is maintained by Facebook and a community of individual developers and companies. React can be used as a base in the development of single-page or mobile applications.

In this blog, we will learn how to install React JS in Laravel 8. If you don't know how to install Laravel 8 in React JS, this example tutorial is for you. I will show you step by step to install react js in your Laravel 8 application.

We will use the Laravel UI package to install React JS in the Laravel 8 application. I will show you React JS installation process with auth or without auth in Laravel 8. So let's start our tutorial. So you will also see Laravel 8 React auth or Laravel 8 React authentication process.

If you are a beginner with Laravel 8, I am sure it will help you install React in Laravel 8. It's a straightforward and easy way to install React JS using the Laravel UI composer package.

Laravel UI package provides a way to install basic bootstrap, react and react setup, and Vue js or angular js. They also offer auth scaffold for login and registration with all of those javascript frameworks or libraries. Laravel 8 provides an easy way to work with bootstrap, react, vue, and angular js.

[Create Your First React Component In Laravel from Scratch](https://www.codecheef.org/article/create-your-first-react-component-in-laravel-from-scratch)
Make a glass-morph card in less than 5 minutes!
Tags: webdev, html, tutorial, codepen
Published: 2021-07-01 09:14:26

Hey everyone 👋🏻, today we are going to make a glass morphism card using only HTML and CSS!

Now what is *glass morphism*, it is a UI trend which was trending in recent times and is very very easy to make, so without wasting any time let's get started 👩🏻‍💻.


{% codepen https://codepen.io/shreyas13/pen/YzVXPYL %}


## Steps to make a glass-morph card :

1. Make a `div` with a linear gradient(not necessary) or make any shape, this shape will go behind the card to make it look translucent. 

2. Make the `div` with a class of `card`, give it some width and height, center it on the screen using `position: absolute;` or `display: flex` whichever method you like. 

3. Now there are 2 main properties to be applied on the card, which will make it look like translucent object, the properties are :
``` css
background: linear-gradient(
    101.96deg,
    rgba(249, 249, 249, 0.261) -0.52%,
    rgba(249, 249, 249, 0.0775668) 88.4%,
    rgba(249, 249, 249, 0.058) 100.25%
  ); 
```
``` css
  backdrop-filter: blur(20px); /* some browsers don't support this property but if you still wanna try it out then use chrome */
```

That's it you have made a glass-morph card on your own 🥳!! Wasn't that easy?!!

-----
Thank you for reading the whole blog 🎉, and if you found it helpful then do implement this in your projects!!
-----
// connect: 
[My Socials](https://linktr.ee/shreyazz)
Introduction to Git and GitHub
Tags: github, git, beginners
Published: 2021-07-01 09:12:17

 This blog is part of **4 Blogs Series** in which I will tell you How I went from thinking *"Git and Github as same" to "Pushing my Projects to Github and Contributing to Open Source".*


## ***Git != Github***
Yes, I was also one of those newbies Who  used to think that Git and Github are the same but if they are not the same then How they are different ? 😕
If I tell you in layman language then:
> **Git** is the platform that makes it easier to track changes made in code/projects/files or as we call it in more complicated language **Version Control System** .

> **Github** can be considered as a *Social Media Platform* where developers post their **Projects/Codes.**

## ***Installation***

**Git**: Git can be installed using this  [Git](https://git-scm.com/downloads). It is a simple one-click process.

**Github**: Now to use Github use just need to create an account on [Github](https://github.com/)  Platform.

## ***Prerequisite***
Now you are ready to work on Git and Github. But before we start you should be familiar with some of the basic terminology.
- Directory= **Folder** in your computer.
- cd = Change directory.
- commit = It is basically a small description of changes you made to code. 
- Code Editor = I know you are not that novice but still let me explain. It is a desktop app where you write your code. Ex: Atom, Sublime, **Visual Studio Code** (*we will be using VS code*).
- Repository = It is a folder on Github where you will be storing all your files/codes, etc. Sometimes also called as ***Repo***.
- Clone = It is a *git command* that brings repo stored on GitHub to your local machine to work on it.
- add = It is also a *git command*. It prepares your changes in code to allow them to push to GitHub repo.
- push = As the name suggests this command helps you to push back your updated code to GitHub.

Don't worry if you don't remember them we will again understand them while using them practically in our future blogs. That's all for this blog. 

In Blog 2 (4/7/2021) we will discuss: **How to begin with Git and GitHub, Push your local projects on GitHub and more..**.

Until then ***Keep Learning, Keep Growing 👋***. Please do share your feedback.

<h2>Connect with me 👇 </h2>

Twitter|LinkedIn|Gmail|DEV
-------|---------|------|--------
 <a href="https://twitter.com/Vanshsh2701" target="_blank"><img src="https://img.icons8.com/clouds/60/000000/twitter.png"/></a>|<a href="https://www.linkedin.com/in/vanshsharma27/" target="_blank"><img src="https://img.icons8.com/bubbles/60/000000/linkedin.png"/></a>|<a href="mailto:vanshsharma9354@gmail.com" target="_blank"><img src="https://img.icons8.com/clouds/60/000000/gmail.png"/></a>|<a href ="https://dev.to/vanshsh" target="_blank"><img src="https://img.icons8.com/office/50/000000/blog.png"/></a>
Day 128
Tags: 100daysofcode, programming
Published: 2021-07-01 09:11:29

Day 128/200 of #200DaysOfCode #100DaysOfCode  

- Solved two problems on Codewars.

1 - Higher-Order Functions Series - Will all continents be represented? (6 kyu)
2 - Higher-Order Functions Series - Greet developers (7 kyu)
Depth First Traverse
Tags: algorithms, programming, javascript, webdev
Published: 2021-07-01 09:04:44

Depth First is an algorithm that traverses data structures focusing on the depth of nodes. It is useful for searching data in a DS or adding or updating data in the nth place of a DS.

There are Three types of DFT [Depth First Traverse]
1. Pre Order
2. In Order
3. Post Order

Now let’s see a code example of DFT algorithm on a Binary tree.

```js
const dft_preOrder = (root) => {
	const list = []
	
	function dftRecursion(root) {
		if (!root) return list

		list.push(root.val)	// pre order
		dftRecursion(root.left)
		dftRecursion(root.right)

		return list
	}
	dftRecursion(root)

	return list

}

console.log(dft_preOrder(binaryTree))
// result: [ 1, 2, 4, 5, 3, 4, 6 ]

// put a binary tree as the root parameter. 
// It looks like this:
//            1
//          /	\
//         2      3
//        / \    / \
//       4   5  4   6	
```

<p>
So, What’s happening here:
</p>

* Access the root node, put it in the stack, then pop from the stack
* Printed its data.
* Then “if next nodes are not null” then, put its next right and left nodes in the stack. But “if null” then bring the last item from the stack.
* Bring the last item from the stack, which is the left node.
* Then printed its data.
* Keep doing the above, till the stack is not empty.

####Read the full article to know more about all types of Depth First Traverse using animations on my blog. [Click Here](https://blog.abmsourav.com/depth-first-traverse/)


.
Cool APIs you might not know about 😎
Tags: webdev, api, beginners, codenewbie
Published: 2021-07-01 09:01:52

Here are some cool APIs you might not know about. They are all free to use for no comercial projects.

__THE MEAL DB__

Have you ever wanted to make a recipe book app? This is the best choice you can find. It gives you images, diferent searching filters and any kind of meal you can imagine. The same people also have a Sports API, a Cocktail API and a Audio (music) API, they're also pretty cool.

https://www.themealdb.com/api.php

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

__The COVID19 API__

This API gives you all the information you need about this pandemic. It gives you global information, but if you only want to check how your country is doing, you can also do that easily. This API is really useful, not only to practice your coding in a fun way, also to be aware of how this pandemic is affecting the whole world.

https://covid19api.com/

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

__The GIPHY API__

I do not know why this API is not more popular. From probably the biggest GIF website, they give you access to all the gifs you want, their creator and much more. You can pick between API and SDK in this one, the SDK gives you more data.

https://developers.giphy.com/docs/api

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/1d4h79otpznrs8uaia7b.png)

__The Cocktail DB__

As I mentioned before, it is developed and mantained by the same people as the Meal DB. It gives you all the data you can think of about cocktails. Really easy to use as well.

https://www.thecocktaildb.com/api.php

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


Hope you find this helpful.
Pros and Cons of Team Task Management Tool You Need to Know

Tags: productivity
Published: 2021-07-01 08:52:58

Seamless collaboration, real-time sharing, unlimited data storage, and effective communication are the need of the hour for modern enterprises. But, with multiple projects in hand, project managers find it extremely difficult to cope with various tasks and accomplish the project on time. In 8 hours a day schedule, they have to assign tasks, track deliverables, and prepare various reports for the management. Here, a team task management tool lends a helping hand.

The feature-rich task management software can act as a platform to enable project managers to track their team’s workflow and monitor tasks in real-time. But, here is the catch- a wrong productivity tool or a task management tool can make every process cumbersome and complicated. Here are the pros and cons of a project management app or tool that can assist you to choose the right solution for your company.

<h3>Top Pros of Team Task Management Tools</h3>
It is fair to mention that project management software can make your workplace more productive by increasing the efficiency of all the team members. As a single source of information, a team task management tool can manage all the projects efficiently and minimize the chances of miscommunication, schedule errors, and missing deadlines.

Your team members can easily access and share the corporate details as and when necessary. As a result, the entire workflow or a work schedule remains organized.

<h2>Top five benefits of a project management tool are-</h2>
<h3>1. Higher Visibility</h3>
A robust productivity tool can represent the workflow visually and the team can plan, organize, and monitor every aspect easily. Managers can see the current status of an individual team member or the entire team over a week or a quarter period. This can help managers make insightful decisions in prioritizing and delegating tasks.

<b>Original Source : <a href="https://www.taskopad.com/blog/pros-and-cons-of-team-task-management-tool/"> Team Task Management </a> </b>
gl uniform
Published: 2021-07-01 08:36:00

![square and triangle in suits](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/8luisd316hs5t15iyjo9.png)

Lately I had problem with variable in my code. Variable that I send to GLSL don't work. It turned out I forgot **uniform** instruction before variable type.
Of course my memory is good but short.

Tabel of functions that use **uniform** instructions.

uniform types | functions
---|---
float| gl.uniform1f gl.uniform1fv
vec2|gl.uniform2f gl.uniform2fv
vec3|gl.uniform3f gl.uniform3fv
vec4|gl.uniform4f gl.uniform4fv
int|gl.uniform1i gl.uniform1iv
ivec2|gl.uniform2i gl.uniform2iv
ivec3|gl.uniform3i gl.uniform3iv
ivec4|gl.uniform4i gl.uniform4iv
sampler2D|gl.uniform1i gl.uniform1iv
samplerCube|gl.uniform1i gl.uniform1iv
mat2|gl.uniformMatrix2fv
mat3|gl.uniformMatrix3fv
mat4|gl.uniformMatrix4fv
bool|gl.uniform1i gl.uniform1f gl.uniform1iv gl.uniform1fv
bvec2|gl.uniform2i gl.uniform2f gl.uniform2iv gl.uniform2fv
bvec3|gl.uniform3i gl.uniform3f gl.uniform3iv gl.uniform3fv
bvec4|gl.uniform4i gl.uniform4f gl.uniform4iv gl.uniform4fv

Each functions in table take handle to GLSL variable in first argument 

In functions prefix **i** is int, **f** float and **v** is table.

**gl.getUniformLocation(glsl_program, variable_name)** return handle to variable in GLSL.

In WebGL handle will be represented by WebGLUniformLocation interface.