teleren/devto huggingface dataset:
বুটস্ট্রাপ Carousel কম্পোনেন্ট এর ক্লাসগুলোর সহজ, সিম্পল বিশ্লেষণ
Tags: bootstrap, css
Published: 2023-01-07 13:23:22

Bootstrap তাদের carousel component এর code এ কোন কোন class কেন ব্যবহার করেছে সেটা আমরা আজকে এখানে কিছুটা আলোচনা করার চেষ্টা করব।

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

```
<div id="carouselExample" class="carousel slide" data-bs-ride="carousel">
  <div class="carousel-inner">
    <div class="carousel-item active">
      <img src="..." class="d-block w-100" alt="...">
    </div>
    <div class="carousel-item">
      <img src="..." class="d-block w-100" alt="...">
    </div>
    <div class="carousel-item">
      <img src="..." class="d-block w-100" alt="...">
    </div>
  </div>
  <button class="carousel-control-prev" type="button" data-bs-target="#carouselExample" data-bs-slide="prev">
    <span class="carousel-control-prev-icon" aria-hidden="true"></span>
    <span class="visually-hidden">Previous</span>
  </button>
  <button class="carousel-control-next" type="button" data-bs-target="#carouselExample" data-bs-slide="next">
    <span class="carousel-control-next-icon" aria-hidden="true"></span>
    <span class="visually-hidden">Next</span>
  </button>
</div>

```

**.carousel .slide ->** .carousel class এর সাহায্যে bootstrap নির্দেশ করছে যে আপনি একটি carousel / slider বানাচ্ছেন। .slide এইটা একটা optional class. Bootstrap carousel দুই ধরনের sliding animation support করে। ১) cross wide ২) slide । .slide class ব্যবহার করার মানে হল animation styling টা দুই নম্বর অপশন এর মত হবে। আর default ভাবে এক নম্বর অপশন এর মত দেখাবে। 

**data-bs-ride="carousel" ->** এটা ব্যবহার করার মানে হল কোনও left / right control button না দিলেও automatic কিছুক্ষন পর পর slide গুলো change হতে থাকবে। 

**.carousel-inner ->** আপনি carousel এর মধ্যে যতগুলো slide, text, image etc. ব্যবহার করবেন সব কিছু এই class এর under এ দিতে হবে। তাছাড়া, styling specially position এ বেশ কিছুটা difference দেখতে পাবেন which is not good at all.

**.carousel-item ->** প্রতিটা image কে এই class এর under এ styling দেওয়া হয়। 

**.active ->** এর মানে হল webpage টা যতবার নতুনভাবে open করা হবে / refresh করা হবে, সবসময়ই এই image টা first time দেখাবে carousel এ। এটা জরুরি নয় যে প্রথম image এর মধ্যেই দিতে হবে। আপনার ১০ টা image থাকলে, আপনি চাইলে ১০ নম্বর image এর মদ্ধেও এটা ব্যবহার করতে পারেন ।

**.carousel-control-prev .carousel-control-next ->** যথাক্রমে previous & next image এ যাওয়ার জন্য দুইটা নির্দিষ্ট space কে ( left & right side of image ) define করা হয় ও style করা হয়। 

**.carousel-control-prev-icon .carousel-control-next-icon ->** যথাক্রমে previous & next image এ যাওয়ার জন্য icon গুলোকে এর সাহায্যে style করা হয়।

**~let's_code_your_career
~happy_coding!**
OpenAI and the Future of Work: How AI Can Assist, But Not Replace, Software Engineers
Tags: programming, ai, webdev, datascience
Published: 2023-01-07 12:55:01


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

As the field of artificial intelligence (AI) continues to advance, there has been some concern about the potential for AI to replace human workers, including software engineers. However, it is important to understand that OpenAI, one of the leading organizations in the field of AI research, is not intended to replace software engineers or other professionals.

Software engineering is a highly specialized field that requires a deep understanding of computer science principles and the ability to design, develop, and maintain complex software systems. Software engineers play a critical role in building and maintaining the software that powers our modern world, and their skills and expertise are essential to the success of any software project.

OpenAI, on the other hand, is a research organization that is focused on developing AI technologies. Its goal is to advance the field of AI and to create new technologies that can be used to augment and improve the work of software engineers and other professionals.

One potential application of OpenAI's technology is to assist software engineers in automating certain tasks or identifying areas for optimization. For example, an AI system might be able to analyze a piece of code and suggest improvements or highlight potential issues that a human developer might have missed. However, this would still require the expertise and judgment of a human software engineer to implement and maintain the code.

It is important to recognize that AI technology is still in its early stages of development, and it will likely be many years before it is able to fully replicate the skills and expertise of a human software engineer. While AI may be able to assist with certain tasks, it is not a replacement for the creativity, problem-solving ability, and critical thinking skills that are essential to the work of a software engineer.

In conclusion, while OpenAI's technology has the potential to augment the work of software engineers and other professionals, it is not intended to replace them. Software engineering and other technical fields will continue to rely on the skills and expertise of human professionals for the foreseeable future.
Setup Fira Code font for Visual Studio Code
Tags: firacode, font, vscode
Published: 2023-01-07 12:51:32

---
title: Setup Fira Code font for Visual Studio Code
published: true
description: Setup Fira Code font for Visual Studio Code
tags: firacode, font, vscode
---

Install [Fira Code](https://github.com/tonsky/FiraCode) via brew:

```bash
brew tap homebrew/cask-fonts
brew install --cask font-fira-code
```

Or you can do the same thing with a .Brewfile.
First edit `~/.Brewfile` as:

```
tap "homebrew/cask-fonts"
cask "font-fira-code"
```

And install with the .Brewfile by the below brew command:

```
brew bundle install --global
```

Also, edit your Visual Studio Code `settings.json` :

```json
{
    "editor.fontFamily": "Fira Code",
    "editor.fontLigatures": true,
}
```
Creating New EC2 Instance using Snapshot
Tags: aws, cloud, awscommmunity, 100daysofcloud
Published: 2023-01-07 12:16:31

[7/100] #100DaysOfCloud Today, I created an snapshot of an EC2 instance and launched a new EC2 instance using the AMI of that snapshot.

<u>Amazon EBS Snapshots :</u>

- EBS Snapshots are a point-in-time copy of your data, and can be used to enable disaster recovery, migrate data across regions and accounts, and improve backup compliance.
- You can create and manage your EBS Snapshots through the AWS Management Console, AWS Command Line Interface (CLI), or the AWS SDKs. 
- At the time of snapshot creation, you do not need to stop the instance. Because of this, they are automatically taken across multiple EBS volumes. Just like AMIs, you can share snapshots across AWS accounts and regions by modifying its access permissions.
- Snapshots support EBS Encryption.
- Snapshots of encrypted volumes are automatically encrypted. 

<u>Use cases :</u>

- Disaster Recovery
 - Amazon EBS Snapshots allows you to improve disaster recovery workflows for your workloads running on premises and on AWS at low costs. You can directly create snapshots of your EBS volumes or your data on-premises, and then use these snapshots for recovery in the cloud. With the Fast Snapshot Restore feature, you can quickly restore data from these snapshots into EBS volumes and achieve low recovery time objectives.
- Data Migration
 - With Amazon EBS Snapshots, you can easily move your data across regions, accounts, and Availability Zones. You can copy any snapshot accessible to you to another region or account, including snapshots created by you or shared with you. You can also copy snapshots that are used to create Amazon Machine Images (AMIs) available on AWS Marketplace, which can then be use to launch new EC2 instances in other regions or accounts. Additionally, you can migrate your on-premises data to AWS, by creating snapshots of that data and recovering them into EBS volumes.
- Backup Compliance
 - With Amazon EBS Snapshots, you protect your valuable data by enforcing a regular backup schedule using DLM policies. You can set policies to retain backups as required by auditors to help improve internal compliance. Additionally, EBS Snapshots integrates with AWS CloudTrail so that you can log, monitor, and retain account activity related to actions taken for your snapshots.

You can try to create a new EC2 instance from a snapshot yourself by following the steps from the link below :
[GitHub](https://github.com/aaditunni/100DaysOfCloud/blob/main/Journey/007/Readme.md)
Diário de bordo #2
Tags: javascript, webdev, programming, beginners
Published: 2023-01-07 11:31:12

Olá a todos, como uma atualização do que eu estou aprendendo eu trouxe algumas funções do JavaScript que achei bacana a utilização e gostaria de compartilhar o que eu aprendi sobre elas e as suas diferenças.

## Temporização

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

Como o próprio nome diz, eles servem para setar um determinado tempo para que uma determinada ação ocorra, ou a repetição desta ação(veremos isso logo abaixo).

### setTimeout()

Em resumo ela serve para definir a quantidade de tempo de espera para que uma determinada ação aconteça, veja o exemplo de código abaixo.

```
function executeMessage() {
  document.write('Executando a mensagem...');
};

setTimeout(executeMessage, 3000)
```
 
Neste bloco de código eu trouxe uma função que executa uma mensagem em JavaScript retornando isso no corpo do documento no HTML. Para que o `setTimeout ` funcione precisamos trazer 2 parametros, o primeiro é a função a ser executada, que no meu caso é a `executeMessage` e o tempo de espera para que ela seja executada. Neste exemplo ela é executada após 3 segundos após sua inicialização.

### setInterval()

Já essa função trabalha de forma parecida com a do `setTimeout()`, trazendo como primeiro parametro a função a ser executada e o tempo de execução, mas a principal diferença deles dois é que o `setInterval()` não irá parar de executar a função, ele irá trazer uma especie de looping infinito, retornando o resultado que você definiu através de uma função, juntamente com o tempo de espera para a execução sem parar.

```
function executeMessage() {
  document.write('Executando a mensagem...');
};

setInterval(executeMessage, 3000) // Irá executar a mensagem da função sem nenhuma pausa.
```
Para que você consiga pausar esse looping que o `setInterval `retorna, é nescessário criar uma funcionalidade para isso, como um botão para pausar/parar por exemplo, ou até o uso do `clearInterval()` resolve, mas para isso você deverá passa-lo dentro de uma variável para que ele consiga parar de executar, como no exemplo abaixo (a definição do comportamento de inicialização e termino ficará ao seu critério).

```
 let timer =  setInterval(executeMessage, 3000);
```

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

No exemplo citado, o que eu fiz foi criar uma variável chamada timer e faze-la receber a função que o `setInterval `irá executar, e para exemplificar o uso do `clearInterval`, eu esperei alguns segundos para que ela pudesse executar algumas mensagens e logo em seguida o defini passando o valor da variável que foi criada agora pouco, fazendo com que desta forma, neste exemplo, ele pare de executar o looping que o setInterval trás.

OBS: Lembrado que se o `clearInterval `for definido ao mesmo tempo que o `setInterval`, ele já irá parar a função antes que ela execute, então para ver ela executando e testando essa funcionalidade, ele deverá ser setado um tempo depois da execução da mensagem.
What If “Burning Out” Is Our Soul Crying For Adventure?
Tags: javascript, webdev, discuss, career
Published: 2023-01-07 11:19:38

Dear Javascript Aficionado,

Do you feel bored sometimes when you follow your daily routine?

Work — Party — Sleep… Work -Party — Sleep…

That’s one hell of a cycle!

And if you’re a family guy or hard-core introvert, then probably the middle of this cycle is missing.

**So it becomes even more monotonous…**

There is no surprise that so many of us fall victim to this nasty condition, “burnout.” And it’s no joke… I’m “lucky” to experience its gray nuances and depressing feelings somewhat more frequently than average, so I know it’s no joke.

In the past, it made me do things I still regret, like quitting a fantastic job or leaving behind a profession just before it starts paying off big.

So I had to find a way to counter this condition. And counter it before the slightest sign of its symptoms.

**And I found many!**

I found a plethora of ways to keep myself on track. They help me finish big projects, persist in my long-term goals, and live a hundred times more exciting life than before.

We’re not talking about extreme sports, screwing around, or substance abuse, though (in my opinion, constantly drinking beer or whisky is not a productive way to save yourself from burnout).

Anyway…

I mention one of my latest “remedies” in my newsletter article [“Roadmap to Success: 3 lessons I learned from 61 of the most influential JavaScript developers”](https://buhalbu.com/stream/roadmap-to-success-3-lessons-i-learned-from-61-of-the-most-influential-javascript-developers). Almost all 61 developers practice it (83.6% of the researched ones). And even the thought of it can shake your whole body.

Imagine how intense it can be when it happens for real.

**And that’s not the only benefit…**

It offers traveling to exotic destinations (sometimes for free), meeting lots of interesting, smart, sexy people, and true challenges that the crowd may talk about for years.

What’s best — all this involves web development.

I have yet to experience this kind of adventure on a big scale. It’s not something you can do when you decide to do it. You need to prepare yourself. You need time and many additional skills. But that’s precisely why it is so exciting.

**It’s part of the game…**

What game?

The public speaking and presenting on JS events & conferences game, of course ;)

It really can be that fun!

What do you think? Can this reignite once again the passion for JavaScript development?

Be Happy,
Sashe
Resolution: read the reading list
Tags: community, devjournal, meta
Published: 2023-01-07 11:13:13

---
title: Resolution: read the reading list
published: true
description: 
tags: community, devjournal, meta
# cover_image: https://direct_url_to_image.jpg
# Use a ratio of 100:42 for best results.
# published_at: 2023-01-07 10:59 +0000
---

![The DEV side menu, with an indicator saying there are 63 unread items in the reading list](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/8gjpu0p9zqw6d9uuvg09.png)

If you're like me, you find something that piques your interest, but use the little bookmark feature so you can go off and make a cup of tea or address a Someone Is Wrong On The Internet issue, secure in the knowledge that you'll read it later.

And if you're like me, you're probably pretty bad at going back and reading things, because the part of your brain that thinks an activity has been successfully completed is activated by the action of clicking "bookmark" almost as well as it's activated by actually Doing The Thing and reading the article. Stupid brain.

What this means is that we end up with an ever-increasing number we learn to ignore.

Let's get back to Bookmark Zero. Let's ready those articles. We bookmarked them for a reason, right? They're probably really good.

I'm resolving to. Resolve with me!

If you don't know about it, well, I guess this article wasn't for you, but try clicking the bookmark icon at the bottom of a post to get started:

![The bottom of a DEV post, including a bookmark control](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/bjtq8cnkmj3op0d981rk.png)

Why not see if you're as bad at it as me?
A full-stack developer needs to possess some basic soft skills as well 👇
Published: 2023-01-07 11:01:27

1. Creativity -

The developer must understand the project's objectives and create a product that engages the target audience. 

2. Strategic planning - 

Planning is a critical phase in any development life-cycle. The developer should possess the aptitude to plan the design, development, and implementation phases strategically. This helps streamline the process.

3. Analytical skills - 

As the name suggests, these skills help analyze information accurately and make logical, data-driven decisions that help in maximizing efficiency. Now, these are skills that one develops when they're exposed to it. But a good sense of understanding is required.

 4. Problem-solving

 skills are again crucial to predict any errors and develop a bug-free application. From a business perspective, problem-solving skills play a significant role in ensuring the smooth conduction of tasks.

5. Time management skills - 

The developer must meet the deadlines while ensuring proper execution of his tasks.
several cases where companies have lost control of their domain names
Tags: domain, casestudy, tech, webdev
Published: 2023-01-07 10:49:49

There have been several cases where companies have lost control of their domain names due to a variety of reasons. See some of the top trending companies' case studies that have led to this Article:

- **_Case 1 in 2013:_** Regions Online Bank forgot to pay their domain renewal bill. Customers couldn’t log in to regions.com accounts, prompting a wave of concern 🤯.

- **_Case 2 in 2015:_** Google amost sold google.com for $12. former Googler was checking out Google Domains when he saw that google.com was for sale. the ownership didn’t last long, though. Google Domains canceled the order because they controlled both the domain and registry service 🤔.

- **_Case 3 in 2018:_** The Avengers forgot to register their game out domain-name `endgame`, By the time endgame trailer was being released, fans were being directed to the “Once Upon a Deadpool” site instead, creating exactly the kind of chaos that Deadpool thrives on. The solution was latter found after `@GuyInChair`, a _Twitter_ user who offered to trade the domain for Endgame premiere tickets 🤩.

> These cases demonstrate the importance of properly managing and renewing domain names to avoid losing control of them and that if ignored it can affect all most every industry.

It is important for companies to keep track of the expiration dates of their domain registrations and to renew them in a timely manner to avoid such incidents.
5 powerful AI Tools You must Know in 2023
Tags: webdev, ai, productivity
Published: 2023-01-07 10:45:52


![five AI tools that you should consider adding to your toolkit in 2023](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/f896v40gy171vvmwyn09.png)


## Why artificial intelligence?

Artificial intelligence (AI) is rapidly transforming businesses and industries around the world, and it is expected to continue to do so in the coming years. In 2023, it will be more important than ever to have powerful AI tools in your toolkit to stay competitive and drive innovation in your organization.

Whether you are a business leader, a developer, or a data scientist, these tools will be essential for staying ahead of the curve in the rapidly evolving world of AI.

In this article, we will discuss five AI tools that you should consider adding to your toolkit in 2023.

**Wow!**

It seems ChatGPT is disrupting the Internet right? AI technology is more powerful than that.

**Lets go.**

**Below are the 5 powerful AI tools you must know in 2023:**

1. https://cleanup.pictures/
The cleanup. Picture is an advanced editing tool based on Artificial Intelligence that is much better than other clone stamp tools. Clone tool like adobe photoshop fix, need a background reference, while our AI is truly able to guess what was behind the unwanted text, the unwanted people, and unnecessary objects in just a few clicks.

Remove unwanted objects from photos, people, text, and defects from any picture.

2.- www.resumeworded.com

Online resume and LinkedIn grader instantly scores your resume and LinkedIn profile and gives you detailed feedback on how to get more opportunities and interviews.

Online resume generator Powered by Artificial Intelligence.

3.- https://soundraw.io/

Soundraw is a music generator for creators. Select the type of music you want genre, instruments, mood, length, etc. and let Al generate beautiful songs for you.

Powerful AI for Creators

4.- www.looka.com

Design a Logo, make a website, and create a brand identity you’ll love with the power of Al.

AI-powered platform to design a logo and build a brand you love with ease

5.- www.copy.ai

Get a great copy that sells. Copy.ai is an Al-powered copywriter that generates high-quality copy for your business.

Write 10x faster, engage your audience, & never struggle with the blank page again with Copy.ai

**Conclusion**

The AI tools mentioned above are just a few examples of the many powerful tools that can help you leverage the power of AI in your organization in 2023.

By investing in these tools, you can gain a competitive edge, increase efficiency, and drive innovation in your business.

Don’t forget to like, comment and share.

Thanks for reading.
How to make html page support swedish language?
Tags: html
Published: 2023-01-07 10:41:08

I have website for learning english in arabic language and i need to add tag to header of this page [الحروف المتحركه في الانجليزي](https://readenglish1.com/ar/%D9%86%D8%B7%D9%82-%D8%A7%D9%84%D8%AD%D8%B1%D9%88%D9%81-%D8%A7%D9%84%D8%A7%D9%86%D8%AC%D9%84%D9%8A%D8%B2%D9%8A%D8%A9-%D8%A7%D9%84%D9%85%D8%AA%D8%AD%D8%B1%D9%83%D8%A9-%D8%A7%D9%84%D8%B9%D9%84%D8%A9/)

`<!doctype html><html dir="rtl" lang="ar" prefix="og: https://ogp.me/ns#"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><link media="all" href="https://readenglish1.com/ar/wp-content/cache/autoptimize/css/autoptimize_1c32acaa4c206542d91d2ef2d0c91aa1.css" rel="stylesheet"><title>طريقة نطق ولفظ الحروف الانجليزية المتحركة (العلة) - Read English 1</title><meta name="description" content="https://www.youtube.com/watch?v=b21s_58NJlI"><meta name="robots" content="follow, index, max-snippet:-1, max-video-preview:-1, max-image-preview:large"><link rel="canonical" href="https://readenglish1.com/ar/%d9%86%d8%b7%d9%82-%d8%a7%d9%84%d8%ad%d8%b1%d9%88%d9%81-%d8%a7%d9%84%d8%a7%d9%86%d8%ac%d9%84%d9%8a%d8%b2%d9%8a%d8%a9-%d8%a7%d9%84%d9%85%d8%aa%d8%ad%d8%b1%d9%83%d8%a9-%d8%a7%d9%84%d8%b9%d9%84%d8%a9/"><meta property="og:locale" content="ar_AR"><meta property="og:type" content="article">`