teleren/devto huggingface dataset:
How to Mirror an Android Phone or Tablet to a Windows PC (Miracast)
Tags: beginners, testing, test, tutorial
Published: 2022-01-28 13:32:12

Read this article to how to cast a phone screen to a computer monitor using integrated Windows features, and how to do it from another PC running Windows 10.

## Wi-Fi limitations (Miracast)
Android received Miracast support as of version 4.2, on October 29, 2012. The first consumer devices certified to support Miracast were such smartphones as LG Optimus G, Pantech Vega iRon, Samsung Galaxy S III, Google Nexus 5. Therefore, this is not a function that is supported essentially by any Android device.

YouTube: {% youtube jOBAAS-9d8c %}

In Windows 10, this feature has been introduced with the Anniversary update, and any OS versions before that don’t support this function either.

Talking of Wi-Fi adapters, for Miracast you need a device supporting the standard 802.11n. Any devices that didn’t support this technology before can be compliant now as long as they have received corresponding firmware updates.

## How to cast a phone screen to a PC
To have a phone screen displayed on a PC you should have both devices connected to the same Wi-Fi network.

![Image description](https://hetmanrecovery.com/pic/blog/a143/wi-fi-network.png)

Make sure that the devices are connected to such network, then click on the notifications icon and choose Connect in the new window that opens.

![Image description](https://hetmanrecovery.com/pic/blog/a143/connect.png)

If you don’t see the icon Connect, most likely your computer lacks the Anniversary update. After you click on that icon, one more window opens, where you should click on Projecting to this PC.

![Image description](https://hetmanrecovery.com/pic/blog/a143/projecting-to-this-pc.png)

Now change the corresponding settings to Available everywhere and Every time a connection is requested; if you want, you can also enable PIN request for additional protection.

![Image description](https://hetmanrecovery.com/pic/blog/a143/projecting-to-this-pc-02.png)

Now take your phone: open Settings / Networks & connections and tap on More / Wireless display.

![Image description](https://hetmanrecovery.com/pic/blog/a143/android.png)

Turn it on. You will see the list of available devices where the phone screen can be displayed. Select a device and get connected.

![Image description](https://hetmanrecovery.com/pic/blog/a143/android-03.png)

Your monitor will show a pop-up window asking for permission to connect a new device – click Yes.

![Image description](https://hetmanrecovery.com/pic/blog/a143/connect-a-new-device.png)

The projecting preparation window should appear.

![Image description](https://hetmanrecovery.com/pic/blog/a143/projecting.png)

Soon it will change to display the screen of your phone. However, protected contents won’t be available for viewing, and you can’t use the mouse to control the screen images.
I am a GitHub Star ⭐
Tags: github
Published: 2022-01-28 13:26:18



> 
The GitHub Stars program thanks GitHub’s most influential developers and gives them a platform to showcase their work, reach more people, and shape the future of GitHub.

This is **the essence of the GitHub Stars program** and I ❤️ it.

I am very happy to announce that today I have been accepted as GitHub Star ⭐.
It's an honor for me to be recognized.

When I saw the others members this morning I told to myself "ehy, what the hell are you doing here!?!?" but at the same time **I am motivated to continue to share my knowledge** during the events, on my videos and on my Twitch channel.

GitHub, for me, is the first site I visit in the morning and the last one I view before I go to bed at night.
I also use it to see other people's code, which is one of the best ways to learn.

You can checkout my GitHub Star profile [here](https://stars.github.com/profiles/kasuken/). 

![GitHub Star Emanuele Bartolesi](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/23s2qyvgf1l566wv19yl.png)

And now it's time to take a rest and wait for the swag in the next few weeks :)
Moleculer ?
Tags: discuss, webdev, beginners
Published: 2022-01-28 13:24:57

Hello wonderufl people, I've been working with nodeJS for over 3 years now and for performence reasons we decided to switch from nodeJS to molecular so from a monolith architecture to microservices.
I've been reading all this articles and docs and I am getting so confused .
Do you suggest any easy to understand and simple tutorials ? some experience tips ? any help would be great !!
Online Courses - 10 Ways Developers Make Money Working from Home - E03
Tags: career, programming, webdev, beginners
Published: 2022-01-28 13:15:48

Online education has become one of the most popular ways to teach and learn online. With a simple online course, you can build your reputation as an expert, increase your income, attract clients, boost your creativity and grow your community.

Are you passionate about teaching web development? Why not utilize it as a business opportunity and create your online course to start to earn money.

In this video series, I share the best ways and how to increase your money income as a web developer while working from home.

Check the video here - https://youtu.be/zs4abEW9nNk

👉 Subscribe to Dan Later - https://bit.ly/31SdiZv
Top 9 Best Practices To Avoid Browser Compatibility Issues
Published: 2022-01-28 13:07:42

[As per Wikipedia](https://en.wikipedia.org/wiki/Google_Chrome_version_history), Google has released 39 versions of the Google Chrome browser in the last 5 years. Similarly, Chrome competitors i.e. Mozilla Firefox, Opera, Safari, Edge are also trying to match up to the release pace in order to dominate the browser wars. Looking at the statistics, we can say that a new browser version is released almost every month.

Note - [SVG SMIL animation](https://www.lambdatest.com/web-technologies/svg-smil?utm_source=devto&utm_medium=organic&utm_campaign=apr12_sb&utm_term=sb&utm_content=web_technologies) method allows you to use animation elements (animate, animateMotion, etc.) to animate your SVG images.

Every web browser has different rendering engines that are responsible for compiling and presenting your web application to your visitors. Now, each rendering engine has a unique way of interpreting HTML, CSS, and JavaScript which is why you need to perform [cross browser testing](https://www.lambdatest.com/?utm_source=devto&utm_medium=group&utm_campaign=jan28_sb&utm_term=sb&utm_content=webpage) to ensure a pixel-perfect UI to your website visitors. These rendering engines vary in every new release version of a browser.

If your website is not ready for the latest browser version, then chances are that you are going to collide into cross browser compatibility bugs, which can ultimately affect your business, your reputation, your branding, or worst your customers.

Now, I know that ensuring your website is cross browser bug-proof can be a tough ask. However, following some best practices can certainly help you to minimize such issues in the future. This is why I thought of sharing some cool tips with you that can help you avoid [cross browser compatibility](https://www.lambdatest.com/feature?utm_source=devto&utm_medium=group&utm_campaign=jan28_sb&utm_term=sb&utm_content=webpage) issues on your website.

Note - [SVG vector-effect: non-scaling-stroke](https://www.lambdatest.com/web-technologies/vector-effect?utm_source=devto&utm_medium=organic&utm_campaign=apr12_sb&utm_term=sb&utm_content=web_technologies) is a stroke which maintains its width, regardless of transformations like rotation or scale.

You can zoom to view this image 👇

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

### Share this Image On Your Site

```
<blockquote class="embedly-card"><h4><a href="https://www.lambdatest.com/blog/wp-content/uploads/2020/02/browser-compatibility-issues-and-solutions-1.png">null</a></h4><p>null</p></blockquote>
<script async src="//cdn.embedly.com/widgets/platform.js" charset="UTF-8"></script>
```

Note- [let](https://www.lambdatest.com/web-technologies/let?utm_source=devto&utm_medium=organic&utm_campaign=apr12_sb&utm_term=sb&utm_content=web_technologies) allows you to declare variables that are only valid within the scope of the block statement or expression on which it is used.
Error: Permission denied (publickey) [Best Solution 2022]
Tags: errors, permission, gitbuberror
Published: 2022-01-28 13:07:41

**Are you facing any issues with git authentication? this tutorial will fix your problem**

[https://www.youtube.com/watch?v=dxvnbKaszBw](https://www.youtube.com/watch?v=dxvnbKaszBw)

## Commands used in this video:

```
git config --global --unset core.excludesfile

git config --global --unset user.name
git config --global --unset user.email

git config --global user.name "adeleyeayodeji"

git config --global user.email "biodunhi@gmail.com"

ssh-keygen

//powershell

Get-Content ~/.ssh/id_rsa.pub | Set-Clipboard
```
What is Jenkins, and Why is it used? | Jenkins Tutorial | Part I
Tags: jenkins, automation, javascript, beginners
Published: 2022-01-28 12:54:37

{% youtube 2w-_JOK96Uc%}

This is Part I of the Jenkins LambdaTest Tutorial series wherein Moss(@tech_with_moss), a DevOps engineer explains Jenkins, showcasing how its extensible plugins facilitate continuous integration and deployment and the problem it solves in the software development lifecycle?

You will also learn 🎫 -:
🔸 What do you use Jenkins for?
🔸 How does Jenkins work?
🔸 Is Jenkins a CI or CD?
🔸 What is Jenkins used for in DevOps?
Keystroke Authentication using Typing AI Biometrics
Tags: biometrics, typingbiometrics, keystrokedynamics, authentication
Published: 2022-01-28 12:53:27

Typing AI Biometrics records the keystroke timing data and creates a model. Applies learning algorithms to differentiate between a valid user and an intruder. Biometrics based on “who” is the person or “how” the person behaves, present a significant security advancement to meet new challenges of security.

The most promising approach has been [Keystroke Biometrics](https://typing.ai) which refers to the habitual patterns or rhythms an individual exhibits while typing on a keyboard input device. Compared to other biometric schemas, keystroke has the primary advantages that:

- No external hardware like scanner or detector is needed. All that is wanted is a keyboard.
- The rhythm or the pattern of the users is a very reliable statistic.
- It can easily be deployed in conjunction with existing authentication systems.

Typing AI is a secure typing biometrics authentication API that identifies users by the way they type. The detection accuracy level is very high and there are almost no false positives.

This project uses artificial intelligence in order to detect the typing pattern. A unique typing ID is generated for each user. There are lots of peoples who tested the API and the accuracy level is over 99.9%.

Typing AI Biometrics provides enterprise grade security. TypingAI can be easily integrated in web, desktop and mobile apps using any programming language.

You can find more details on the [Typing AI](https://typing.ai) website.
Vue3 Challenge: ButtonsGroup
Tags: vue, webdev, 100daysofcode, challenge
Published: 2022-01-28 12:50:55

---
title: Vue3 Challenge: ButtonsGroup
published: true
description: Learn how to create headless components in Vue
tags: #vue #webdev #100daysofcode #challenge
cover_image: https://images.unsplash.com/photo-1541474583361-bc9527eb46d6?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1114&q=80
---

Let's say we want to make a component similar to [q-button-group](https://quasar.dev/vue-components/button-group).

As a Developer I need 2 components `TButton` and `GroupRender` so that I can style `TButton` independently and create groups just by putting those buttons inside the `GroupRender`.

Given **Vue Template** should result into **Resulting HTML**.

### Vue Template
```html
<div class="flex flex-col justify-center items-center min-h-screen space-y-8">
  <div>
    <TButton label="One" />
  </div>
  <div>
    <GroupRender>
      <TButton label="Two" />
      <TButton label="Three" />
    </GroupRender>
  </div>
</div>
```

### Resulting HTML

```html
<div class="flex flex-col justify-center items-center min-h-screen space-y-8">
  <div>
    <button class="border rounded-lg px-4 py-2 hover:bg-gray-100">One</button>
  </div>
  <div>
    <div class="border rounded-lg flex divide-x">
      <div>
        <button class="px-4 py-2 hover:bg-gray-100">Two</button>
      </div>
      <div>
        <button class="px-4 py-2 hover:bg-gray-100">Three</button>
      </div>
    </div>
  </div>
</div>
```

[See result](https://play.tailwindcss.com/Z5uN88Mk7b)

## How to submit?

1. Write in the comments "Challenge accepted".
2. Fork [stackblitz project](https://stackblitz.com/edit/vue3-button-group?file=src%2FApp.vue) and send a new link with your solution as a reply to your original comment.

Unit tests are good to have, but optional.

Share useful articles in the comments.

In a meantime I will start working on a tutorial and a solution. Don't miss it - subscribe to discussion and follow me.
how to check ip address in Linux
Published: 2022-01-28 12:35:24

# What is Ip address?
An IP address is an identifier that enables our device to send or receive data packets across the internet. It holds information related to our location and therefore makes devices available for two-way communication.

Most internet service providers still use IPv4. It’s based on 32 binary bits, consists of four numbers from 0 to 255, and is separated by dots. For example, 103.86.98.1.

# Check Ip address with ip addr command
`ip addr – Show information for all addresses
ip addr show dev em1 – Display information only for device em1`

# Get Ip address with ifconfig command
The “ifconfig” command is another most common command used to view IP related information.
This command will list all the network interfaces along with their details which include interface status, IP address, MTU size, etc.

# Find Ip address with ip route command
The “ip route” command can also be used to find the IP address of a system. In order to find the IP address of a system, use the command as follows:

`$ ip route
`
This command will print out the IP address of our system along with other network details.

[how to check ip address in Linux](https://www.howtouselinux.com/post/check-ip-address-in-linux)
Hire a Skilled and Dedicated team of iPhone App Programmers from India
Published: 2022-01-28 12:23:26

The high-quality and performance standards of the apple app store assure an impeccable performance of its app for its users. This trust in quality by the user is one of the prime reasons most businesses trust iOS app development for their primary app launch.

Also, Apple users are generally perceived to be quality product users irrespective of their price. A quality product with a little premium cost is an acceptable standard among iPhone users. So iPhone app development is the best option if your target audience is the people who prefer quality products at a premium price.

Now, there are various options for developing an iOS app but the best one preferred and experienced by me is to **[hire dedicated iPhone developers](https://www.webcluesinfotech.com/hire-ios-app-developer/)**. There are multiple benefits of hiring developers for your project along with cost-effectiveness.

You can either choose to hire a full-time iOS programmer until your project is completed or you can hire them on a per hour basis for a specific kind of work. Also, hiring an iOS programmer from an agency has more benefits than hiring a freelancer in terms of cost as well as responsibility. 

You can Hire iPhone app developers from WebClues Infotech.  

**Flexible Pricing Structure**
WebClues Infotech follows a flexible pricing structure for premium end-to-end, full-stack JavaScript development services suited to the needs of client businesses of various scales.
- Hourly $20 
- Monthly $2600 
- Team $13200

**Hiring Process**
Their hiring process is summarized into 5 easy steps: They first analyze and discuss your requirements over call/chat/email. In the second step, they share suitable resumes as per discussion/requirement. Then you can shortlist suitable talent based on the interview session. Once the project roles are assigned they initiate their work in the various roles proactively using the best tools and technological frameworks in the trade. For daily work updates, they prefer transparent communication. The developers you hire will communicate in your language so that you can have discussions and report with ease.
Um breve resumo sobre Qualidade de Software
Published: 2022-01-28 12:20:18

Para se ter uma qualidade de Software, é necessário ter um bom processo de desenvolvimento e organização para se destacar no mercado, pois devem ser consideradas algumas características, tais como competitividade, qualidade, custo e o beneficio.
Como o mercado está cada vez expandindo, as empresas precisam se atentar a detalhes que mantenham os clientes, e sempre estar em busca de novos, aumentando os lucros mantendo a qualidade, pois os clientes não admitem a falta desta, precisando estar sempre em atualização, mantendo o foco e utilizando boas praticas, identificando e corrigindo possíveis falhas, assim que encontrados.
É muito importante prestar atenção nos desejos e dores dos clientes, através dos requisitos funcionais e não funcionais, evitando retrabalho e mal entendidos, pois eles que irão utilizar o sistema, possibilitando a troca de ideias, estar aberto a ouvir, possibilitando a experiência do usuário, que é determinante para a realização de um sistema de qualidade, com a usabilidade de testes, como as funcionalidades, segurança, facilidade, além de ser necessário um treinamento, ou seja “o cliente quem manda”…
Assim se conclui, que a qualidade é essencial para se ter um software competitivo no mercado, pois é necessário analisar o ciclo de vida e seus requisitos, considerando o desenvolvedor e os usuários em todos os momentos, verificando a sua construção e se todas as regras estão sendo cumpridas nos padrões estabelecidos desde o início do projeto.
How to use Deploy Keys on GitHub?
Tags: github, deploy, key, ssh
Published: 2022-01-28 12:20:00


Have you ever noticed a menu, deep down inside the GitHub settings, called Deploy Key and wondered what that was for?

Well, today you'll finally know what that is for and how to use Deploy Keys in GitHub.


Configuring multiple SSH Deploy Keys on GitHub from one server. I wanted to use Deploy Keys on GitHub. Deploy Keys are pretty much read-only keys for your repositories. They can be found by going to your

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/44tmyxmyjhgpzka56hg9.jpg)
 
I find them to be best practice for getting your code on your prod server as these only allow for servers to clone the code and not write to the repositories.

First create SSH KEY on server or using laptop where you deployed on, then go to repository I needed to clone onto my server, I then added the id_rsa.pub keys into the previously mentioned Deploy Key settings in repositories on GitHub.

**PROS**

- Anyone with repo and server access an deploy.

- No need to change local SSH setting.

- Read-only by default, possible to give full access.

**CONS**

- Grand access to a single repo.

- Not protected by passphrase.



THANK YOU!
How to work in multiple branches of the same repo at the same time
Tags: git, productivity
Published: 2022-01-28 12:17:19

You can use Git **worktrees** 🌲 to achieve so. Just `cd` in a git repo and run

```bash
git worktree add <filesystem-location> <branch>
```

and git will create a new folder in the path `<filesystem-location>`  and checkout the branch `<branch>` in that folder.

For instance:

```
git worktree add ../app-4.2.0 production-4.2.0
```

Now you can manage 2 copies of the same repo at the same time 💏🏽

<small>Full reference: https://git-scm.com/docs/git-worktree</small>
How to build scalable web apps? Challenges and solutions
Tags: webdev, programming, devops
Published: 2022-01-28 12:14:44

Once your business starts to grow, and you need to add new features for a growing number of users, you can start experiencing scalability issues. Learn how to make your web app scalable from the start and be ready for your growth

https://www.mobindustry.net/blog/how-to-build-scalable-web-applications-challenges-and-solutions/
Strategy design pattern — Java
Tags: tutorial, programming, java, designpattern
Published: 2022-01-28 12:12:23

![design-pattern](https://cdn-images-1.medium.com/max/2000/0*3dO6sOPoOPwHUOxA.jpeg)

## Definition of the Strategy pattern
>  In [computer programming](https://en.wikipedia.org/wiki/Computer_programming), the **strategy pattern **(also known as the **policy pattern**) is a [behavioral](https://en.wikipedia.org/wiki/Behavioral_design_pattern) [software design pattern](https://en.wikipedia.org/wiki/Design_pattern_(computer_science)) that enables selecting an [algorithm](https://en.wikipedia.org/wiki/Algorithm) at runtime. Instead of implementing a single algorithm directly, code receives run-time instructions as to which in a family of algorithms to use.

## Where to use the Factory pattern

When you want the algorithm to vary independently from clients that use it.

## UML example

![](https://cdn-images-1.medium.com/max/2180/1*tSDptFpU1aazFrlsPHbBeA.png)

## Implementation of the strategy pattern

First, we need to declare an [Interface or an Abstract clas](http://www.java67.com/2012/09/what-is-difference-between-interface-abstract-class-java.html)s, here I used both but a single abstract class could have done the job.
{% gist https://gist.github.com/ErwanLT/9683d30d343cb9d233a58a3d76665beb.js %}{% gist https://gist.github.com/ErwanLT/b238e61b155995d45f647481ffcccd0e.js %}
what i want to achieve is that depending of the context my code will behave differently so let’s implement some strategy.

For the purpose of this tutorial, i created 2 strategies : PlusOperationStrategy and MinusOperationStrategy, both extending my [abstract class](https://javarevisited.blogspot.com/2010/10/abstraction-in-java.html#axzz6oOeSmpNw).
{% gist https://gist.github.com/ErwanLT/ee2b5a632970c3fc64f4911d23ec7520.js %}{% gist https://gist.github.com/ErwanLT/2a83af542372756fe03d0042cf22967d.js %}
With them being of the same supertype by [inheritance](https://javarevisited.blogspot.com/2012/10/what-is-inheritance-in-java-and-oops-programming.html), I can substitute them in the function of the needed behavior.

So now, if I want to use my strategies, and more precisely the **compute method** implemented in it, I need a context.
{% gist https://gist.github.com/ErwanLT/7ee159ad71517cab0fa9ef4443b02cef.js %}
So based on the [strategy ](https://www.java67.com/2014/12/strategy-pattern-in-java-with-example.html)passed as a parameter the context will use the compute method it.

So now, let’s see how it work
{% gist https://gist.github.com/ErwanLT/834d75e48080b0a2982f8f3882537783.js %}
The above snippet will return this result

    5
    -1

Thanks for your reading time, the code used in this tutorial is findable in [this Github repository](https://github.com/ErwanLT/designPattern).