teleren/devto huggingface dataset:
Bridging the Gap: Developer Friendly Approach to Web Content Accessibility Guidelines 2.1
Tags: programming, a11y, beginners
Published: 2023-02-24 17:25:32

Hello friends,

Welcome to [Webforeveryone](https://www.youtube.com/@webforeveryone/videos), the YouTube channel that's all about making web accessibility easy and accessible for developers like you! 

**Problem -**
Let's understand first why developers are not giving much importance and may not be implementing WCAG 2.1 guidelines. 
There can be several reasons:

- **Lack of awareness**: Developers may not be aware of the importance of web accessibility or the WCAG 2.1 guidelines.
- **Complexity**: The guidelines may be perceived as too complex, making it difficult for developers to understand how to implement them.
- **Time constraints**: Developers may not have enough time to dedicate to implementing web accessibility guidelines, especially if they are working on a tight schedule.
- **Limited resources**: Smaller organizations or individual developers may not have access to the necessary resources, such as specialized tools or testing platforms, to implement the guidelines effectively.
- **Limited training**: Many developers may not have received formal training on web accessibility, and therefore may not feel confident in their ability to implement the guidelines.

[![Webforeveryone youtube channel](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/esxrn27e3mt1edc9fk3x.PNG)](https://www.youtube.com/@webforeveryone/videos)


At [webforeveyone](https://www.youtube.com/@webforeveryone/videos), we understand that as a developer, it can be challenging to find comprehensive content covering all **WCAG 2.1** criteria with example code. While there are plenty of videos available online, they often fail to provide the necessary context and depth required to guide developers in implementing **WCAG 2.1** guidelines. That’s why we’ve created this channel — to offer you a one-stop solution to easily implement **Web accessibility WCAG 2.1** success criteria within your code.

We’ve covered all **78 WCAG 2.1 success criteria**, so there’s no need to search or go to any other places to learn how to implement them. We have explained each criterion in detail with relevant examples and code, making it simpler for you to understand and apply accessibility guidelines. Developers don’t have to struggle and search extensively on websites and other channels to implement these criteria anymore.

We’ve put in a month’s worth of effort into creating high-quality content and have utilized various online AI tools to ensure that our content is informative, concise, and engaging. We’re committed to providing developers with the best possible resources to make their websites accessible to everyone.

So, if you’re a developer looking to learn more about implementing web accessibility guidelines, subscribe to our channel [webforeveryone ](https://www.youtube.com/@webforeveryone/videos)and join our community .

Together, we can create a more inclusive web for everyone :)

Thanks,
Storyblok Nuxt 3 news 🗞
Tags: nuxt3, vue, sdk, opensource
Published: 2023-02-24 17:21:39

Hi, community 👋

We have some exciting news to share with you about the Storyblok Nuxt 3 ecosystem! 🎉

## SDK Updates

Our Nuxt 3 SDK ([@storyblok/nuxt](https://github.com/storyblok/storyblok-nuxt)) has removed axios and upgraded to the Nuxt 3 stable version 🎉

To take advantage of this update, install the latest version or update the SDK to [v5.1.0](https://github.com/storyblok/storyblok-nuxt/releases/tag/v5.1.0).

> The SDK now uses the Fetch API under the hood. If your environment doesn't support it, install a polyfill like [isomorphic-fetch](https://github.com/matthew-andrews/isomorphic-fetch). More information can be found on the [storyblok-js-client README](https://github.com/storyblok/storyblok-js-client#fetch-use-polyfill-if-needed---version-5).

As @arisa_dev mentioned in our last article, we are looking forward to your feedback about the SDKs and any ideas you may have to keep improving them. 🚀

Thanks to my colleagues @alexjoverm, @robertobutti, and @manuelschroederdev for supporting me during this process.

## New article on the Ultimate Tutorial series

![Cover of the Ultimate Tutorial Nuxt 3 — Part 6 — Manage Multilingual Content in Storyblok and Nuxt](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/p0fcvkv8affr9ho82aer.jpg)

Yesterday, we also released part 6 of our Ultimate Tutorial series, which covers managing multiple languages in your Storyblok Nuxt 3 site. Check it out at [Manage Multilingual Content in Storyblok and Nuxt](https://www.storyblok.com/tp/manage-multilingual-content-in-storyblok-and-nuxt).

If you haven't followed the previous articles and want to learn how to integrate Storyblok into your Nuxt 3 project, you can check out our first part of the Ultimate Tutorial series: [Add a headless CMS to Nuxt 3 in 5 minutes](https://www.storyblok.com/tp/add-a-headless-CMS-to-nuxt-3-in-5-minutes).

Let's build better websites together! Give us your opinion, and we will grow thanks to you 🫂
HOW TO DEPLOY MICROSOFT AZURE SPEECH TO TEXT COGNITIVE SERVICE
Published: 2023-02-24 17:14:33

**WHAT IS AZURE COGNITIVE SERVICE?**
Azure Cognitive Services are cloud-based artificial intelligence (AI) services that help developers build cognitive intelligence into applications without having direct AI or data science skills or knowledge. They are available through REST APIs and client library SDKs in popular development languages. Azure Cognitive Services enables developers to easily add cognitive features into their applications with cognitive solutions that can see, hear, speak, and analyze.

**WE HAVE 5 CATEGORIES OF AZURE COGNITIVE SERVICES:**
1. Vision
2.Speech
3.Language
4.Decision
5.Azure OpenAI Service

To use the speech to text service on Azure, you have to follow the steps below,

**STEP 1**
-Ensure you have a microsoft account and sign in.
-Go to _search resources_ and search for _cognitive services_ and click on it.

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


**STEP 2**
Click on _create_ under the speech service

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


**STEP 3**
-Fill in the boxes. Choose your subscription.
-Create a resource group[mine was the Febworkload].
-Choose a region.
-Input a globally unique name[mine was S2Text]
-Choose a pricing tier of your choice.
-Click on _Review + create_
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/bvgk1vyuzlctqurzh5ku.png)


**STEP 4**
Ensure validation passes, then click _create_


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


**STEP 5**
Click on _Go to resource_


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

**STEP 6**
Click on _Real-time Speech-to-text_


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

**STEP 7**
Click on the microphone icon and record your voice. You'll have the words you're saying written out in the provided box. 


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

The speech to text cognitive service is working!
Keycloak: A Comprehensive Solution for Authentication, Authorization
Published: 2023-02-24 11:28:38

Keycloak is an open-source identity and access management solution that provides a comprehensive platform for managing user authentication and authorization.
Keycloak provides a range of authentication mechanisms, including username and password, social media login, and multifactor authentication. It supports integration with external authentication providers such as LDAP, Active Directory, and SAML. Keycloak also supports multiple identity providers, enabling users to choose the one they prefer.
Authorization is equally important, and Keycloak provides a range of features for managing it. One of the essential features of Keycloak is its ability to manage roles and groups. Roles allow administrators to assign permissions and access rights to users based on their job responsibilities or other criteria, while groups enable users to collaborate and share resources within a defined context. These features provide fine-grained control over who can access what resources, making it easier for businesses to maintain compliance with regulatory requirements.
Bearer tokens are a critical part of Keycloak's authorization mechanism. Bearer tokens are short-lived tokens that grant access to a specific resource. Keycloak uses these tokens to authenticate users and authorize access to resources. When a user logs in, Keycloak issues a bearer token, which is then used to access protected resources.
Bearer tokens can be configured to expire after a specific period, ensuring that users are required to log in periodically to maintain access. This feature enhances security, as it minimizes the risk of unauthorized access to resources.
In conclusion, Keycloak is an excellent solution for managing user authentication and authorization. Its support for multiple authentication mechanisms, external authentication providers, and identity providers make it a versatile and flexible solution. Keycloak's ability to manage roles and groups, along with its use of bearer tokens for authorization, provides businesses with a comprehensive platform for managing access to resources. With Keycloak, businesses can ensure that their applications are secure and compliant with regulatory requirements.
How to Compare Dates in MySQL
Tags: mysql, database, comparedates, dbforgestudio
Published: 2023-02-24 17:05:10

Let's learn how to compare dates of different formats that were entered by the user and stored in the database using dbForge Studio for MySQL, which will help us easily deal with date comparison tasks - https://www.devart.com/dbforge/mysql/studio/comparing-dates-in-mysql.html

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ystzxo2fhf3190zu3r2f.png)
Handling the struggles of Entrepreneurship
Published: 2023-02-24 16:59:53

In business as well as in our personal lives, the best preparation for a better tomorrow is to give our best, to deliver the most exceptional product or service every day!

As entrepreneurs, one of our business core goals should be to make our customer service not only the best but simply legendary. We must endeavor to our strengths by knowing our target niche in detail, studying the current market and the competition rather frequently, and aiming to learn and understand our customer's needs thoroughly, to bring to their table a service or product that satisfies those needs.

In the vast world of nowadays businesses, delivering an optimal customer service experience to our customers is, without sight of doubt, a critical competitive advantage over our competitors.

As entrepreneurs, we can't simply give up, but instead put our heart into what we do from start to finish, aiming to reach goals with the same enthusiasm, seeking the same kind of boost and energy, even when there is no more to give.

This proposal is not easy to achieve, it may as well sound a bit demanding, thus, we should keep in mind that the journey to success is not merely unchallenging or untroubled, for this might take a distance of 100 meters or perhaps 20 thousand kilometers, nevertheless, what it matters is to start it up by taking a firm, solid and steady first step, and continue with the next steps afterward, without throwing in the towel halfway.

Constant effort is truly the key to success. In this obtrusive macrocosm of business, hardships often prepare careworn ordinary people for an extraordinary destiny.

Therefore, the difference between who you are now and who you want to become tomorrow will depend largely on everything you do to achieve it. Remember that strength doesn't come from what you can do, but rather from overcoming the things you once thought you couldn't do.

I wish you guys the most successful day today, dear readers! See you next time, buddies! Don't forget to share this post with all of your friends!

***
❤️ Enjoyed the article? Your feedback fuels more content.
💬 Share your thoughts in a comment.
🔖 No time to read now? Well, Bookmark for later.
🔗 If it helped, pass it on, dude!
More than "Hello World in Lambda"🤔
Tags: aws, lambda, serverless
Published: 2023-02-24 16:53:18

AWS Lambda is a serverless computing service that allows developers to run code without managing servers or infrastructure. Lambda functions can be triggered by various events and are a great way to build scalable and cost-effective applications. In this blog, we'll explore how to go beyond the "Hello, World!" example and create more complex Lambda functions.


## **Let's create a Lambda function that fetches data from an external API and stores it in an S3 bucket.**

> Step 1: Set up the AWS Environment

Before we start, make sure you have an AWS account and have set up the necessary permissions. You'll need to create an S3 bucket and an IAM role with permissions to access the bucket and execute Lambda functions.

> Step 2: Create the Lambda Function

1. Go to the AWS Management Console and navigate to the Lambda service.
2. Click "Create function" and select "Author from scratch".
3. Give your function a name, select your preferred runtime, and choose the IAM role you created in step.
4. In the function code editor, copy and paste the following code:

```
import boto3
import requests
import json

def lambda_handler(event, context):
    
    url = "https://jsonplaceholder.typicode.com/posts"
    response = requests.get(url)
    data = response.json()
    
    s3 = boto3.resource('s3')
    bucket_name = 'your-bucket-name'
    object_key = 'data.json'
    s3.Object(bucket_name, object_key).put(Body=json.dumps(data))
    
    return {
        'statusCode': 200,
        'body': json.dumps('Data fetched and stored in S3!')
    }

```
This code fetches data from the JSON Placeholder API and stores it in an S3 bucket. Make sure to replace "your-bucket-name" with the name of the S3 bucket you created in step 1.

Click "Deploy" to create your Lambda function.

> Step 3: Test the Lambda Function

1. Click the "Test" button and create a new test event.
2. Give your test event a name and leave the default event template.
3. Click "Create".
4. Click the "Test" button again to run the test event.
5. After the function executes, check your S3 bucket to make sure the data was stored successfully.

And that's it! You've created a Lambda function that fetches data from an external API and stores it in an S3 bucket. You can now use this function as part of a larger application or build on it to create more complex functionality.
C++ Konstanta
Published: 2023-02-24 16:52:02

Assalamu aleykum hurmatli dasturchi bugun siz bilan konstantalar `Const` xaqida ko'rib chiqamiz.

**Konstanta** - bu o'zgarmas hisoblanadi.C++ dastrulash tilida o'zgarmaslarni e'lon qilish uchun `const` ko'makchi so'zidan foydalanib(Ushbu o'zgaruvchini o'zgarmas deb e'lon qilamiz).
Konstanta faqat qiymatni (olish) o'qish mumkin.

```
#include <iostream>
using namespace std;
​
int main() {
    const int n = 13;  // n ning qiymati doim 13 ga teng bo'ladi 

    return 0;
}
```

```
#include <iostream>
using namespace std;
​
int main() {
    const int n = 13;  // n ning qiymati doim 13 ga teng bo'ladi
    n = 15;  // error: n bu yerda faqat o'qish mumkin
    cout << n;
  return 0;
}
```

```
Natija::
In function 'int main()':
6.9: error: assignment of read-only variable 'n'
```

2. -qator: bu yerda o'zgarmasni o'zgartirishga urunilgan bunday holatga C++ komplyatori yo'l qo'ymaydi, va sizga yuqoridagi xatolik ekranini chiqaradi. Kontanstant e'lon qilishda etiborli bo'ling chunki dastur ishlash mobaynida ushbu indentifikator o'zgartirib bo'lmaydi agar o'zgartirishga harakat qilsangiz xatolikka yuz beradi.

`Konstanta - e'lon qilishda ehtiyoriy tipga mansub o'zgaruvchini o'zgarmas deb e'lon qilish mumkin.`

**Misol uchun:**

```
#include <iostream>
using namespace std;
​
int main() {
    const int age = 24;  // age (yosh) konstanta
    const string name = "Ilmhub IT school";  // name (ism) konstanta
    const bool is_developer = true;  // is_developer (dasturchimi) konstanta
    const char is_char = 'M';  // is_char konstanta
    const float PI = 3.14;
}
```
MySQL Index: The Easy Guide to Boost Query Speed
Tags: mysql, mysqlindex, database, dbforgestudio
Published: 2023-02-24 16:40:20

A MySQL index helps in quickly finding rows in a table. Let's take a look at how we use dbForge Studio for MySQL for index maintenance, query performance profiling, and more - https://www.linkedin.com/pulse/mysql-index-easy-guide-boost-query-speed-jordan-sanders/

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/w78lhyf8bgr04icm0ti9.jpg)
I created an app to visualize word unscrambling algorithm
Tags: javascript, webdev, showdev, algorithms
Published: 2023-02-24 16:39:41

Recently, I've built a word unscrambler app and thought it would be cool to visualize what the algorithm is doing underneath.

So, I've created an app to do just that. 

![GIF showing the visualization of word unscrambling algorithm](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/5iwgy250d4ke0zg5wast.gif)

The algorithm uses the [Trie](https://en.wikipedia.org/wiki/Trie) data structure to look up possible words from the given letters.

Visit the app from [here](https://trie-visualizer.netlify.app/).

I would love to know your thoughts about it.
Introducing TuneIn-CLI: A Command-Line Interface to Browse and Listen to Thousands of Radio Stations Globally
Tags: webradio, rust, opensource
Published: 2023-02-24 16:34:04

Are you a fan of radio stations, and looking for a way to listen to them from your terminal? Then you'll love TuneIn-CLI, an open-source project that allows you to browse and play thousands of radio stations worldwide without leaving your terminal.

In this blog post, we will introduce TuneIn-CLI, its installation process, usage, and features. TuneIn-CLI is a lightweight and easy-to-use command-line tool developed using Rust, an efficient and modern programming language. It uses TuneIn's public APIs to browse and fetch radio stations data from all around the world.

## Installation

TuneIn-CLI is available for macOS and Linux platforms. You can download and install the latest version from the official GitHub repository or via Homebrew on macOS/Linux.

```sh
brew install tsirysndr/tap/tunein
```

## Usage

TuneIn-CLI offers four subcommands: browse, play, search, and help. You can browse all available radio stations with the browse command, play a specific radio station with the play command, search for a station with the search command, and get help with the help command.

For example, to search for a radio station, you can run:

```sh
tunein search "BBC Radio 1"
```

And the CLI will display a list of available radio stations with their unique IDs.

To play a specific station, you can use the play command with the station name or ID:

```sh
tunein play "alternativeradio.us"
```

## Features
TuneIn-CLI offers several features that make it a unique and powerful tool for radio lovers. Some of these features include:

- **Global Coverage**: TuneIn-CLI supports thousands of radio stations worldwide, making it easy to discover and listen to new stations from different countries and regions.

- **Search**: You can search for radio stations by name, genre, language, location, and other criteria to find stations that match your interests.

- **Play**: TuneIn-CLI allows you to play radio stations.

- **Easy Navigation**: You can browse radio stations by genre, language, location, and popularity to quickly find stations that match your interests.

- **Open-Source**: TuneIn-CLI is an open-source project, which means that anyone can contribute to its development, report issues, or suggest new features.

## Conclusion

TuneIn-CLI is a powerful and user-friendly command-line tool that allows you to browse and listen to thousands of radio stations worldwide without leaving your terminal. With its intuitive interface, powerful search capabilities, and global coverage, TuneIn-CLI is an excellent tool for radio enthusiasts and anyone looking for a unique and exciting way to discover new radio stations.

If you're interested in exploring thousands of radio stations across the globe right from your terminal, be sure to check out '[tunein-cli](https://github.com/tsirysndr/tunein-cli)' on GitHub. The project is open-source, and we welcome contributions from developers like you. You can find the project repository here: https://github.com/tsirysndr/tunein-cli
First aid - guide
Tags: firstaid
Published: 2023-02-24 16:32:25

First aid is a crucial skill that everyone should learn, regardless of whether they are involved in sports or not. Knowing how to respond in an emergency situation can help prevent serious injuries and save lives. 
The first step in providing first aid is to assess the situation and determine whether it is safe to approach the person in need. If the area is hazardous, such as in the case of a fire or a chemical spill, it's important to wait for emergency services to arrive and follow their instructions. If it is safe to approach the person in need, the first priority is to check their responsiveness and breathing.

If the person is unresponsive or not breathing, it's important to call for emergency services immediately and start CPR if you are trained to do so. In the case of an injury, it's important to control any bleeding by applying pressure to the wound and elevating the affected area. If there is an object lodged in the wound, it's important not to remove it, as this can cause further damage. Instead, stabilize the object and seek medical attention as soon as possible.

In addition to these basic first aid skills, it's important to have a well-stocked first aid kit on hand. A basic first aid kit should include items such as bandages, antiseptic wipes, gauze, scissors, and adhesive tape. It's important to check your kit regularly and replace any items that have expired or been used.

When it comes to finding the right resources to help you learn first aid, websites like Parrotias can be a valuable tool. Website offers a wide range of first aid supplies, including first aid kits and training materials, that can help you be prepared in case of an emergency. 

In conclusion, first aid is a skill that everyone should learn, regardless of whether they are involved in sports or not. Knowing how to respond in an emergency situation can help prevent serious injuries and save lives. By learning basic first aid skills and having a well-stocked first aid kit on hand, you can be prepared to respond to any situation.