teleren/devto huggingface dataset:
How To Test Mic On Macbook (Guide)
Tags: macbook
Published: 2022-11-22 09:28:17

Due to its incredibly small and light form and exceptional functionality, the MacBook is one of the electronic products that many people like nowadays. It goes pretty well with the [apple airpods](https://mictester.hashnode.dev/how-to-test-airpods-mic) due to the amazing ecosystem apple offers.

[Macbook's mic is located](https://linuxhint.com/microphone-location-macbook-air/) on the side. It is simple to attach and also supports external microphones.

In spite of this, you must still listen to the sound and make sure the mic is working properly. The quickest ways to test your Mac's microphone and make sure it is functioning properly are described here.

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

## Check the mic on MacBook 

The system's native mic volume settings and third-party apps/services are the two main ways to verify if a connected mic is receiving any input.

**Settings for the microphone**
Connect an external microphone to your Mac to test it out first.

1. Access the System Preferences programme.
2. Enter the Sound Preference page.
3. Navigate to the Input tab under Sound Preference.
4. Choose the microphone you wish to test as your input device.
5. Set the [microphone's level](https://hirevuesupport.zendesk.com/hc/en-us/articles/360028433311-Microphone-Settings-Mac-Apple-) so that it can pick up the sound you wish to use it for before speaking into it.
6. To show that an input has been detected, the bars will light up. If they are dark, your microphone is not picking up any input.

You can also [test the mic of your iPhone](https://www.tumblr.com/mictester) by using Siri or the voice memos application of your phone.

**Web services and browsing**

The decision to allow access to a microphone is up to the user because it is an input device. 


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

If an app can't pick up mic input yet your Mac can through the System Preferences app, there may be a problem with permissions or the programme itself. To find out what's wrong, perform a mic test from your web browser by visiting [Mictester.org](https://mictester.org/)

1. Visit this app to test your microphone after opening your web browser.
2. The Play button is located to the right. Click it.
3. The mic access request from your browser will appear. Allow the browser to use your microphone.
4. Speak into the microphone when it is available in the browser.
5. Sound input will be shown by a small window underneath the test area, and the line will adjust to reflect the sound's loudness.
Naming folders in VSCode workspaces
Tags: vscode
Published: 2022-11-22 10:05:22

---
title: Naming folders in VSCode workspaces
published: true
date: 2022-11-22 09:19:21 UTC
tags: #vscode
canonical_url: https://alexsaezm.com/posts/workspaces_vscode/
---

For my packaging work in Fedora, CentOS and RHEL, I use VSCode as my main editor. And more often than not, I find myself working on a bug that requires more than one repository.

> This happens because packages are “small” (you should look at Kubernetes…) projects that isolate the thing you want to manage, so a project with multiple dependencies usually involves more than one package. This is really common in Fedora, as [bundling is discouraged](https://fedoraproject.org/wiki/Bundled_Libraries).

VSCode workspaces are a great feature that significantly helps me in those situations. How? I create a workspace with all the repositories and name it like the bug I’m working on (for example, `rhbzXXXXX`, `rhbz` stands for Red Hat Bugzilla). And for quick access, I keep all of my workspace files in the same folder. As simple as it sounds. But this usually leads to a minor problem that can become annoying. What if the folders have the same, similar, or just a non-clear name? [VSCode and the documentation don’t give us any solution](https://code.visualstudio.com/docs/editor/workspaces#_multiroot-workspaces). But the workspace file is `JSON` and allows two parameters I didn’t find in the documentation: `name` and `uri`. Not quite sure what exactly `uri` does, but as you can imagine, you can use `name` to modify the interface text and show more practical information. For example:

```json
{
    "folders": [
        {
            "path": "../src/gitlab.com/redhat/centos-stream/rpms/go-rpm-macros",
            "name": "CentOS Stream macros"
        },
        {
            "path": "../src/src.fedoraproject.org/rpms/go-rpm-macros",
            "name": "Fedora macros"
        }
    ],
    "settings": {}
}
```

> To open this file quickly, open the [Command Palette](https://code.visualstudio.com/shortcuts/keyboard-shortcuts-linux.pdf) (usually Ctrl + Shift + P), and look for “Open Workspace Settings (JSON)”.

The only remaining issue is that workspaces don’t allow you to specify the branch, so unless you use some CVS branch workflow or git-worktree, if you reopen an old workspace, it will be a mess. Although I never found myself in this situation.
Web Design
Published: 2022-11-22 09:15:32

The term "web design" describes the layout of websites that are seen online. Instead of software development, it typically focuses on the user interface components of website development. The primary focus of web design was previously creating websites for desktop users, but from the middle of the 2010s, designing for smartphone and tablet browsers has gained significance.


![web design @lizd](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/kgmk0rwdu8m0oztn8yyd.png)

A web designer is responsible for a website's look, feel, and occasionally even content. For instance, appearance refers to the colors, text, and images utilized. Information's organization and categorization are referred to as its layout. 

An effective web design is user-friendly, aesthetically pleasing, and appropriate for the target audience and brand of the website. Many websites focus on keeping things simple so that viewers won't be distracted or confused by additional information and features. Removing as many potential sources of user annoyance as possible is a crucial factor to take into account because the foundation of a web designer's output is a site that gains and nurtures the trust of the target audience. 

Blog By Liz D. Mukami
laravel git clone, 2022-11-22
Published: 2022-11-22 08:56:27

깃 클론을 하고 난 뒤

```
composer install
```
```
npm install
```

```
npm run dev
```

```
php artisan migrade:fefresh --seed
```

```
php artisan ui bootstrap
```

```
composer require laravel/ui
```
ERROR:require(): Failed opening required 'C:\Users\dev14\code\00/vendor/autoload.php' (include_path='.;C:\php\pear'),2022-11-22
Tags: errors, laravel
Published: 2022-11-22 08:54:22

```
PHP Warning:  require(C:\Users\dev14\code\topski_admin/vendor/autoload.php): failed to open stream: No such file or directory in C:\Users\dev14\code\topski_admin\artisan on line 18
PHP Fatal error:  require(): Failed opening required 'C:\Users\dev14\code\topski_admin/vendor/autoload.php' (include_path='.;C:\php\pear') in C:\Users\dev14\code\topski_admin\artisan on line 18
```

해결방안

```
composer install
```
Block scope Vs Global scope var, let, const !!!
Tags: webdev, javascript, programming, tutorial
Published: 2022-11-22 08:51:46

```
const a = 1;
let b = 2;
var c = 3;

if(true){
  const a = 10
  let b = 20
  var c  = 30
  console.log('Inside Block value of a = ' ,a ) 
  console.log('Inside Block value of b = ' ,b ) 
  console.log('Inside block value of c = ' ,c ) 
}
console.log('Outside Block value of a = ' ,a ) 
console.log('Outside Block value of b = ' ,b ) 
console.log('Outside block value of c = ' ,c ) 
```
**Output**

```
Inside Block value of a =  10
Inside Block value of b =  20
Inside block value of c =  30
Outside Block value of a =  1
Outside Block value of b =  2
Outside block value of c =  30
```

## Why did value of a and b are unchanged outside the block??

The answer is let and const are block scope.

**When Execution is in Line no. 1**
![](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/8fw65p6kwvcs0lzwb7ix.png)

>  var **c** is allocated memory in Global Scope whereas **a** and **b** are allocated memory in different scope.


**When Execution reached to Line no.6**
![](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/muqcogc8wb6dj30qu0sz.png)


> Values of variables are assigned but, a new scope can been seen, Block Scope where again **a** and **b** are allocated memory.

**When Execution reached to line no. 9**
![](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/rn8glfttexbhcgrbzkp0.png)

> Variables values are assigned in block scope and we can notice Script scoped **a** and **b** is not changed but global scoped variable c is changed to 30.

**When Execution reached to Line no. 13 outside if block**
![](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/p0nv8ufv2d2qvv0n3x6r.png)

> Work of block scope is done and variable a and b values remains unchanged whereas value of c is changed.
The Importance of Python in Networking
Published: 2022-11-22 08:50:05


In the world of computer networking, there is a programming language that has been gaining a lot of popularity in recent years, and that is Python. So, why is Python so important in networking? 

Let's take a look.

Python is a versatile scripting language that can be used for automating tasks, upgrading servers, developing network tools, writing system scripts, and so much more. 

It is also an interpreted language, which means that you don't need to compile your code before you run it. This can be very handy when you're working on code that is still in development and you want to be able to test it out quickly.

Another reason why Python is so popular in networking is that it runs on multiple platforms. This means that your code will be able to run on Windows, Linux, and macOS without any modification. 

This can be very useful if you need to develop a tool that needs to be compatible with multiple operating systems.

Lastly, Python has a large community of users who are always willing to help out newcomers. If you ever get stuck while coding in Python, chances are there is somebody out there who can help you out. 

The Python community is very active and supportive, which makes it a great place to learn the language. 


## Conclusion 

Python is a versatile scripting language that can be used for automating tasks, upgrading servers, developing network tools, writing system scripts, and so much more. 

It is also an interpreted language, which means that you don't need to compile your code before you run it. This can be very handy when you're working on code that is still in development and you want to be able to test it out quickly. 

If you're interested in learning more about coding or if you're looking for a new scripting language to try out, then Python might be the right choice for you.

**Important Articles:
**
Python for Beginners
https://www.python.org/about/gettingstarted/

Home Network Set Up for Networking Engineer
https://www.networkingsignal.com/setup-a-home-network-detail-explained/
5 rules of Bootstrap you should know
Tags: bootstrap, webdev, programming, css
Published: 2022-11-22 08:36:51

For a beginner in web development, Bootstrap can be a very helpful css framework, that will help you create beautiful websites.

In this article, we will try to understand the rules to follow when using [Boostrap v 5](https://getbootstrap.com/docs/5.1/getting-started/download/)

**1.** Only Rows can be children of container.

**2.** Container can not be a child of another container.

**3.** Only columns can be children of row.

**4.** Columns must add up to 12.

**5.** Row can be a child of a row.

If you would love to learn more about Bootstrap so, that you can create very beautiful websites, you should check out [SA7MAN](https://youtube.com/@SA7MAN) on Youtube.

<a href="https://www.buymeacoffee.com/ifeanyichima" target="_blank"><img src="https://cdn.buymeacoffee.com/buttons/default-orange.png" alt="Buy Me A Coffee" height="41" width="174"></a>


**Thank you, please follow me**

[![HTML](https://img.shields.io/badge/LinkedIn-0077B5?style=for-the-badge&logo=linkedin&logoColor=white)](https://linkedin.com/ifeanyi-thankgod-chima)&nbsp;[![GitHub](https://img.shields.io/badge/GitHub-100000?style=for-the-badge&logo=github&logoColor=white)](https://github.com/masterifeanyi)
Feature Toggle
Published: 2022-11-22 08:24:10

### What is feature toggle?

Feature toggles is a design pattern where you place switches in the middle of your code, which will allow you to turn parts of your code on and off based on several things, one of which is functionality.

### Feature flags

It's the switches, the toggles that you put inside your code.

### What are the advantages?

The first advantage is that you can effectively work with ***trunk based***. You won't have several ***branchs*** to ***merge*** and go up to production, so you'll have a single ***branch*** where everyone will commit, but the code that that go up will be off. That can go up to homologation, production, and staying that way off.

First advantage is that you don't suffer from ***merges***, avoiding those problems (it worked and after the merge it doesn't work but).
  - Another thing is that if there is a problem in the code in production, you can turn off the piece of code.
  - For work environments that breathe ecommerce or similar, it is a great option. Because you can activate and deactivate advertisements, temporary promotions, etc., all with just one ***false*** flag.

And this is a great advantage of the concept.

<br />

[![Texto alternativo da imagem](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ds4alkts3uxq0dsco0nv.png))](https://www.linkedin.com/in/israel-lopes-419a32189)
Welcome to my new site😍
Published: 2022-11-22 08:22:55

If you have been following me then you would know that I am a freelance programmer.
And in order to share my knowledge I used this platform. However, it is going to change a little bit. I have created my own website where I will be uploading article from now on.
They will be about web development, game development, freelancing, self-improvement, communication skills and much much more.
So, if you are interested then please visit my website and follow the newsletter.

https://saifullahusmani.com

---



[![DigitalOcean Referral Badge](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/00rcc3tqicv68383vo0r.png)](https://www.digitalocean.com/?refcode=9d6f3f71c1b4&utm_campaign=Referral_Invite&utm_medium=Referral_Program&utm_source=badge)
let vs var keyword
Tags: javascript, beginners, programming, codenewbie
Published: 2022-11-22 08:22:15

If you're new to learning JavaScript and have taken courses on youtube or anything other platform and don't really understand the difference between let and var or wondering why var isn't a standard in JavaScript anymore.
SAY NO MORE!


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/9l8ji3wd8lt0nawacpsw.gif)


## Let
first let's start with let. Let was introduced in ECMASCRIPT 6 === ES6 but you could use it a little bit in es5 for limited scope declarations. Wasn't until es6 that let and const were formerly introduced. 

## Stop using VAR!
Let is a great way to prevent bugs in your code. why you ask?

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

Because let is only limited to the scope of the block of code.
so lets say you have a function.
`
function user(){
let name = 'mike'
}
`
but you have another let name outside of the function.

`
let name = 'james';
`
remember all functions can access the global or root scope. so with let you cant reassign it, it can be modified but only inside the block scope.

Like this:

```
let = wizardLevel = false
function user(){
     wizardLevel = true;
    console.log('function',wizardLevel) <== returns true
}

user();
console.log(wizardLevel) <=== returns false
// because it happened outside of the function scope.

```

## Look How var is accessed in if statment

```
var wizardLevel = false;
var experience = 100;
if(experience > 90){
     wizardLevel = true;
    console.log('inside',wizardLevel);
}

console.log('outside', wizardLevel);
```
Both wizardLevel variables will return true because of access to the scope. see image for results


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/e8134kwtg61zdt5azm73.png)
Including JS code in TypeScript projects
Tags: typescript, javascript, programming
Published: 2022-11-22 08:05:03

If we add a JS file in the typescript project, we will encounter errors. In this JS file, we can't use any typescript features, so we can't annotate parameters of functions. If we import our JS file into the TS file, we get a compile error because by default JS code is not included in the compilation process. To solve this problem we have to go to tsconfig code, in the Javascript support section, we have to turn on  “allowJs”: true

```
/* JavaScript Support */
    "allowJs": true, 
```
 
**Type checking JS code**
By using JS code by default we don’t get any type checking. For example we can call a function without supplying an argument and we will not know about issue until run time. So we have to compile and run our program to see result like NaN.
We can go back to tsconfig.json and turn on _“checkJs”: true_ 
Now we get some basic type checking. it is not complete but is better than nothing
js file:
```
export  function getNumber(num){
    return num*10
}
```
Ts file:
```
import { getNumber } from "./myFanc";

const myNumber = getNumber(2);
console.log(myNumber);
```
in powershell (or command prompt):

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/foosg5hdus3zhcl5hy22.png)
  
When this setting enabled we will encounter errors in Js file. 
To solve this issue we have 3 solution:

_**Fix JavaScript file errors**_

**1.	Ignore type checking**
We can optionally turn off compiler errors on a file-by-file basis by applying _// @ts-nocheck_ once on top of JavaScript files.

**2.	Describing types using JSDoc**
One way to describe type information our Js code is using JSDoc that is a special type of comment.
By using JSDoc we can provide type information to the typescript compiler and we can explain our code. For example:

```
/**
 * Multiply the number by ten 
 * @param {number} num - value after calculation
 * @returns {number} - return value
 */

export  function getNumber(num){
    return num*10
}

```
**3.	Creating declaration files**
Another way to provide type information is to use Decoration for type definition files. We create a new file called _‘same name as Js file’.d.ts_ .In this file we declare all the features of the target modules. Type definition files are similar to header files in C.

myfunc.d.ts
```
export declare function getNumber(num: number): number;
```

**using definitely type declaration files**
We don’t need to create type definition files for third-party JavaScript libraries. We can use type definition files from the Definitely Typed GitHub repository (@types/ <package>).

_Thank you for reading this post! :)
z. Nabi_
A Fun Programming Joke To Start Your Day
Tags: jokes, dailydeveloperjokes
Published: 2022-11-22 08:00:01

---
title: "A Fun Programming Joke To Start Your Day"
description: "Check out today's daily developer joke! (a project by Fred Adams at xtrp.io)"
series: "Daily Developer Jokes"
published: true
tags: #jokes, #dailydeveloperjokes
---

Hi there! Here's today's Daily Developer Joke. We hope you enjoy it; it's a good one.

![Joke Image](https://private.xtrp.io/projects/DailyDeveloperJokes/public_image_server/images/5e1259bf358c4.png)

---

For more jokes, and to submit your own joke to get featured, check out the [Daily Developer Jokes Website](https://dailydeveloperjokes.github.io/). We're also open sourced, so feel free to view [our GitHub Profile](https://github.com/dailydeveloperjokes).

### Leave this post a ❤️ if you liked today's joke, and stay tuned for tomorrow's joke too!

_This joke comes from [Dad-Jokes GitHub Repo by Wes Bos](https://github.com/wesbos/dad-jokes) (thank you!), whose owner has given me permission to use this joke with credit._

<!--
Joke text:
___Q:___ Hey officer! How did the hackers escape?

___A:___ No idea. They just ransomware.
 -->
6 Best Smart Technology Gadgets For The Classroom | 2023
Published: 2022-11-22 07:43:16

Technology has been a part of our lives for some time now due to which a lot of our time is spent on it. It is getting overwhelming. Best technology gadget for the best smart technology gadgets for the classroom people used to do their work with a lot of hard work but now these people resort to the same technology. Now the new generation of the world has also come to know that now education has also shifted to technology.

The teachers are trying their best to bring their children towards this. This thing has come a long time ago in the developed countries but this thing is rarely seen in the less developed countries here but slowly. It is well-known among people that we cannot survive without technology

[Best Smart Technology Gadgets For The Classroom](https://www.ecotechview.com/
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/70drtrpwzngr4q8vn5n2.jpg)2022/11/Best-Smart-Technology-Gadgets-For-The-Classroom.html)
##API 101 WITH POSTMAN API
Tags: api, writing, postman
Published: 2022-11-22 07:42:21

####Abstract:
I attended an event at my school(University of buea) that talked about an introduction to API’s(API 101 with Postman).During this event i learned about what an API is, and  I was able to use the postman API  to generate a get and post request from the user. In this article I would be walking us through what an API is and also what postman API is.

###what is an API??
An API stands for Application Programming interface. It refers to a technology or mechanism  that helps two two softwares or  applications to communicate with each other using a set of defined protocols. In simple terms it’s a software that allows two applications talk to each other. .
We use APIs in our everyday life. Some aplications of APIs include
Weather snippets, login with uvw(at times when we want to visit a website and we are ask to login with google or even github.), google maps and just to name a few.

###what is POSTMAN API??

Now that we know what an API is all about we are going to talking about APIs with postman.

Basically postman is an API  that help developers create and use APIs. It also allows collaboration so as to build better APIs. So postman is an API itself.
Now that we know about APIs and postman I’m going to be talking about what I learned at the event.

In other for you to use postman  you need to first create an account. So to do so we used thi [link](bit.ly/api-collection )
Once you have created an account you can access their documentary from the **Basics of API** at the top left of your screen. so as to see the various steps on how to get started in creating your own API.

In conclusion the event was very amaizing and also the instructor **@SalomeTambe** was really great. I learned alot about APIs and looking forward to creating my own API using postman API.

Thank you for reading.
Added work with multi states in one moment in KaufmanBot at NestJS
Tags: kaufmanbot, nestjs, telegram, multistate
Published: 2022-11-22 07:40:49

## Links

https://github.com/EndyKaufman/kaufman-bot - source code of the bot

https://telegram.me/KaufmanBot - current bot in telegram 

https://telegram.me/DevelopKaufmanBot - current bot in telegram (develop-branch)

## Usage example
{% embed https://youtu.be/FeVp9IgmMc4 %}

## Features
- add support work with multi states in one moments
- append locale values to msg argument in onBeforeBotCommands, onMessage, onContextBotCommands, onHelp, onAfterBotCommands args, move all duplicated checkSpyWords to BotCommandsToolsService
- add method changeMessageId in BotCommandsStorageProvider