teleren/devto huggingface dataset:
Customize Grub Theme Fedora
Published: 2024-01-07 20:16:05

### **Why Am I Writing This?**

Today, I decided to switch up my Fedora GRUB2 theme. After sifting through tutorial after tutorial and restarting my computer a whopping 12 times, I think I've finally cracked the code on the correct way to do it. So let's dive right in! ✈️✈️

### **Things You Would Need**

Before we start, let's ensure you've got everything handy:

- **Follow Instructions Carefully:** No skipping steps allowed! ⚠️
- **Grab a Grub Theme:** You'll need one from [Gnome-Look](https://www.gnome-look.org/browse?cat=109&ord=rating). Surprise, surprise!
- **Familiarity with Command Line:** Get a bit cozy with it.
- **Patience is Key:** I'll walk you through each step in detail.

---

### **Step 0: Try <b class="text-green-600">using grub-customizer</b> first**

If that does not work then  ⬇️⬇️⬇️

### **Step 1: Downloading a Grub Theme**

First things first, head to [Gnome-Look](https://www.gnome-look.org/browse?cat=109&ord=rating) and pick a theme you fancy. Most likely, it'll be in an archive file.

Once downloaded, double-click to extract it.

Now pop open the terminal and write

```bash
sudo cp -r /path/to/extracted/theme /boot/grub2/themes
```

Replace `/path/to/extracted/theme` with the actual path to the extracted theme folder.

This command will copy the entire extracted theme folder to the `/boot/grub2/themes` directory using the `sudo` command for administrative privileges.

> It's important to note that when using the command line, you need to specify the correct paths to ensure the theme folder is a accurately copied to the designated GRUB themes directory. Adjust the path accordingly based on where the theme is extracted.

Congrats! You've aced a major step. Now, just stick to my commands religiously.

---

### **Step 2: Editing the Grub Config**

Time to play with some configs! Open the terminal and access `/etc/default/grub` using your favorite editor:

```bash
sudo nano /etc/default/grub
```

Your file should mirror this:

```plaintext
GRUB_TIMEOUT="10"
GRUB_DISTRIBUTOR="$(sed 's, release .*$,,g' /etc/system-release)"
GRUB_DEFAULT="saved"
GRUB_DISABLE_SUBMENU="true"
#GRUB_TERMINAL_OUTPUT="console"
GRUB_CMDLINE_LINUX="rhgb quiet"
GRUB_DISABLE_RECOVERY="true"
GRUB_ENABLE_BLSCFG="true"

export GRUB_COLOR_NORMAL="light-gray/black"
export GRUB_COLOR_HIGHLIGHT="magenta/black"
GRUB_THEME="/boot/grub2/themes/<YOUR-THEME>/theme.txt"
```

> **Simply Replace `<your-theme>` with your actual theme folder name**

This file controls Fedora's `grub.cfg` generation, which is crucial for booting.

---

### **Step 3: Generating the Grub.Cfg File**

Almost there! Run this commands:

```bash
sudo grub2-mkconfig -o /boot/grub2/grub.cfg
```

> 🚫🚫 Don't run this command ` sudo grub2-mkconfig -o /boot/efi/EFI/fedora/grub.cfg` because this file is meant not to be touched after **fedora 33**

**Reboot**

---

### **You're Welcome If It Helped You** 😎

Remember, it's all about patience and precision! If you're having a blast customizing your Fedora GRUB2, then my mission here is accomplished. Happy theming!
Handle iframe with Cypress
Published: 2024-01-07 20:10:28

When you are handle iframe using cypress, sometimes you get 
error:Timed out retying after 4000ms: cy.find() failed because athe page updated as a result on this
command, but uou tried to continue the command chain. The subject is no longer attached to the dom, and cypress cannot
requery the page after commands such as cy.find().

**Solution:**

The issue you're facing with entering text in the textbox inside the iframe using Cypress seems to be due to synchronization problems or timing issues. Cypress commands are chained together and executed asynchronously, which can sometimes lead to race conditions when interacting with iframes.

Here are a few suggestions to handle iframes in Cypress and resolve the issue:

**1. Use cy.iframe() and .then() to ensure synchronization:**

```
import "cypress-iframe";

describe("Handling iframes", () => {
  it("Approach", () => {
    cy.visit("https://rahulshettyacademy.com/AutomationPractice/");

    cy.frameLoaded("#courses-iframe");
    
    cy.iframe()
      .find("a[href*='consulting']")
      .eq(0)
      .click()
      .then(($iframe) => {
        $iframe.find("#username").type("shishir");
      });
  });
});

```

**2. Retry the operation using Cypress' retry() method:**


```
import "cypress-iframe";

describe("Handling iframes", () => {
  it("Approach", () => {
    cy.visit("https://rahulshettyacademy.com/AutomationPractice/");

    cy.frameLoaded("#courses-iframe");

    cy.iframe()
      .find("a[href*='consulting']")
      .eq(0)
      .click();

    cy.iframe()
      .find("#username")
      .should("be.visible")
      .retry(3) // Retry the operation if the element is not immediately found
      .type("shishir");
  });
});

```

**3. Use a combination of cy.wrap() and .then() to interact with the iframe content:**

```
import "cypress-iframe";

describe("Handling iframes", () => {
  it("Approach", () => {
    cy.visit("https://rahulshettyacademy.com/AutomationPractice/");

    cy.frameLoaded("#courses-iframe");

    cy.get("#courses-iframe").then(($iframe) => {
      const iframe = $iframe.contents();
      cy.wrap(iframe.find("a[href*='consulting']").eq(0)).click();
      cy.wrap(iframe.find("#username")).type("shishir");
    });
  });
});

```

Choose the method that fits best with your workflow and try handling the iframe content accordingly. These approaches aim to mitigate timing issues by synchronizing Cypress commands properly within the iframe context. Adjustments might be necessary based on the specific behavior of the website or iframe content.

Thanks for reading,
[Dgi Host.com](https://www.dgihost.com)
Day 1.4: Understanding API with an analogy.
Tags: aws, cloudpractitioner, beginners, cloud
Published: 2024-01-07 19:50:06

|**What is API(Application Programming Interfaces) in cloud?**|
|--|
|APIs are like instruction manuals that enable developers to interact with and utilize AWS services in their applications by defining how software components communicate.|
|_<u>Simple analogy for easy understanding:</u>_|
|**APIs** are like a _menu_ at a restaurant. The menu lists _dishes_ (**services**), and each dish has a _description_(**API documentation**) detailing how it's prepared. _Customers_(**developers**) use the menu to place _orders_(**make API calls**) and the _kitchen_(**AWS services**) follows the instructions to _prepare and serve the requested dish_(**perform actions in the cloud**). The menu simplifies the process, allowing customers to interact with the restaurant without needing to know the recipes or cooking details. Similarly, APIs provide a simplified way for developers to interact(making requests and receiving responses) with AWS services programmatically without needing to know the internal complexities.|
|**<u>Real life examples:</u>**|
|(1) **<u>_Weather API_</u>**: A travel app uses weather API to display current conditions and forecasts for destinations, helping users plan their trips.|
|(2) **<u>_Social media API(like Twitter API)_</u>**: A news website integrates the twitter API to display live tweets related to specific topics or events on their homepage.|
|(3) **<u>_Flight aggregator API_</u>**: A travel booking platform uses a flight aggregator API to provide users with a full view of available flights, prices, and schedules across multiple airlines.|
|(4) **<u>_Maps and Location API(google maps API)_</u>**: A food delivery app uses a maps API to show the real time location of delivery drivers and track their routes for efficient deliveries.|
Build 16 frequently asked projects in live coding frontend interview rounds
Published: 2024-01-07 19:36:11

The best way to learn JavaScript is by building projects.

And the most time-efficient way to learn/prepare for interviews is by building these 16 hand-picked frequently asked javascript projects for frontend interviews.

Full Video Preview of each project from the course- 
{% embed https://www.youtube.com/watch?v=coZucJEvsSk %}

The best part? Its now available at 50% off for 2 more days.
**Total price- ₹399 or $6 only**
(cheaper than your pizza deliveries 😂)

Get it here- https://xplodivity.graphy.com/courses/16-js-projects-65883553e4b08ebe75f39885

**Content list:**
    1. File Explorer (similar to vs-code)
    2. Infinitely Nested comments 
    3. Advanced Custom Toast notification from scratch
    4. Drag & Drop, Swap, Add and delete elements using 
       JavaScript
    5. Custom Calendar/Date-picker
    6. Multi-Select dropdown with support to add & remove 
       elements
    7. Build a Memory game with all rules integrated
    8. Build an analog clock with smooth animation
    9. Dynamic Progress bar with custom input support
    10. Build a Star rating system with dynamic hover effects
    11. Build a tic tac toe game with best practices
    12. Advanced To-Do List with Local Storage support
    13. Accordion with smooth transition effects
    14. Countdown timer & days remaining timer
    15. Create a custom modal
    16. Build an optimised Chessboard

**What you'll get:**
- Lifetime access
- Full video explanations of building each project from 
  scratch
- 10+ hours of premium content
- Step-by-step explanations and code walkthroughs
- No bullshit, No time waste
- This project list Should get you ready for any JavaScript live coding interview round.
- Extremely cheap (You'll be surprised) 
- Practical tips and strategies for mastering JavaScript
- Confidence in handling technical interviews
- Enhanced JavaScript proficiency
<script> | HTML Element
Tags: javascript, html, webdev, programming
Published: 2024-01-07 19:30:40

What is script 🤔..💭

script is an HTML element, which is used to embed executable code, or refer as javascript code.

This element support multiple attributes, but here we will explore only two **async** and **defer** 

- **defer** : This boolean attribute is set to indicate to a browser, that the script will start downloading in parallel with document parsing, but it will only start executing after the the document content is parsed but before <u>DOMContentLoaded</u> is fired.

Deferred scripts keep their relative order, just like regular scripts.

Also it will prevent <u>DOMContentLoaded</u> from firing until defer script is downloaded and finished executing.

- **async** : This attribute is set to indicate the browser, that it will start fetching in parallel to parsing, and will start executing as soon as it's available. 

<u>DOMContentLoaded</u> and async are independent. If async script is long and taking time to download and document is parsed then <u>DOMContentLoaded</u> will start it's execution.

Example: 
{% codepen https://codepen.io/vishwa357fe5fc25/pen/GReZGvQ %}
Exploring the Top IDEs in Test Automation
Published: 2024-01-07 19:28:51

## JAVA Ecosystem:

1) Eclipse:
- Widely used for Java-based test automation.
- Supports frameworks like Selenium WebDriver,
JUnit, and TestNG.

2) IntelliJ IDEA:
- A popular choice for Java development.
- Supports Selenium WebDriver, JUnit, and
TestNG.

3) Aqua IDEA:
- A Powerful IDE for Java-based Test Automation
Supports framework Selenium, Playwright, and
Cypress.
- Supports Web Inspector and has inbuilt AI
Assistance.

## JavaScript Ecosystem:

1) Visual Studio Code (VS Code):
- Versatile and widely used for JavaScript and
TypeScript.
- Supports frameworks like Playwright, Mocha,
Chai, Jest, and others

2) Atom:
- A flexible and customizable text editor.
- Supports JavaScript testing frameworks like
Mocha, Chai, and Jest.

3) Sublime Text:
- Lightweight and supports JavaScript
frameworks.

## Python Ecosystem:

1) PyCharm:
- Dedicated IDE for Python.
- Supports Selenium WebDriver, PyTest, and other
Python testing frameworks.

2) Jupyter Notebooks:
- Used for interactive and exploratory testing in
Python.

## TypeScript Ecosystem:

1) Visual Studio Code (VS Code):
- Excellent support for TypeScript.
- Suitable for testing with Playwright and other
TypeScript-based frameworks.

## Mobile App Testing:

1) Android Studio:
- Primarily used for Android app
development and testing.
- Integrates with Appium for mobile app
automation.

## Cross-Browser Testing:

1) BrowserStack Automate:
- An online platform for cross-browser
testing.
- Can be used with various languages and
testing frameworks.
Mastering MySQL Performance: Advanced Counters and Linux Metrics with Expert Scripts
Published: 2024-01-07 19:28:12

Advanced performance counters in MySQL, coupled with Linux metrics, provide a comprehensive view necessary for effective performance troubleshooting. Incorporating advanced scripts enhances this process, allowing for more automated, detailed analysis. Here are some advanced performance counters and Linux metrics, along with commented advanced scripts, that are crucial in MySQL performance troubleshooting:

### MySQL Advanced Performance Counters

#### 1. **InnoDB Metrics**
- **Script for Buffer Pool Usage**:
  ```sql
  -- Shows InnoDB buffer pool usage details
 SELECT
    page_number, page_type,
    flush_type, IO_FIX, FIX_COUNT
FROM information_schema.innodb_buffer_page;
  ```

#### 2. **Threads Metrics**
- **Script for Threads Analysis**:
  ```sql
  -- Analyze threads connected and running
  SHOW STATUS LIKE 'Threads%';
  ```

#### 3. **Query Execution Metrics**
- **Script for Slow Queries**:
  ```sql
  -- Fetch count of slow queries
  SHOW GLOBAL STATUS LIKE 'Slow_queries';
  ```

#### 4. **Replication Metrics**
- **Script for Replication Lag**:
  ```sql
  -- Check replication delay
  SHOW SLAVE STATUS\G
  ```

### Linux System Metrics

#### 1. **CPU Usage**
- **Script for CPU Utilization**:
  ```bash
  #!/bin/bash
  # Displays CPU usage
  top -bn1 | grep load
  ```

#### 2. **Memory Usage**
- **Script for Memory Check**:
  ```bash
  #!/bin/bash
  # Check free and used memory
  free -m
  ```

#### 3. **Disk I/O Metrics**
- **Script for Disk I/O**:
  ```bash
  #!/bin/bash
  # Display I/O statistics
  iostat -mx
  ```

#### 4. **Network Metrics**
- **Script for Network Throughput**:
  ```bash
  #!/bin/bash
  # Network throughput check
  iftop
  ```

### Advanced Monitoring Scripts

- **MySQL Performance Schema Analysis**:
  ```sql
  -- Query Performance Schema for detailed metrics
  SELECT * FROM performance_schema.events_statements_summary_by_digest
  ORDER BY SUM_TIMER_WAIT DESC LIMIT 10;
  ```

- **Advanced System Monitoring**:
  ```bash
  #!/bin/bash
  # Detailed system performance monitoring
  vmstat 1 10
  sar -u 1 10
  ```

### Conclusion

Utilizing advanced performance counters and Linux metrics, combined with insightful scripts, offers a powerful approach to diagnosing and resolving performance issues in MySQL environments. Regular monitoring with these tools and scripts can lead to early detection of potential problems and more efficient database operations, ultimately contributing to the overall health and performance of the MySQL server.

Also Read: 

- https://minervadb.xyz/troubleshooting-innodb-io-subsystem-reads-tips-and-tricks-for-mysql-performance-optimization/

- https://minervadb.xyz/monitoring-and-troubleshooting-rapid-database-growth-in-mysql-a-guide-to-managing-disk-i-o/
Typographic improvements tip (CSS)
Published: 2024-01-07 19:13:57

Use CSS property `text-wrap: balance;`

Text is wrapped in such a way that the quantity of characters on each line is optimally balanced, improving layout quality and legibility. Because counting characters and balancing them across multiple lines is computationally expensive, this value is only supported for blocks of text spanning a limited number of lines (six for Chromium and ten for Firefox).

https://developer.mozilla.org/en-US/docs/Web/CSS/text-wrap
Day 1.3: AWS Shared Responsibility Model
Tags: aws, cloud, cloudpractitioner, beginners
Published: 2024-01-07 19:03:02

|**What is AWS Shared Responsibility Model?**|
|---|
|The AWS shared responsibility model defines the security responsibilities between AWS and its customers. AWS is responsible for the security "of" the cloud infrastructure, while customers are responsible for security "in" the cloud, focusing on configurations, data protection, and access controls.|
|**_<u>AWS Responsibility ("of" the cloud)</u>_** :|
|(1)**Physical security**: AWS ensures security of data centers.        (2)**Network infrastructure:** AWS manages the global network infrastructure including protection against Distributed Denial of service(DDoS) attacks.|
|**_<u>Customer Responsibility ("in" the cloud)</u>_** :|
|(1)**Encrypting sensitive data:** Customers are responsible for implementing encryption to protect their data. (2)**Managing access through IAM(Identity access management):** Customers control who has access to their resources.|  
 

> If you haven't understand, lets consider a real life analogy,
> > Consider **Hotel owner** as _AWS_ and **Guests** as _customers_. AWS is like Hotel owner who takes care of the overall security and infrastructure, ensuring the physical and operational aspects are well-maintained. Customers are like hotel guests who are responsible for securing their individual spaces managing access to their data and using additional security measures within their control.
>         

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


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/5v2xx6mh8gkpjty5ei6y.png)
El fascinante viaje de DevOps: Desde Gante hasta el mundo
Tags: curiosidades, spanish, devops
Published: 2024-01-07 18:49:34

---
title: El fascinante viaje de DevOps: Desde Gante hasta el mundo
published: true
tags: Curiosidades, Spanish, DevOps
canonical_url: https://danieljsaldana.dev/el-fascinante-viaje-de-devops-desde-gante-hasta-el-mundo/
cover_image: https://dev-to-uploads.s3.amazonaws.com/uploads/articles/aqn95292moei0sfrs2x5.png
---

¡Hola a todos! 🙌 Hoy vamos a hablar sobre algo que quizás hayas escuchado en el mundo tech: **DevOps**. Pero, ¿alguna vez te has preguntado de dónde viene este término? 🤔 Vamos a sumergirnos en una pequeña historia llena de curiosidades. 📚

##### 🎉 Los inicios: Un encuentro en Bélgica

Corría el año 2009, y en un evento llamado "DevOps Days" en Gante, Bélgica, algo nuevo estaba naciendo. 💡 Este evento no era solo una reunión técnica; era el comienzo de una revolución en el desarrollo de software. 🚀

##### 🤷‍♂️¿Por qué DevOps?

Antes de seguir, hagamos un pequeño viaje en el tiempo hasta 2007. En aquel entonces, los equipos de desarrollo y operaciones parecían estar en mundos separados. 🌏 vs. 🌑 Discusiones, ineficiencias, ¡un verdadero dolor de cabeza! 🤕

##### 🔄 La fusión de dos mundos

La idea era simple pero poderosa: ¿y si unimos estos dos mundos? Así, comenzaron a surgir grupos interesados en llevar las metodologías ágiles al terreno de las infraestructuras tecnológicas. 🌐

##### 📈 El punto de inflexión: Una charla en Flickr

El gran salto ocurrió con una charla titulada "10+ Deploys Per Day: Dev and Ops Cooperation at Flickr". 📸 Esta presentación mostró cómo era posible una colaboración efectiva entre desarrollo y operaciones. ¡Era el nacimiento oficial de DevOps! 🎊

##### 🌎 De Gante al mundo

Tras ese evento, los "DevOps Days" se convirtieron en un fenómeno global. 🌍 Personas de todas partes comenzaron a reunirse para compartir ideas sobre esta nueva forma de trabajar. ¡DevOps estaba en todos lados!

##### 🔍 ¿Qué es realmente DevOps?

DevOps no es solo una tecnología o un producto. Es una forma de pensar, una metodología que rompe barreras entre desarrollo y operaciones para crear software mejor y más rápido. 🚀

##### 🤓 Un cambio cultural

DevOps implica un cambio cultural en las empresas. No se trata solo de herramientas, sino de cómo los equipos colaboran y crecen juntos. 🌱

##### 📅 El reconocimiento mundial

Curiosamente, grandes compañías y proveedores de tecnología tardaron en adoptar DevOps. No fue hasta 2012 que empezó a considerarse una parte clave en la gestión tecnológica. 🏢

##### 🎙️ En resumen...

DevOps es más que un término de moda; es una historia de cómo la colaboración y la innovación pueden cambiar la forma en que trabajamos. 🤝

¿Qué te parece? ¿Sabías todo esto sobre DevOps? ¡Cuéntame en los comentarios! 💬
New book announcement!
Tags: books, showdev, writing
Published: 2024-01-08 21:09:44

---
title: New book announcement!
published: true
date: 2024-01-07 18:00:07 UTC
tags: books, showdev, writing
canonical_url: https://www.csrhymes.com/2024/01/07/the-little-astwick-mysteries-trouble-in-the-church.html
cover_image: https://www.csrhymes.com/img/church-16by9.jpg
---

Announcing the new book, The Little-Astwick Mysteries - Trouble at the church, by C.S. Rhymes. It is now available for pre-order on the Amazon Kindle store for £2.99, with the release date of the 1st February 2024.

It will also be available as a paperback version from the same date from Amazon books.

## About the book

The Little-Astwick Mysteries - Trouble at the church, is a fast paced crime mystery set in the fictional English village of Little-Astwick. David Morgan, a Community Support Officer, new to the area, gets plunged in at the deep end with a new acquaintance, Evelyn McKenzie, trying to figure out what has been going on at the village church.

Whilst out walking her faithful dog, (Charlie), Evelyn noticed the church doors were open and signs of a disturbance inside. Follow the duo through their investigation around the village, in their attempts to solve the mystery of Little-Astwick.

## About the author

This is the fourth book by C.S. Rhymes, and the second novella after [Nigel’s Intranet Adventure](https://www.csrhymes.com/products/nigels-intranet-adventure). The other non-fiction books include How NOT to use a smartphone and How NOT to make a Website. All books available on Amazon Kindle.

- [Buy from Amazon UK](https://www.amazon.co.uk/dp/B0CRQH4BYW)
- [Buy from Amazon USA](https://www.amazon.com/dp/B0CRQH4BYW)
Day 1.2: AWS Global Infrastructure
Tags: aws, cloud, cloudpractitioner, beginners
Published: 2024-01-07 17:51:54

|**what is AWS Global Infrastructure**|
|--|
|AWS Global Infrastructure is the **interconnected network of data centers, availability zones, and edge locations** strategically positioned worldwide. This Infrastructure enables AWS to provide reliable, scalable, and low-latency services to users globally.|
|Alright, let's break it down: Imagine AWS Global Infrastructure as a massive, well connected system of high-tech buildings(data centers) spread across the globe. In each building, there are backup systems(Availability zones) ready to take over if something goes wrong. This setup ensures that online services, like websites and apps, can handle a lot of users, work reliably and stay fast. It's like having a global safety net for digital operations.|


|**What are the key components of AWS Global Infrastructure?**|
|--|
|**<u>1. Regions :</u>**  AWS regions is a **separate geographical area** where AWS has established data centers. Each region is isolated and independent, allowing users to deploy resources in specific geographic locations.|
|**<u>2. Availability Zones :</u>** Each AWS region consists of multiple availability zones, which are **isolated data centers** within the region. AZs are connected through high speed, low latency networks. Deploying applications across multiple AZs enhances fault tolerance and availability.
|**<u>3. Edge Locations :</u>** AWS has a global network of edge locations that serve as **content delivery points** for services like Amazon CloudFront(a content delivery network). These locations improve the performance of applications by caching content(improves content delivery speed) closer to end-users.|
|**_Real life examples_**|
|**Netflix:** With a global user base, Netflix leverages AWS's global infrastructure to deliver streaming services efficiently. They deploy their applications across multiple regions and availability zones to ensure high availability and low-latency streaming for users worldwide.|