teleren/devto huggingface dataset:
Using Elgato Stream Deck with Microsoft Teams
Tags: microsoftcloud, teams, elgato
Published: 2023-02-02 15:58:28

In a [recent post](https://techcommunity.microsoft.com/t5/microsoft-teams-blog/delivering-new-webinar-experiences-with-microsoft-teams/ba-p/3725145), Microsoft announced a lot of news about Microsoft Teams.
One of the most exciting news is the official support for the Elgato Stream Deck.
Microsoft developed an official plugin for the device.

![](https://appstore.elgato.com/streamDeckPlugin/com.microsoft.teams/1.0.39/8b6eae58-77b5-4371-ab58-24f39f6dade0.png)

With Stream Deck you can easily control the meetings by settings keys to control the camera, send reactions, raise hands and much more.

This is the list of the actions that you can program on the Stream Deck:

- 📷 Toggle camera on/off
- 🔇 Toggle mute on/off
- ⏺️ Toggle record on/off
- 😶‍🌫️ Toggle background blur on/off
- 🏃 Leave the meeting
- 😁 Display live reactions including applause, laugh, like, love, and wow
- 🤚 Raise or lower hand

The link to the plugin: [https://apps.elgato.com/plugins/com.microsoft.teams](https://apps.elgato.com/plugins/com.microsoft.teams)

## How to install the plugin
Open the Stream Deck application and click on the "Stream Deck Store" icon on the main page.
Click on the Plugin tab and search for "Teams".
 
![Stream Deck Store](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/tycigz29yqs81zuljsoz.png)

Install the "Microsoft Teams" plugin.
Close the Stream Deck Store and from the main page, create a new profile.

From the right navigation bar, drag&drop all the icons that you want to program in your device.

![MS Team Plugin](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/6esr5udqee391qubs5kb.png)

## Get the API token
When you drop the icons in your deck preview, you are not ready to use the new screen on the device.
The buttons require an API token from Microsoft Teams.

![API token](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/h4752g4prhcozj3me0h0.png)

Open Microsoft Team and click on three dots on the top bar and then "Settings".
Click on "Privacy" and then, in the new screen, click on "Third-party app API".

Turn on the switch and copy and paste the token in the stream deck application.

![Third party API](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ob2s5bqywpnp26ao2wua.png)

---

Are you interested in learning GitHub but don't know where to start? Try my course on LinkedIn Learning: [Learning GitHub](https://bit.ly/learninggithub).

![LinkedIn Learning](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/sdc2bpiftpadibi4h51c.gif)

---

Thanks for reading this post, I hope you found it interesting!

Feel free to follow me to get notified when new articles are out 🙂

{% embed https://dev.to/kasuken %}
CodePen Designs - 31 : Pure CSS Mario 64 - 3D - No JavaScript!
Tags: codepen, css, webdev, design
Published: 2023-02-02 15:54:26

### We are excited to introduce our new series that will explore the best design ideas from the Codepen community. 

We will be publishing these each day and hope you find them insightful and inspiring as we showcase some of the most talented designers in this space.

---


#### Codepen Design - 31
<p>It's a-me, a pure CSS Mario!</p>

<p>A homage to the Super Mario 64 intro screen.</p>

<p>No images, no JavaScript, just a lot of transform3d.</p>

<p>Unfortunately iOS Safari can’t quite manage it.</p>

<p>Let's-a go!</p>

<p><a href="https://instagram.com/ivorjetski" target="_blank">https://instagram.com/ivorjetski</a></p>

<p><a href="https://twitter.com/ivorjetski" target="_blank">https://twitter.com/ivorjetski</a></p>

<p><a href="https://youtube.com/c/ivorjetski" target="_blank">https://youtube.com/c/ivorjetski</a></p>

<p>Also here's a video of the process:</p>

<p><a href="https://youtu.be/GWyod2tkTxI" target="_blank">https://youtu.be/GWyod2tkTxI</a></p>

<p>Mama Mia!</p>

{% codepen https://codepen.io/ivorjetski/pen/abEBjKN %}



---
## For more information

1. Check my GitHub profile
[https://github.com/amitSharma7741](https://github.com/amitSharma7741)

2. Check out my Fiver profile if you need any freelancing work
[https://www.fiverr.com/amit_sharma77](https://www.fiverr.com/amit_sharma77)

3. Check out my Instagram
[https://www.instagram.com/fromgoodthings/](https://www.instagram.com/fromgoodthings/)

4. Linktree
[https://linktr.ee/jonSnow77](https://linktr.ee/jonSnow77)

5. Check my project

- EVSTART: Electric Vehicle is the Future
[https://evstart.netlify.app/](https://evstart.netlify.app/)
-  News Website in react
 [https://newsmon.netlify.app/](https://newsmon.netlify.app/)
-  Hindi jokes API
 [https://hindi-jokes-api.onrender.com/](https://hindi-jokes-api.onrender.com/)


---
---
View Controller Lifecycle
Published: 2023-02-02 15:51:19

#Introduction
In iOS development, the view controllers are the foundation of the Application's internal structure. The View Controller is the parent of all the views present on a storyboard. Each UIKit application has at least one ViewController. It facilitates the transition between various parts of the user interface.

Functions are called in the following order when a View Controller is added to the view hierarchy:


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

#State Transition Functions

#viewDidLoad()

This is called after the view is loaded in to memory, and is commonly thought of as the first method that will be called. Majority of the view configurations and API setups are done here.

#viewWillAppear(_: )

This method is called use before the View Controller is added to the view hierarchy. The frame and bounds of the view controller are all set. This function is called each time the view is presented on screen.

#viewWillLayoutSubviews()

When the view controller's view is changed in its layout or bounds, then the system will call a viewWillLayoutSubviews. Thus, this function can be called multiple times during the life of the View Controller. Your view controller can override this method to make changes before the view lays out its subviews.

#viewDidLayoutSubviews()

viewDidLayoutSubviews is called every time the view is done with autolayout calculations. It is also called if the view is updated, rotated, changed or its bounds change. This function is important, especially, when the orientation of device is changed to add some implementation after views are updated.

#viewDidAppear(_: )

This function is called just after the View Controller is added to the view hierarchy. The users can see the view at this point, hence, animations can be started here.

Note: viewDidLoad() is only called once when the view is loaded. Wherever, viewDidappear() is called everytime the view appears on the screen.

#viewWillDisappear(_: )

This is a good place to save user data and cancel network tasks since it is called just before it is about to disappear from the view hierarchy.

#viewDidDisappear(_: )

This function is called when the view disappears from the view hierarchy. Thus, the view is already disappeared from the user's view. Tasks like cancelling the data or ending the analytic events can be performed once the view is disappeared.

#Conclusion

Understanding the life cycle functions are important to make the most of these functions. Life Cycle functions and state transitions can be summarised as:


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

Note: This is a highly asked basic interview question.

Congratulations! You have understood the highly important fundamental topic of UIKit. Stay tuned to us and feel free to check out [Interview ](https://www.swiftanytime.com/tag/interview/)and [Swift](https://www.swiftanytime.com/tag/swift/) section for more content. Till then,
15 signs of a great manager
Tags: greatmanager, management, manager, founder
Published: 2023-02-02 15:49:11

-  If one talented team member is always late, a good manager will give her a warning, but a great manager will go to her desk and ask why?

- A great manager makes each person comfortable with who they are. A great manager doesn't try to fix everyone's weakness but instead help everyone cultivate their strength. 

-  A great manager knows if she treats her people right, her people will treat the customers right.

4. A great manager doesn't make a lot of promises; instead makes a few promises and keeps them.

-  You cannot be insecure and a great manager at the same time. A manager's insecurity will make her compete with her own people. She will play silly power games to show who is the "boss."

-  A great manager prefers talented, productive, and harder-to-manage people than easy-to-manage but half-productive team members.

-  Four things a manager should do: select a talented person, set expectations (right outcome), give the right tools, and create the environment for the person to grow and shine. 

-  A company should not force every manager to manage her people in exactly the same way. 

-  To a great manager, talent is more important than years of experience. 

-  As a manager, you might think you have more control. But in reality, you don't. You have less power than the people who report to you.

-  Not everyone is meant to be a manager. Sometimes, a great performer becomes a manager, and they might mess up things. 

-  A great manager creates heroes in every role. 

-  A great manager holds up the mirror. Gives constant feedback. Never hides their true feeling. Talk about the future and give directions. 

-  A great manager creates a safety net. She allows her people to try new initiatives and new roles. She will enable them to continue in that role if they perform well. 

-  A great manager levels up the playing field.

> Every new manager should read this book: First, Break all the Rules by Marcus and Curt
Ruby For All Podcast: My Guest Experience 🎙️
Tags: postgres, ruby, podcast
Published: 2023-02-02 15:45:51

---
title: Ruby For All Podcast: My Guest Experience 🎙️
published: true
description: Ruby For All Podcast Appearance
tags: postgres, ruby, podcast
# cover_image: https://direct_url_to_image.jpg
# Use a ratio of 100:42 for best results.
# published_at: 2023-02-01 03:26 +0000
---

This post has moved!

https://andyatkinson.com/blog/2023/01/19/ruby-for-all-podcast-guest-postgresql
What's the meaning of .PHONY in a Makefile?
Tags: devops, programming, productivity
Published: 2023-02-02 15:40:51

## TLDR: What does .PHONY actually do?

> .PHONY is used to mark a target as phony. That means a target that doesn't take into consideration for execution any file that matches its name.

Let's say we have a target called `clear-cache`, which removes the cache of an application

```Makefile
clear-cache:
	rm -rf cache/*
```

Which results in the following command:


![command line result 1](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/a6e5sy1lyb4xx20q1swa.png)



The cache removal cli command will be run fine most of the time, but let's check what happens if we **add a file with the same name as the target** at the same level as the Makefile

![command line result 2](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/40hz06ggiz1jb7q9126p.png)


Now when running make clear-cache again we get:

![command line result 3](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/tcl3txdx56gg6wk1zdkf.png)

The Makefile says basically that it has the target file already and doesn't need
to execute

This default behavior is not what we expect in this case and we want to override it. This is when the **.PHONY** directive comes to the rescue. Let's update our example to use it

```Makefile
.PHONY: clear-cache
clear-cache:
	rm -rf cache/*
```

After marking the target as phony, the command behaves as expected

![command line result 4](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/a6e5sy1lyb4xx20q1swa.png)


Pro tip: Another way to mark the targets as phony is to have them all in place list rather than above each of them like:

```Makefile
clear-cache:
	rm -rf cache/*
clear-build:
	rm -rf build/*

.PHONY: clear-cache clear-build
```




### Conclusion

> In order to override the default behavior in Makefile and use some targets like command runners you can use .PHONY.

References:
- [GNU Make Manual](https://www.gnu.org/software/make/manual/html_node/Phony-Targets.html)



Cross-posted from my blog : [What's the meaning of .PHONY in a Makefile](https://alexandrunastase.com/posts/meaning-of-phony-in-a-makefile)
The AI Assisted Coding extension of your dreams is now LIVE!
Tags: ai, vscode, beginners, productivity
Published: 2023-02-02 15:39:36


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/nhof3zzxsqjzl571lhfb.gif)
To all developers and tech-savvy SEOs out there. Today I'm proud to unveil AI Assisted Coding, the project my team and I have been focusing on lately.

Say goodbye to tedious tasks and hello to increased productivity and efficiency!

The AI Assisted Coding extension is a powerful yet simple solution that seamlessly integrates into Visual Studio Code and streamlines your workflow like never before.

Powered by CodeX and packed with OpenAI's cutting-edge technology, this extension will help you say goodbye to tedious tasks and hello to increased productivity and efficiency.

No API-Key required, 100% free, and compatible with all programming languages. Try it out now and experience the difference for yourself!

Download it now // Write your comment 2x Shift. Voila!
https://marketplace.visualstudio.com/items?itemName=AIAssistedCoding.ai-assisted-coding
Ethernaut Challenge #01 Fallback
Tags: webdev, web3, blockchain
Published: 2023-02-02 15:31:04



Ethernaut is an online platform that provides security challenges for Ethereum smart contracts. The first challenge in Ethernaut is designed to test the user’s knowledge and skills in identifying and exploiting vulnerabilities in smart contracts. In this challenge, users are required to take control of a vulnerable smart contract and modify its behaviour. This article provides a detailed explanation of the vulnerability in the first Ethernaut challenge, as well as a step-by-step guide on how to solve it.

### The Vulnerability:

The vulnerability in the first Ethernaut challenge is a result of poor access control in the smart contract. The contract allows anyone to call the “fallback” function, which is used to modify the state of the contract. This means that anyone can call the “fallback” function and change the behaviour of the contract, without the need for proper authentication or authorization.

### Step-by-Step Solution:

- **Step 1: Sign up for Ethernaut**
  To participate in the Ethernaut first challenge, you will need to [sign up for an account on the Ethernaut platform.](https://ethernaut.openzeppelin.com/) You can do this by visiting the Ethernaut website and following the instructions to create an account.
- **Step 2: Connect to a web3 client**
  Once you have created an account, you will need to connect to a web3 client, such as MetaMask, to interact with the Ethereum blockchain. You will also need to have some Ether in your web3 client to participate in the challenge.
- **Step 3: Load the challenge contract**
  Next, you will need to load the challenge contract into your web3 client (MetaMask). To do this, click on the first Ethernaut challenge on the Ethernaut website, and then click on the “Load” button. This will load the challenge contract into your web3 client.
- **Step 4: Examine the contract code**
  Before attempting to solve the challenge, it is important to examine the contract code to identify any vulnerabilities. The contract code for the first Ethernaut challenge is available for review on the Ethernaut website.
- **Step 5: Transfer the ownership of the contract**
  To solve the challenge, you will need to transfer the ownership of the contract to your own Ethereum address. To do this, you will need to call the “fallback” function in the contract, which will allow you to modify the state of the contract and transfer ownership to your address.
- **Step 6: Confirm the success of the exploit**
  Once you have successfully transferred the ownership of the contract to your address, you can confirm the success of your exploit by checking the contract state. If the contract state has been changed and the ownership has been transferred to your address, then you have successfully solved the first Ethernaut challenge.

In conclusion, the first Ethernaut challenge provides a great opportunity to test your skills and knowledge in identifying and exploiting vulnerabilities in smart contracts. By following this step-by-step guide, you can successfully solve the challenge and improve your understanding of smart contract security.
What are the essential skills of a .NET developer?
Tags: dotnet, career
Published: 2023-02-02 15:30:12

Originally Posted: [https://www.arunyadav.in/codehacks/blogs/post/21/what-are-the-essential-skills-of-a-net-developer](https://www.arunyadav.in/blogs/post/21/what-are-the-essential-skills-of-a-net-developer)

> **“Having a constant positive attitude is key…”**


![Cartoon Banner](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/vyfnprq758piwvc8mw6x.gif)
### General Prospective for looking .Net Developer
- A .Net developer must include proficiency in C# and .Net framework, and knowledge of web development technologies such as HTML, CSS, and Javascript with database management. He/She must understand the Agile development process, with some level of a good level of understanding of source control.

- Debugging is also an essential skill i.e. someone who has attention to detail to examine their code for errors, and fix it accordingly. Also, be prepared that things might not work the first time around (see positive attitude above). 

- Additionally, great .NET developers are often self-driven and self-motivated so they don’t need a boss to hand hold them through the development process.

- Doesn’t Chase the Hottest New Tech Stack

- Do They Know Their Limits? 

> Means, always seeking help and advice from other developers who have accomplished something similar to the project at hand.

### Business looking Prospective for looking .Net Developer

- Listens to the customer.
- Asks enough questions to know – and gets the customer to identify what they want to accomplish.
- Explains what they’re going to do and answers customer questions in terms the customer can understand.
- Doesn’t reinvent the wheel when there are existing scripts or tools to get things done.
- Gives a reasonable (i.e., reasonably accurate) estimate of the cost and time to do a project.
- Gets the project done on time.
- Alerts the customer if it will go significantly over budget – and tells them why.

### Essentials tech skills
- Proficiency in C# and the .NET Framework
- Web Development Technologies
- Database management and SQL
- Software Development Principles
- Agile Methodologies
- Version Control Systems
- Problem-solving and Teamwork

Some of the best-skilled .NET developers couldn’t do things alone. As mentioned many times in this article, collaboration and teamwork is important. Moreover, to smooth and sharpen your top .NET developer skills, one should also show proactiveness and continuous learning in development.
Who likes stickers more? Software developers/computing professionals or five-year-olds? And why?
Tags: discuss, watercooler, hacktoberfest, meta
Published: 2023-02-02 15:00:53

Over the past few weeks, I've received laptop stickers from multiple sources. First came a batch of stickers along with the t-shirt for participating in [Hacktoberfest](https://hacktoberfest.com/) 2022. Then, there were a couple in with my membership to [FSF](https://www.fsf.org/). And most recently, a bunch of stickers from DEV as a thank you for volunteering as a Tag Moderator / Trusted User (thank you DEV for the thank you stickers).

All of these stickers made me wonder: Which group of people collectively like stickers more? Software developers/computing professionals, or five-year-olds? Little kids like stickers so much that it is not uncommon for parents and teachers to use sticker charts as a form of [operant conditioning](https://en.wikipedia.org/wiki/Operant_conditioning) to shape their behavior. Are the laptops of computing professionals just expensive sticker charts? Or, are computing professionals somehow more likely to find childlike enjoyment out of simple things like stickers than those in other fields?

[__Go to the comments section to discuss__](#comments): Why do you like stickers? Why do you think software developers collectively like stickers? Feel free to also include pictures of your stickers, such as on your laptops, etc.

Anyway, here's a few photos.... of just the stickers (I don't actually have any on my current laptop).

__From DEV (Thanks DEV):__

![Thank you stickers from DEV](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/o5gk6ohlt1cx2n1nq1zd.jpg)

__From FSF:__

![FSF stickers](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/rrbl4puji0jgyqvap6yn.jpg)

__From Hacktoberfest:__

![Hacktoberfest stickers](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/gjay843v7pwjaxsas4kn.jpg)

<a name="comments"></a>
Resolvendo problemas no HackerRank:Somando diagonais em uma matrix
Tags: javascript, beginners, programming
Published: 2023-02-02 14:31:21

Continuando a série: Resolvendo problemas no HackerRank , hoje nós trataremos de uma resolução que embora não seja difícil, exige uma análise antes de botar a mão na massa,pois caso contrário poderá se confundir, você está preparado? Aliás,já existem alguns artigos anteriores que vale a pena dar uma olhada bem no meu perfil. Vamos iniciar!!!


**Diagonal Difference -**


No episódio de hoje, nos é ordenado que façamos a soma entre as diaogonais de uma matrix dentro de uma outra matrix principal: da esquerda pra direita como principal, e da direita pra esquerda como secundária logo após diminuir a primeira matrix. Se compreendeu, meus mais sinceros parabéns, mas caso não, fique tranquilo e veja de maneira clara o que nos é pedido.


```
Pré-Código:

//receber uma matrix
//somar diagonais
//retornar diferenca absoluta

[//elemento:0,1,2
  //       [1,2,3] //lista:0
  //       [4,5,6] //1
  //      [9,8,9] //2
]
// (0,0),(1,1),(2,2)
// (0,2,),(1,1),(2,0)
```
Antes de iniciar a resolução desse problema, é prudente fazer uma análise do que precisamos fazer primeiro, antes de começar a escrever para o computador.

Vejamos a resolução ->

```
function diagonalDifference(arr) {
    // Write your code here
    const size = arr.length;
    
    let mainDiagSum = 0;
    let secDiagSum = 0;
    
    for (let i = 0; i < size; i++) {
    mainDiagSum += arr[i][i];
    secDiagSum += arr[i][size - i -1];
  }

  return Math.abs(mainDiagSum - secDiagSum);
}
```


No caso acima, pra resolver, fiz uma const que puxa do array de números em matrix,seu comprimento que vale 3. Logo após isso declarei as variáveis que irão puxar as diagonais que iríamos usar a frente.

Criando um laço `for` e pegando o index i que se menor que `size`(que representa o comprimento), depois colocamos as ações desejadas. A variável `mainDiagSum` vai adicionar uma dupla e index que iniciará com 0, mas que consequentemente auementará 1, em cada, exatamenta posição desejada da MainDiagonal.

Já o `secDiagSum` terá um raciocínio igual, mas que se difere. Ele vai adicionar na primeira lista o index i, entretanto a segunda ele fará o valor 3(usar a variável `size`,ela armazena 3 igualmente) - i -1. No final dando todos os valores desejados, e podendo ver isso ao usar o return com métod `Math.abs` que pega o valor absoluto e subtraindo os valores.

RESULTADO:

```
//size:3
11 2 4
4 5 6
10 8 -12
// valores que serão pegos [11,5,-12] 11 + 5 - 12 = 4
// valores que serão pegos [4,5,10]  4 + 5 + 10 = 19


//valor subtraído = 15, pois 4-19 = -15, mas ele deseja o valor absoluto = 15 
```

Assim finalizamos mais um desafio deste HackerRank. Até a próxima!!!