teleren/devto huggingface dataset:
Enabling keyboard navigation on your Mac
Tags: a11y, productivity, macos
Published: 2022-04-02 21:29:36

I'm starting a new role soon, and they shipped me a brand new Macbook Pro.

I got everything set up on my Mac over the past few weeks, but today I got a prompt about wanting to confirm the deletion of a file. I used the keyboard like I did on my previous Mac and realized it didn't work. I clearly had forgotten to adjust some settings on my new MacBook. Sure, I can use the mouse, but I had been so used to the keyboard for this.

All right, we need to head on over to our Keyboard settings.

![System preferences main panel in macOS](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/4pktrkdwpvpb1k2kw3e2.png)

See that checkbox labelled `Use keyboard navigation to move focus between controls`? You're going to want to check that.

![Keyboard settings in macOS preferences](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/x1vsaa2szv8cgosh4c8i.png)

And you're done! Now you can use the keyboard for things like confirmation dialogs.

![A deletion prompt in VS Code](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/196fplgyqth8bwqacbg7.png) 

Photo by <a href="https://unsplash.com/@hannahjoshua?utm_source=unsplash&utm_medium=referral&utm_content=creditCopyText">hannah joshua</a> on <a href="https://unsplash.com/s/photos/mac-keyboard?utm_source=unsplash&utm_medium=referral&utm_content=creditCopyText">Unsplash</a>
VSCode: como commitar partes de um arquivo
Tags: git, vscode, braziliandevs
Published: 2022-04-02 21:01:12

## Introdução

Escolher exatamente o que vai commitar é útil em algumas situações, como por exemplo:

- Você está trabalhando em duas coisas diferentes, e quer separar essas coisas em commits separados
- Você tem certas alterações que ainda não estão prontas para serem commitadas

Se você não tem muita experiência com linha de comando, pode ficar tranquilo que vamos fazer tudo direto pelo VSCode.

## Tutorial em vídeo

{% embed https://www.youtube.com/watch?v=qT-phwzmR98 %}

## Tutorial em texto
1. No VSCode, clique em Source Control:

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/5fsana1fifhw6iiprzlw.png)
 
 
2. Vá em Changes (ou Alterações) e clique no arquivo que você quer commitar.

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

Uma janela exibindo o antes e depois vai aparecer.
 
 
3. Na parte da direita, selecione as linhas que você quer commitar e pressione botão direito.

Clique em Stage Selected Ranges, ou então use o atalho <kbd>ctrl</kbd> + <kbd>K</kbd>, <kbd>ctrl</kbd> + <kbd>shift</kbd> + <kbd>S</kbd>.

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

Adicione tudo que quiser commitar dessa forma, até que só sobre em verde o que você não quer commitar.

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ocr8d9r1d7tq5wk14gsf.png)
 
4. Confira que as alterações estão corretas

Vá em Staged Changes (Alterações Preparadas), clique no arquivo e confira se tem só as alterações que você quer commitar em seguida.

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

5. Faça o commit

Escreva a mensagem e dê <kbd>ctrl</kbd> + <kbd>Enter</kbd> para commitar.

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/23stbbzw4y4al8egxq9t.png)
url to android app
Tags: wordpress, angular, vue, react
Published: 2022-04-02 20:27:24

**If you have a website that already exists and you want to convert it to Android App, then this is the perfect solution**

this solution will generate apk - app bundle - key store 
that will make you easily publish it on google play  

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

**generate your website to android :** [urlgapp](https://www.urlgapp.com/generator)

**you can also convert your local html css js to android app** 
[html-css-js to app](https://urlgapp.com/htmlgapp)
Java Spring Boot, Elasticsearch and docker environment
Published: 2022-04-02 20:21:41

Hi, the second article devoted to the theme: “How to work with ElasticSearch using Java Spring Boot” is already ready for reading. It is about preparing microservice environment using docker and docker compose. All details are here: ["Java Spring Boot, Elasticsearch and docker environment"](https://sergiiblog.com/java-spring-boot-elasticsearch-and-docker-environment/). Have a pleasant reading.
[Conceito] - Inversão de Controle
Published: 2022-04-02 19:50:12

> Conteúdo original [nessa thread do Twitter](https://twitter.com/zanfranceschi/status/1510341729655955456)

---

Devs, precisamos conversar sobre uma coisa que todos nós deveríamos estar fazendo para mais qualidade de vida:

INVERSÃO DE CONTROLE!

Você anda fazendo isso? Tá usando INJEÇÃO DE DEPENDÊNCIA também?

🧵👇

cc @sseraphini

![img](https://pbs.twimg.com/media/FPWyCAaXIAE8yYU?format=png&name=360x360)

---

Quando falamos de inversão de controle, estamos falando sobre responsabilidade, fluxo de controle, delegar para outro, etc. E essa parte me parece que é muitas vezes pouco ou mal explicada.

---

Vamos a um exemplo em que o controle poderia ser invertido para facilitar a vida de alguém. O controle aqui no caso é da Tech Recruiter que pede, um a um, os currículos dos candidatos pra depois analisá-los. Ela tem que saber o contato (whatsapp, email, etc.) de cada um.

![img](https://pbs.twimg.com/media/FPW2_j8XIAESKOy?format=jpg&name=large)

![img](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/67r9oo7in3junf7go4rv.png)

---

Se ligou a treta que é conseguir os currículos da forma anterior?

E como a gente melhora isso? Bom, vamos deixar que a Tech Recruiter receba os CVs sem ter que ficar pedindo um a um. Vamos INVERTER OS PAPÉIS!!! OBA!!!

![img](https://pbs.twimg.com/media/FPW9PBIXsAIGCZo?format=jpg&name=4096x4096)

![img](https://pbs.twimg.com/media/FPXO9C6X0AYLX_M?format=jpg&name=medium)

---

Fez sentido? Viu como a gente delegou pra outra "coisa" a obtenção dos currículos?

A abordagem foi via INJEÇÃO DE DEPENDÊNCIA (injetamos CVs via construtor).

É importante ressaltar que injeção de dependência é UM TIPO de inversão de controle.

---

Se usássemos o padrão Service Locator, por exemplo, para obter os currículos, também seria uma inversão de controle, mas não mais uma injeção de dependência.

Ficou claro que injeção de dependência é uma inversão de controle, mas o inverso pode não ser verdadeiro?

![img](https://pbs.twimg.com/media/FPXKX3RWQAA1dBl?format=jpg&name=large)

---

COISAS PARA ABAFAR NAS FESTAS

- IoC significa Inversion of Control e é um princípio, não um padrão.

- DI significa Dependency Injection.

- Se puder não usar o padrão Service Locator, não use. Dizem que é um anti-pattern. 

- Preconceito é idiota.

---

Chegou até aqui, né? Pqp! Vamos inverter as coisas, vc me dá um abraço agora, vai! 🫂

---

Ah, essa thread foi inspirada pela [pergunta do colega aqui](https://twitter.com/sSchin22/status/1509918561942347782).
Recordle - Using Deepgram To Build On My Favorite Game
Tags: hackwithdg
Published: 2022-04-02 19:17:20

### Overview of My Submission
Over the last few months the game Wordle has take the internet world by storm. It has become nearly impossible to to scroll through social feeds without seeing someones daily attempt.

Recordle is a spin on this game. Recordle allows you to play the word solving game with just your voice. Simply start the game and Recordle will start listening for the keyword "Word" once that keyword is heard the following word will be the guess. 

Ex: Saying "Word Story" would submit a guess for the word "story".

The game is continued to be played until the word of the day is guessed or the user exceeds 6 guesses.

### Link to Play The Game
[Recordle](https://radiant-badlands-77933.herokuapp.com/)

### Submission Category: 

Gram Gamers


### Link to Code on GitHub
[github](https://github.com/Jaydon-Goodrich/recordle-hackathon)


### Additional Resources / Info
[Video showing gameplay](https://youtu.be/A4nZfq-y8jU)


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ms3c4ixwcn0rb8rvpmhy.png)
how can i get python modules on windows 11 ?
Tags: python, programming
Published: 2022-04-02 19:12:10

Hello guys;
Wanting to make a small python project I am confronted with module errors which prevent me from doing anything. 

I first tried to install anaconda, but without success because during the installation, I always have a error message which tells me that the presence of a space harms the proper functioning of anaconda.

So I went to shell to install pytho3.9 and by command line I installed the modules I need for my project using pip. Nothing works, I don't know where to put my head to think on this problem.
Create an SQL web API from your phone
Tags: sql, api
Published: 2022-04-02 18:58:23

The above screenshot was literally taken from my iPhone, and yes I am not only writing SQL on my phone, but I am also creating an HTTP API in the same process.

When you go _"all in"_ on compatibility and cross platform some interesting axioms and use cases emerges as a natural consequence. A couple of weeks ago I showed the above feature in [our CRUD generator](https://aista.com) to some colleagues attending a networking event where I live, and one of them even laughed out loud and said.

> I don't think I have ever seen somebody writing SQL on their phone

It might be easy to dismiss the above feature as _"overkill"_ or _"marketing"_, but that's probably because your brain isn't geared to understanding its usefulness. For instance, imagine you're a DB administrator, and you're on vacation, and you need to create a report for your manager extracting SQL for some frontend guy creating a chart of some kind. In the _"old world"_ this would imply having to go back to your hotel room, finding your laptop that you for this sole purpose had to drag with you to the other side of the world, boot it, and sit by your bedside for an hour messing with your SQL. All in all we're probably talking about 2/3 hours of destroyed _"vacation time"_. If you had Magic on your server though, you could probably use your phone from beneath the dinner table, create the HTTP endpoint in some few minutes, without anybody even noticing you were actually working. To illustrate the use case slightly better, let me show you how the above looks like on a computer, and realise you've got access to every single feature in Magic on your phone that you can access from your computer.

![SQL web API from your phone](https://raw.githubusercontent.com/polterguy/polterguy.github.io/master/images/blogs/count-actors-blog.jpg)

* Adding arguments to your endpoint? Check!
* Joins and any amount of complexity in your SQL? Check!
* Authorisation and authentication to prevent unauthorised user to access your endpoint? Check!
* Configuring the exact URL you need? Check!
* Scalar values and record sets? Check!
* Having the ability to do all of the above from your phone? Check!

If you want to try it out feel free to [download Magic](https://aista.com). The entire code base is 100% open source, and you can use it as you see fit. It even comes with docker containers for easy deployments to a VPS of your choosing.
Xiaomi first made in pakistan smart phone redmi 9c
Published: 2022-04-02 18:42:37

 finally good news for pakistani market. finally xiaomi start their smart phone manufacturing in pakistan.

Xiaomi made in pakistan smart phone

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/syq0t8qwke5wusf70dm0.jpg)
Image Source: Xiaomi Pakistan

Its a very great news for pakistan and pakistani people as well. Manufacturing in pakistan reduce the overall price of mobile phones. Great news for xiaomi smart phone lovers.
[](https://pkdailyvirals.blogspot.com/2022/04/blog-post.html)
Top developer newsletters
Tags: news, webdev
Published: 2022-04-02 18:33:29

Here is a curated list of newsletters that I like, they are all vetted 💯.

## Console.dev

 ![Console.dev](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/xdouwy5n5rv91fmq5kv4.png)

 
Finding out about the best DevTools out there can be a daunting task. Console has us covered, with one of the most time effective newsletters I know - just posting a list of tools with a TL;DR about them - and I love them for it!

Signup: https://console.dev/
Email example: [link](https://res.cloudinary.com/practicaldev/image/fetch/s--0NbGWde2--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/tvpu5b8ivhgqwax6h17v.png).


---

## Software lead weekly
![Software lead weekly](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/6lk2ti7ap4jembekxr29.png)

[Oren Ellenbogen](https://twitter.com/orenellenbogen) (a good friend) the VP Eng @ [Forter](https://www.forter.com/) has created one of the best software management, culture, and soft skills newsletters with more than 29K subscribers. I like his personal take on each curated link he posts.

Signup: https://softwareleadweekly.com/ 
Email example: [link](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/1um3q44uak07hfbdc4l4.png).

---

## Unzip.dev

![unzip.dev newsletter](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/j0g81tah6zq2riz4dxoh.png)
 

Staying up to date with the latest trends in the developer world is hard. This is why [unzip.dev](https://unzip.dev) was created. You get a summary of one trend at a time. Including:

+ How does it work? 💡
+ Use cases ✅
+ Why? 🤔
+ Why not? 🙅
+ Tools & players 🛠️
+ Forecast 🧞
and more...

*Disclaimer: I'm the creator of this newsletter. I'd love to hear what you think about the landing page? :)*

Signup: https://unzip.dev
Email example: [link](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/s4bjmjpugk37jwgarbqx.png).

---

## GitHub's Explore Newsletter
![GitHub Explore Newsletter screenshot](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/rn4duna2zpuwlvtzjrq4.png)
 
Get a digest of trending repositories that are personalized to your GitHub user.
You can even choose the frequency of emails (daily, weekly or monthly).

Signup: [github.com/explore/email](https://github.com/explore/email)

---

## Notable newsletters
- [Pony Foo Weekly](https://ponyfoo.com/weekly): curated newsletter of interesting topics related to web technologies.
- [hackernewsletter](hackernewsletter) - a weekly curated list of links from [HackerNews](https://news.ycombinator.com/).

---


## Even more...
For a complete list of newsletters related to developers, you should definetly checkout: [zudochkin/awesome-newsletters](https://github.com/zudochkin/awesome-newsletters)
30%+ SaaS vendors spent more than 6 months to implement B2B SSO support
Published: 2022-04-02 18:13:19

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

One developer spent 3 months on supporting Okta SSO only. 

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


https://www.reddit.com/r/webdev/comments/ttyakx/as_a_saas_vendor_how_much_engineering_time_was/
Onde é salvo uma variável?
Published: 2022-04-02 17:46:00

**Para começo de conversa, se você acha que é na memória RAM. Você esta errado.**

Se quer uma resposta simples, e sem muitos detalhes, a maioria das variáveis são armazenadas nos registradores. O computador tenta ao máximo registrar em um registrador quando não a mais espaço ela guarda na memória RAM. Atualmente um registrador é 100x mais rápido que qualquer memória RAM. Pode parar de ler por aqui ser quiser saber apenas isso, agora caso queira entender como funciona um processador, como uma linguagem faz isso.Continue a ler


Vamos imaginar um circuito simples que salva dados, podemos imaginar um flip flop. ele pode salvar 0 ou 1, como já deve saber, quando fazemos algum codigo, vou usar assembly de exemplo:



```
mov eax, 3
```
Assim movemos o conteúdo do EAX(registrador Accumulator) para 3. Ou seja colocamos 3 no registrador EAX, quando criamos uma variável nada mais nada menos estamos só definindo um registrador para usar.

## Como eu consigo registrar tantas variáveis então?

Bem, a resposta é simples. Existem centenas de registradores vazios para isso porém, realmente é facilmente esgotável em alguns programas, por isso o computador usa memória RAM para salvar dados que não cabem nos registradores. **Por isso se você tiver muitas variáveis vai acabar tendo perdas de velocidades muito perceptíveis, cerca de 100x mais lento,já que um registrador é 100x mais rápido que qualquer memória RAM. Esse é um dos motivos nos quais nos preocupamos tanto com a quantidade de variáveis.
What are props in react js ?
Tags: webdev, react, beginners, programming
Published: 2022-04-02 17:43:39

Props are basically arguments passed in a react component and with the help of props you can pass the data instead of hard coding it and rendering on the screen. 

```
export default function Card(props) {
    return (
        <div className="card">
            <img src={`../images/${props.img}`} className="card--image" />
            <div className="card--stats">
                <img src="../images/star.png" className="card--star" />
                <span>{props.rating}</span>
                <span className="gray">({props.reviewCount}) • </span>
                <span className="gray">{props.country}</span>
            </div>
            <p>{props.title}</p>
            <p><span className="bold">From ${props.price}</span> / person</p>
        </div>
    )
}
```
The above is an example of a prop with some property names such as image, rating, etc.
My first contribution
Tags: symfony, php, github, discuss
Published: 2022-04-02 17:39:35

I am so happy to announce you that I made my first contribution ! :tada:

It's not a bug that I fixed but, I'm proud to have particpated to my first opensource project (even if it was for the documentation).

My Pull Request : [https://github.com/symfony/symfony-docs/pull/16596](https://github.com/symfony/symfony-docs/pull/16596)

And you, what did you feel when you contributed for the first time ?
Alan AI - 12K+ Interactions Promo Code
Tags: javascript, tutorial, webdev, node
Published: 2022-04-02 17:27:59

Hello, 👋 Developers.

### What is Voice Assistant?
A voice assistant is a digital assistant that uses voice recognition, language processing algorithms, and voice synthesis to listen to specific voice commands and return relevant information or perform specific functions as requested by the user.

## Alan AI
If you want to integrate voice based functionality in your app or website then [Alan AI](https://alan.app) can be best solution for you.

#### Alan AI can be integrated with these platforms

- Android
- iOS
- Web
- Electron
- React Native
- ionic
- Flutter
- SAP

Look At Their Documentation For More information
[https://alan.app/docs](https://alan.app/docs/)

### Reference
Here are List of some videos which will give you some more idea 💡 about Alan AI

> Also there are also mentioned Promo code which will give you free Interactions.

##### What are interactions?
An interaction refers to each time you or your user interacts by voice with your voice assistant within Alan Studio or deployed in an app.

_You Will Get **100** Free Interactions on Sign Up_ 
[Sign Up](https://studio.alan.app/register)
### Videos 📷:-

-  AI-powered shopping cart (React)
{% youtube ShufCBZi_r8 %}
**`MAKEDANE1000`** 1000 free Interactions.

---

- E-commerce app (React)
{% youtube 4xwruFAvEHA %}
**`WEBDEVSIMPLIFIED`** 2500 free Interactions.

---

- Voice controlled news app (React)
{% youtube rqw3OftE5sA %}
**`JSMASTERY`** 2500 free Interactions.

---

- Pacman with voice commands (JavaScript)
{% youtube kBVaH3D92H8 %}
**`ANIAKUBOW`** 2500 free Interactions.

---

- AI-powered voice assistant radio app (Flutter)
{% youtube p4xh7zTt6i0 %}
**`MTECHVIRAL`** 2500 free Interactions.

---

- Voice assisted FAQ app (React)
{% youtube roqwqDr-yRw %}
**`CODEVO`** 1500 free Interactions.

---
Unzip minecraft mods to their directory from the command line
Tags: linux, bash, cli
Published: 2022-04-02 17:12:18

---
canonical_url: https://waylonwalker.com/til/linux-unzip-directory/
series: til
published: true
tags:
- linux
- bash
- cli
title: Unzip minecraft mods to their directory from the command line
---

This morning I was trying to install a modpack on my minecraft server after getting a zip file, and its quite painful when I unzip everything in the current directory rather than the directory it belongs in.

## I had the files on a Windows Machine

So I've been struggling to get mods installed on linux lately and the easiest way to download the entire pack rather than each mod one by one seems to be to use the overwolf application on windows.  Once I have the modpack I can start myself a small mod-server by zipping it, putting it in a mod-server directory and running a python `http.server`

```bash
python -m http.server
```

## Downoading on the server

Then I go back to my server and download the modpack with wget.

``` python
wget 10.0.0.171:8000/One%2BBlock%2BServer%2BPack-1.4.zip
```

## Unzip to the minecraft-data directory

Now I can unzip my mods into the `minecraft-data` directory.

```bash
unzip One+Block+Server+Pack-1.4.zip -d minecraft-data
```
## Running the server with docker
I run the minecraft server with docker, which is setup to mount the minecraft-data directory.


  <div class="onelinelink-wrapper">
      <a class="onelinelink" href="https://waylonwalker.com/til/docker-minecraft-server/">
          <img style="float: right;" align='right' src="https://images.waylonwalker.com/til/docker-minecraft-server-og_250x140.png" alt="article cover for 
 Running a Minecraft Server in Docker
"/>
          <p><strong>
 Running a Minecraft Server in Docker
</strong></p>
      </a>
  </div>


A bit more on that in the other post, but when I download the whole modpack like this I make these changes to my docker compose. (commented out lines)

```yaml
version: "3.8"

services:
  mc:
    container_name: walkercraft
    image: itzg/minecraft-server:java8
    environment:
      EULA: "TRUE"
      TYPE: "FORGE"
      VERSION: 1.15.2
      # MODS_FILE: /extras/mods.txt
      # REMOVE_OLD_MODS: "true"
    tty: true
    stdin_open: true
    restart: unless-stopped
    ports:
      - 25565:25565
    volumes:
      - ./minecraft-data:/data
      # - ./mods.txt:/extras/mods.txt:ro

volumes:
  data:
```
Angular 13 + NestJs + NX
Published: 2022-04-02 17:05:15


This is an Angular 13 Starter project with Ngx-admin, NestJs, Nx Workspace, Jest, Cypress, ESLint & Prettier

**GitHub: https://github.com/wlucha/angular-nest-nx**

## Features

✅ [Angular 13](https://angular.io/)
✅ [Ngx-admin](https://akveo.github.io/ngx-admin/) 
✅ [NestJS 8](https://nestjs.com/)
✅ Next generation build system with [Nx](https://nx.dev/) 
✅ Unit Testing with [Jest](https://jestjs.io/)
✅ End-to-End Testing with [Cypress](https://www.cypress.io/ 
✅ [ESLint](https://eslint.org/)
✅ [Prettier](https://prettier.io/)

## Frontend App
The Angular 13 frontend app is based on the [ngx-admin](https://github.com/akveo/ngx-admin) starter kit.  

![image](https://user-images.githubusercontent.com/7531596/148551080-de61fdb5-ffa4-496e-a26b-4bbf9dd35e9e.png)

## Install / Development

```bash
# Clone the project
$ git clone https://github.com/wlucha/angular-nest-nx
$ cd angular-starter

# Install dependencies
$ npm install

# Start frontend server
$ npm run start

# Start backend server
$ npm run api

# Open in browser: http://localhost:4200
```

## Commands

- `npm run start` - Start the ngx-admin frontend app
- `npm run api` - Start the NestJS backend
- `npm run lint` - Lint the project
- `npm run test` - Run tests

## License

MIT License

Copyright (c) 2022 Wilfried Lucha

**GitHub: https://github.com/wlucha/angular-nest-nx**
Verify & Publish Smart contracts on EVM-based chains.
Tags: blockchain, javascript, beginners, programming
Published: 2022-04-02 17:01:31

If you got failed for verifying your smart contract on EVM based chains, just explore my new blog.
https://pankajsinghrathore9599.medium.com/verify-publish-smart-contracts-on-evm-based-chains-6d63a109436d