teleren/devto huggingface dataset:
Permanently add a kernel boot parameter in RHEL 8
Tags: beginners, tutorial, devops, linux
Published: 2021-12-30 09:25:47

In this post, I will describe how to permanently add a kernel boot parameter to either one of the kernels you have on offer to boot or to all of the kernels on your machine.

I recently wrote a post on how to change the root poassword on your RHEL 8 installation, where an important part of the whole procedure was adding a kernel boot parameter before the user boots a certain kernel. Adding a boot parameter at the end of `linux16` line at the boot menu for a chosen kernel is a temporary solution that won't survive a reboot. Sometimes you'll be required to add a boot parameter that will be a permanent part of the kernel boot sequence. That need may arise if you added some new hardware component to your system after you installed and configured Linux on it. Or you are installing some software and part of the requirements for the successful installation is permanently enabling some kernel parameter at boot. Recently for example, while enabling virtualization on my RHEL 8 system, I was warned that I needed to enable a kernel boot parameter that wasn't enabled by default and on which virtualization depended.

## Some great news
Although the "permanently enable a kernel boot parameter" may suggest a complicated procedure full of uncertainty, the good news is that it's not that difficult at all. And can be done while you are already running the kernel on which you need to enable that parameter.

## The *grubby* tool- enable a kernel parameter for the currently running kernel
`grubby` is a useful tool when dealing with many issues connected to the boot procedure. In this case, this tool will help us enable that kernel parameter we need enabled at boot. Just tell it first for which kernel you need the parameter enabled, as well as the name of that parameter (become root first):
```
grubby --update-kernel=/boot/vmlinuz-$(uname -r) --args="some_parameter"
```

## And for all the kernels on your system? *grubby* can do that too!

```
grubby --update-kernel=ALL --args="some_parameter"
```

## What if... you wanted to actually turn off a kernel parameter so that it won't be available at boot?
*grubby* to the rescue again:
```
grubby --update-kernel=/boot/vmlinuz-$(uname -r) --remove-args="some_parameter
```

And yes, reboot will be needed for the change to take effect.
Link between Azure VM Scale Set and Azure DevOps Agent Pool
Tags: azure, azuredevops
Published: 2021-12-30 09:11:23

This article describes link between Azure VM Scale Set and Azure DevOps agent pool.

Azure DevOps allows to create Agent Pool based on Azure VM Scale Set. With this setup Azure DevOps Agent Pool manages Azure ScaleSet to scale up or down number of agents depend on how many agents required for pipelines in particular moment. 
[ 
![Azure Agent Pool and VM Scale Set interaction](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/jitzcpk8jfrv03nd1l44.png)
](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/jitzcpk8jfrv03nd1l44.png)
The scale set creates new instances of virtual machines with Azure Devops agent installed on it. Agent is able to interact with the pool after it is created.

There are two actions happen in time of Pool creation:
- Azure DevOps adds tag __AzureDevOpsElasticPool="pool-name" to Azure Scale Set to identify scale set linked to it.
- Azure DevOps adds Azure Pipelines Agent extension to virtual machine scale set and configures it with required PAT token. This extension is being called by scale set to install agent software to just created virtual machine. (Check [Lifecycle of a Scale Set Agent](https://docs.microsoft.com/en-us/azure/devops/pipelines/agents/scale-set-agents?view=azure-devops#lifecycle-of-a-scale-set-agent) manual)
[
![VM Scale Set extensions](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/13bj572dgf0f4y98bhpd.png)
](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/13bj572dgf0f4y98bhpd.png)
If you recreate vm scale set without __AzureDevOpsElasticPool tag or delete this tag you will see the following error in Diagnostics tab of your pool in Azure Devops UI: 
`The Resource 'Microsoft.Compute/virtualMachineScaleSets/test-vmss' under resource group 'test-vmss-rg' was not found. For more details please go to https://aka.ms/ARMResourceNotFoundFix
`
[
![Pool Error](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/h2cjdbnqeywq50jiavnw.png)
](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/h2cjdbnqeywq50jiavnw.png)
If you recreate VM scale set with __AzureDevOpsElasticPool tag, but without the Azure Pipelines Agent extension, you will have no agents connected to the Pool, bu Azure DevOps will upscale the number of VM instances.

The only way I know to add the Agent extension to scale set is to recreate Pool. 
But here is an issue: you can't create pool with existing scale set if this scale set already has __AzureDevOpsElasticPool  tag on it.
How to Change your Facebook Username in 5 Easy Steps!
Tags: facebookpageusername, changefacebookpageusername
Published: 2021-12-30 08:01:09

Usernames are very much essential for any Facebook page as it is like a name which will keep your identity on Facebook and you will be known with that name only. The Facebook pages get the usernames only when they fulfil the criteria for **[Facebook page username eligibility](https://worldzo.net/this-page-is-not-eligible-to-have-a-username/)**.
 
But there are many people who are not aware of the procedure to change the username of your Facebook page that is why in this blog we are going to tell you some very easy steps which will help you as well as guide you to change the username of your Facebook page.
 
**Steps to Change the Username of your Facebook Page** – 

In the first step you need to open the Facebook page on the browser or the application of Facebook which you are using. 
In the second step you need to look for the login page and then login into your account using the user ID as well as password for the same to **[change Facebook page username](https://worldzo.hpage.com/change-facebook-page-username-eligibility.html)**.

Now you have to click on the small arrow which you can see on the top right corner of the screen in front of you. 

In this step you will have to click on the settings option after finding it and then you can edit the Facebook username and make sure that to set a new and attractive username for your account or Facebook page. 

Now lastly in the last step you can check the URL of your Facebook profile where you can see the new and updated Facebook page username. 

We hope that you got the most benefit out of the information we have provided you in the article mentioned above and you were also able to change the username of your Facebook page giving your Facebook page a new touch.
5 Websites To Get Free Icons For Web Development
Tags: webdev, javascript, beginners, tutorial
Published: 2021-12-30 08:33:14

In this article I will discuss about **5 websites to get free icons for web design**. Specially Frontend developers need custom and  modern icons when they develop a website. So this article will help you in finding icons quickly. 

## [Fontawesome](https://fontawesome.com/)

**Fontawesome** is the world's most popular icon CDN. Most of developers use **fontawesome** icons. Here you can get free web icons, social media brand icons, icons for logos, vector icons, material icons etc. 

## [Flaticon](https://www.flaticon.com/)

**Flaticon** is my personal favourite resource for downloading modern and custom icons, stickers. Here you can get stickers and icons of all things like vegetables, material icons, web icons, social media icons. These icons make your website more attractive. 

## [Dryicons](https://dryicons.com/)

**Dryicons** contains more than 6000 **vector graphics **and icons. These icons are also very colorful. You can use these in UI and UX design and web design. 

## [Icons8](https://icons8.com/)

This is one of the famous resource for icons and design elements download. Here you can get free design elements, photos, graphics, svg, music for your video. I have used this 2 or 3 times before. 

## [Iconfinder](https://www.iconfinder.com/)

**Iconfinder** is the world largest icon and **graphic element marketplace**. Many developers don't know about this website. There are free and premium products. You can access over 200,000 icons, illustrations, 3d graphics for free. You can use these elements in your website or UI UX designs. 

Hope this article is helpful to you. If yes, I just need a heart on this post. If I am missing any resource for icons tell me in comment box. Thanking you.
Rèm nhựa pvc tại Bình Thạnh
Tags: webdev
Published: 2021-12-30 07:45:00

Meci thương hiệu màn nhựa pvc hàng đầu thị trường
[Màn nhựa PVC Meci](https://manremnhua.net/) hiện nay là địa chỉ cung cấp màn nhựa ngăn côn trùng, chống bụi ngăn lạnh, nước mưa tạt, nước bắn, đứng đầu thị trường hiện nay. 
+ Màn nhựa pvc Meci được sản xuất với công nghệ tiên tiến nhất 
+ Giá cả phải chăng: Tất cả sản phẩm của Meci đều có mức giá phải chăng mặc dù luôn đảm bảo chất lượng cao và tuân thủ các tiêu chuẩn đánh giá. 
+ Các sản phẩm tại Meci luôn được kèm những chính sách khuyến mãi đặc biệt.
--> Xem chi tiết thông tin tại đây: https://manremnhua.net/rem-nhua-pvc-tai-binh-thanh
—---------------------------------------------------------------
Hãy đến với Meci  hỗ trợ tư vấn nhiệt tình cho khách hàng
Địa chỉ: 1767/42 Quốc lộ 1A, Khu phố 2A, Phường Tân Thới Hiệp, Quận 12, Tp. Hồ Chí Minh
A11y tips: use fieldset and legend to add context
Tags: a11y, tips, html
Published: 2021-12-30 07:34:18

Use `<fieldset>` to **group related elements on a form**, such as radio buttons, checkboxes, or even text fields, such as a postal address. The screen reader will announce that the item belongs to a group when users focus on it.

If you also use `<legend>` to **provide a title** to the `<fieldset>`, that title **will be announced**__ along with the group membership, thus giving them even more context about the information they are about to fill in.

```
<fieldset>
  <legend>Choose your favorite monster</legend>
  <input type="radio" id="kraken" name="monster" />
  <label for="kraken">Kraken</label>
  <input type="radio" id="sasquatch" name="monster" />
  <label for="sasquatch">Sasquatch</label>
  <input type="radio" id="mothman" name="monster" />
  <label for="mothman">Mothman</label>
</fieldset>
```

For example, if we have two different addresses in a checkout process and we add something like this, the user will be able to know perfectly when entering each field if what they are filling in is the shipping address or the billing address, since the label each one is the same:

```
<fieldset>
  <legend>Shipping address</legend>
  <label for="shipping-street">Street</label>
  <input type="text" name="shipping-street" id="shipping-street" />
  <label for="shipping-postal-code">Postal code</label>
  <input type="text" name="shipping-postal-code" id="shipping-postal-code" />
  <label for="shipping-city">City</label>
  <input type="text" name="shipping-city" id="shipping-city" />
</fieldset>
<fieldset>
  <legend>Billing address</legend>
  <label for="billing-street">Street</label>
  <input type="text" name="billing-street" id="billing-street" />
  <label for="billing-postal-code">Postal code</label>
  <input type="text" name="billing-postal-code" id="billing-postal-code" />
  <label for="billing-city">City</label>
  <input type="text" name="billing-city" id="billing-city" />
</fieldset>
```

It's an extra way of providing help to these users, like we see [in the previous post](https://dev.to/carlosespada/a11y-tips-bind-form-controls-and-messages-2mb7) about messages binded using `aria-describedby`.
Let's enhance the core knowledge of React JS.
Published: 2021-12-30 07:28:15

**Define PropTypes**

PropTypes in React is actually an integrated process of React for checking the data types passed into a component. It is a special property of React. The process of checking only occurs when the react application passes through the development phase. Earlier versions of PropTypes required to install a package but in the latest version we just need to add dependency to use it. 



**Explain State and Prop in React**

The state in react is actually an object that is used to contain property values regarding a component. It defines the functionality and behavior of react component. Whenever the data or value changes, the component re-renders itself to update the state.

Whereas the props are variables or arguments that are used to pass data one component to another. It is passed through the components using HTML attributes. The props cannot be changed and read-only components.



**What is JSX?**

JSX is actually the syntax extension of JavaScript that is based on ES6. JSX allows a user to write HTML codes in react. It stands for JavaScript XML. Creating a template using JSX in react is easier and efficient. It is more optimized than general JavaScript because it maintains its optimization along with translating the program.



**Component Lifecycle**

In reactjs there are different life cycle method exists in the creation process of a component. Each component in react has its own lifecycle and we can manipulate the lifecycle of a component during its main phases. The lifecycle of a component is allotted into four phases and those are initial phase, mounting phase, unmounting phase and updating phase.



**What is context API**

Context API is a method to efficiently produce global variables that can be passed around in a react app. It is a new feature that comes up with the 16.3 version of react that permits one to share state throughout the entire app easily.
We need to use React.createContext() to work with context API where it returns a consumer and a provider. The provider is a component that provides the state to its children components. It will hold as "store" and be the parent of all the components that might need that it. The consumer is a component that consumes and uses the state.



**What is Virtual dom?**

Virtual dom is mainly the copy of the actual dom which stored in memory and synced with real dom by libraries like React Dom. This process is called reconciliation. Virtual Dom has the same properties as the real Dom but it lacks the accessibility to change the content of UI.
tiny-replace-files
Tags: javascript, webdev
Published: 2021-12-30 07:28:01

🎉🎉🎉I code a pkg, like vcsode, string/texts can be replaced in file(s).

https://github.com/Rabbitzzc/tiny-replace-files

It's very lightweight and very simple, the project has just started. I hope we can build it together. Welcome star...
Try slope unblocked if you like fast-paced platform games

Tags: gamedev, e
Published: 2021-12-30 07:27:19

A straightforward game that everybody may enjoy. [Slope unblocked](https://slopeunblocked.co) is a fun running game in which you must lead a moving ball through the labyrinth's restricted paths with keyboard arrows. But be careful: behind each hump, there may be a barrier that will shatter your ball. When the ball collides with the wall, it may be destroyed.

The objective of the game is to stay on the pitch for as long as possible while avoiding a variety of obstacles. You are unable to interact with red fields or objects because you will be defeated. A red square, for example, could appear on the field unexpectedly, rendering it impossible to overcome, necessitating extra caution. In addition, the game's complexity originates from the fact that the ball's speed can quickly increase, making movement control more difficult.
 
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/urrj8jvy5wk68st7q4ub.png)
  
Controlling the ball via the keyboard, the letters A and D, or the left and right arrows, is the most convenient method, although a computer mouse may also be used. There's also a daily bonus that gives you a chance to win a prize at random. On the game's main screen, you may check the rating or turn on and off the background music. You can play without registering, but your results will not be kept as a result.
Accountability
Tags: discuss, growth, career, dailythoughts
Published: 2021-12-30 07:26:51

---
title: Accountability
published: true
description: Accountability
tags: discuss, growth, career, dailythoughts
cover_image: https://dev-to-uploads.s3.amazonaws.com/uploads/articles/iu9c01aym7z1w5eh46yx.jpeg
---

_Originally published on [my blog](https://www.nikola-breznjak.com/blog/daily-thoughts/accountability/)._

> What if before we point the finger we recognize that at least three of them are still pointing at us? What if that makes us reconsider the fact that if it’s always “them”, it could very much so be that it’s actually “us”?

---

⚠️ In this new “Daily Thoughts” series, I’m just scratching my own itch. For too long now I’ve been reading and consuming. Not that there’s something inherently wrong with that, but if one doesn’t offset that with his own producing, one often falls into the trap of staying a consumer.

If you think you know something, or want to learn something about yourself, try to explain it ‘on paper’. Personally, I think best ‘on paper’, and it’s been a while since a wrote a post. So, I’ll start small (and build up a habit of daily writing again) by sharing a thought daily. I’ll use this as a retrospective a year from now.

Dear readers, feel free to chime in with your thoughts on my thoughts (so Meta; which is popular in its own right these days).
Let's enhance the core knowledge of React JS.
Published: 2021-12-30 07:25:07

**Define PropTypes**

PropTypes in React is actually an integrated process of React for checking the data types passed into a component. It is a special property of React. The process of checking only occurs when the react application passes through the development phase. Earlier versions of PropTypes required to install a package but in the latest version we just need to add dependency to use it. 


**Explain State and Prop in React**

The state in react is actually an object that is used to contain property values regarding a component. It defines the functionality and behavior of react component. Whenever the data or value changes, the component re-renders itself to update the state.

Whereas the props are variables or arguments that is used to pass data one component to another. It is passed through the components using HTML attributes. The props cannot be changed and read-only components.


**What is JSX?**

JSX is actually the syntax extension of JavaScript that is based on ES6. JSX allows a user to write HTML codes in react. It stands for JavaScript XML. Creating a template using JSX in react is easier and efficient. It is more optimized than general JavaScript because it maintains its optimization along with translating the program.


**Component Lifecycle**

In reactjs there are different life cycle method exists in the creation process of a component. Each component in react has its own lifecycle and we can manipulate the lifecycle of a component during its main phases. The lifecycle of a component is allotted into four phases and those are initial phase, mounting phase, unmounting phase and updating phase.


**What is context API**

Context API is a method to efficiently produce global variables that can be passed around in a react app. It is a new feature that comes up with the 16.3 version of react that permits one to share state throughout the entire app easily.
We need to use React.createContext() to work with context API where it returns a consumer and a provider. The provider is a component that provides the state to its children components. It will hold as "store" and be the parent of all the components that might need that it. The consumer is a component that consumes and uses the state.


What is Virtual dom?

Virtual dom is mainly the copy of the actual dom which stored in memory and synced with real dom by libraries like React Dom. This process is called reconciliation. Virtual Dom has the same properties as the real Dom but it lacks the accessibility to change the content of UI.
Best App Development Company || uber clone app || Appok.in

Published: 2021-12-30 07:21:02

Appok, a Certified global App development company USA. We are experts in providing custom tailored solutions for clone & script app for online business startup.

[**[mobile app development company]](![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ypubelp7cpmi7ogr4lsu.png) )
🎥 Let's Play Flexbox Froggy Game | Best Way To Learn Flex CSS (Complete all 24 Levels SOLVED 🚀)
Tags: css, flexbox, webdev, beginners
Published: 2021-12-30 07:08:14

In this game we'll learn <b> FLEXBOX through playing a game. </b>
Timeline :🔥🔥🔥🔥🔥🔥
00:00 Introduction to Game
Justify Content
00:39 First Level
01:31 Second Level
01:50 Third Level
02:12 4th-Fourth Level
Align Items
02:38 Fifth Level
03:18 Sixth level
04:04 Seventh Level
04:45 Eighth Level
05:36 Ninth Level
06:00 10th Level
06:59 11th Level
07:42 12th Level
08:32 13th Level
09:35 14th Level
11:10 15th Level
11:55 16th Level
12:40 17th Level
13:33 18th Level
14:09 19th Level
14:46 20th Level
15:35 21st Level
16:51 22nd Level
17:07 23rd Level
17:53 24th Level

{%youtube GAkXwzx5AJY%}
RPA: Catalyst of Industrial Revolution 4.0
Tags: automation, uipath
Published: 2021-12-30 06:56:59

Robotic Process Automation popularly known as RPA. It is used to automate a repetitive task such as sending 500 emails per day, extracting some data from any number of invoices which are partially structured and a storing it in a excel file which is structured.

**It was invented to convert unstructured data generated in the third industrial revolution into structured data by analyzing it. It is capable of mimicking human actions.**

There are many IDE's (Integrated Development Environment) to handle RPA. The environment can be categorized into 

1. No Code Platform
2. Coding Platform

No Code Platform is preferred by everyone as it is efficient in many ways. The major Platforms are as follows:

1. UiPath
2. Blue Prism
3. Automation Anywhere

Here is a automations that I have made which makes my life easy.

During the pandemic everyone has to join meetings or classes virtually.

## Joining classes or meeting on the scheduled time

Here is the link for the video for the automation:

[Video Link](https://drive.google.com/file/d/1qs4yHUd32eKIKEmarNo7bDpO4BNL_5kw/view?usp=sharing)

Subscribe for more automations.
groupBy on an array of objects in javascript
Tags: javascript, groupby
Published: 2021-12-30 06:48:42

const people = [
   { name: 'Lee', age: 21 },
   { name: 'Ajay', age: 20 },
   { name: 'Jane', age: 20 }
];
function groupBy(objectArray, property) {
   return objectArray.reduce((acc, obj) => {
      const key = obj[property];
      if (!acc[key]) {
         acc[key] = [];
      }
      // Add object to list for given key's value
      acc[key].push(obj);
      return acc;
   }, {});
}
const groupedPeople = groupBy(people, 'age');
console.log(groupedPeople);