teleren/devto huggingface dataset:
How to Convert Binary to Hexadecimal
Tags: howto, convert, binary, hexadecimal
Published: 2023-09-20 18:29:40

---
image:
title: How to Convert Binary to Hexadecimal
description: Converting binary to hexadecimal is a common task in computer programming. Binary is a base-2 number system that uses only two digits, 0 and 1. Hexadecimal, on the other hand, is a base-16 number system that uses sixteen digits, 0 through 9 and A through F. Converting binary to hexadecimal involves grouping the binary digits into groups of 4 and converting each group to its corresponding hexadecimal value.
tags:
  - howto
  - convert
  - binary
  - hexadecimal
author: ilihub
series: Number System Conversion
---

Converting [binary][Binary Number] to [hexadecimal][Hexadecimal Number] is a common task in computer programming. Binary is a `base-2` number system that uses only two digits, 0 and 1. Hexadecimal, on the other hand, is a `base-16` number system that uses sixteen digits, 0 through 9 and A through F. Converting binary to hexadecimal involves grouping the binary digits into groups of 4 and converting each group to its corresponding hexadecimal value.

## Conversion

Here's a step-by-step guide on how to convert binary to hexadecimal:

1. Choose the binary number you want to convert to hexadecimal.
2. Group the binary digits into groups of 4, starting from the rightmost digit. If the leftmost group has less than 4 digits, pad it with leading zeros.
3. Convert each group of 4 binary digits to its corresponding hexadecimal value using the table below.

## Example

Let's walk through an example to illustrate the process. Suppose we want to convert the binary number 11011010 to hexadecimal.

1. The binary number we want to convert is 11011010.
2. We group the binary digits into groups of 4: `1101` and `1010`.
3. We convert each group of 4 binary digits to its corresponding hexadecimal value using the table below. The hexadecimal value of `1101` is `D`, and the hexadecimal value of `1010` is `A`.
4. The hexadecimal representation of the binary number `11011010` is `DA`.

## Binary-Hexadecimal Table

| Binary | Hexadecimal |
| ------ | ----------- |
| 0000   | 0           |
| 0001   | 1           |
| 0010   | 2           |
| 0011   | 3           |
| 0100   | 4           |
| 0101   | 5           |
| 0110   | 6           |
| 0111   | 7           |
| 1000   | 8           |
| 1001   | 9           |
| 1010   | A           |
| 1011   | B           |
| 1100   | C           |
| 1101   | D           |
| 1110   | E           |
| 1111   | F           |

## Sample Code

This code **requires** [`@ilihub/code`](https://www.npmjs.com/package/@ilihub/code) npm package to run.

```javascript
import { BinaryToHexadecimal } from "@ilihub/code";

const binary = "10000000";

const hexadecimal = BinaryToHexadecimal(binary);
console.log(hexadecimal);

// Output
// 80
```

## References

- [Binary Number][Binary Number]
- [Hexadecimal Number][Hexadecimal Number]

---

[Binary Number]: https://ilihub.tech/blog/what-is/binary-number "What is a Binary Number?"
[Hexadecimal Number]: https://ilihub.tech/blog/what-is/hexadecimal-number "What is a Hexadecimal Number?"
We need a new browser
Tags: opensource, browser
Published: 2023-09-20 18:29:00



Yes you read right, we definately need a good mobile web browser for developers because there isn't any. You might say that there is a good mobile browser, **Google Chrome**.

**Google Chrome** does give us access to new css and js asap but I want different things and **Chrome** does not provide those features.

## What features do I want ?

The features I want are present in all browser but only for desktops not for mobiles.
Those are

- developer mode
- inspect element
- console

## What feature does mobile browsers offer ?

**None of the above**

Some mobiles browser have few special features that could be helpfull for developers but they does not provide any of the above features.

## What I am thinking to do

You might guessed it. I want to create a new open source browser for mobiles.
Which will at least provides 1 specific feature of inspecting elements (HTML & CSS).
After that adding console support and other features to it (if possible)

## What's the problem

This project have few probloms. First of them is _myself_.

I don't know how can I make a web browser. My first thought was creating a website which will take input of url from the user then fetch it and set it to innerHTML of a div element.
something like this

```html
<body>
	<header>
		<form>
			<input type="text" placeholder="enter url" name="browserInputBar" /><input
				type="submit"
				value="search"
			/>
		</form>
	</header>
	<main><div id="display"></div></main>
	<script type="module">
		const form = document.querySelector("form");

		async function fetchData(query) {
			const res = await fetch("https://" + query);
			const data = await res.body(); // I was checking this
			/* I don't know what to use for HTML response .text, .json, .blob, .body or anything else*/
			return data;
		}

		form.addEventListener("submit", (e) => {
			e.preventDefault();
			const query = form.browserInputBar.value;
			const data = fetchData(query);
			document.querySelector("#display").innerHTML = data;
		});
	</script>
</body>
```

But this is not working. I am getting CORS error.

I want your help to create the best browser for developers

Here is the link to GitHub repo [developer-browser](https://github.com/dshaw0004/developer-browser)

## My aim

My aim is to create the best mobile web browser for mobile devices
What emerging tech trends should education app companies keep an eye on?
Tags: edtechinnovation, adaptiveeducationapps, educationaltechnologytrends, emergingtechnologies
Published: 2023-09-20 18:15:41

Education technology is dynamic, and adaptation is key. Explore how [education app development company](https://digitrends.co/education-app-development/) can stay ahead of the curve by embracing innovation, incorporating emerging technologies, and addressing the evolving requirements of the educational community.
AWS Serverless Fanout Pattern
Tags: aws, serverless, cloud, cloudskills
Published: 2023-09-20 17:43:59

![Day26](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ykfzvlellt2p0ob9mmqf.png)
[26/30] #30DaysOfAWS Today, AWS Serverless Fanout Pattern.

**AWS Serverless Fanout Pattern** is a scalable, reliable, and cost-effective way to distribute messages to multiple destinations in parallel. It is implemented using Amazon SNS, which is a fully managed pub/sub messaging service.

To use the fanout pattern, you create an SNS topic and then subscribe multiple endpoints to the topic. When you publish a message to the topic, SNS will deliver the message to all of the subscribed endpoints.

**Fanout pattern can be used in a variety of scenarios, such as**

- Notifying multiple users of a new event.
- Scaling out processing of a large batch of data.
- Decoupling components of an application.

**Benefits of using the AWS Serverless Fanout Pattern**

1. **Scalability** - The fanout pattern can be scaled to support a large number of messages and subscribers.

2. **Reliability** - SNS is a highly reliable service that will deliver messages even if some of the subscribers are unavailable.

3. **Cost-effectiveness** - The fanout pattern is a cost-effective way to distribute messages, as you only pay for the messages that are actually delivered.

**Example of how the AWS Serverless Fanout Pattern could be used**

A company wants to notify its customers of a new product launch. The company could use the fanout pattern to publish a message to an SNS topic. The topic would be subscribed to by multiple endpoints, such as an email queue, a Slack channel, and a mobile push notification service. When the company publishes a message to the topic, SNS would deliver the message to all of the subscribed endpoints. This would ensure that all of the customers are notified of the product launch in a timely manner.

The AWS Serverless Fanout Pattern is a powerful tool that can be used to implement a variety of serverless architectures. It is a scalable, reliable, and cost-effective way to distribute messages to multiple destinations.

Step-by-step tutorial for How to create a Serverless Fanout Pattern. You can download it using this [URL](https://lasantha-fileshare-s3-932747549174-v1.s3.us-east-2.amazonaws.com/AWSServerlessFanoutPattern.pdf).

_Thanks for reading the Article._

Connect with me

Website - https://devopswithlasantha.tech
LinkedIn - https://www.linkedin.com/in/lasanthasilva
Twitter - https://twitter.com/LasanthaSilva96
Medium - https://medium.com/@lasanthasilva
Github - https://github.com/sanju2
Solve: react hook useEffect has a missing dependency
Tags: react, javascript, webdev, beginners
Published: 2023-09-20 17:37:13

React Developers frequently face the error message "React Hook useEffect has a missing dependency." This error occurs when the useEffect trigger references an external variable or function that was not included in its dependency array.

In this article, we will see why the error occurs and how to fix it using various methods. By the end of this article, you’ll have a good idea of how to use the useEffect hook to make sure your React components run smoothly without causing this common warning. [Read More](https://reactjsguru.com/react-hook-useeffect-has-a-missing-dependency/)
[pt-BR] Criando um sistema operacional (quase) do zero
Tags: operatingsystem, opensource, ptbr, osdev
Published: 2023-09-20 17:16:53

## Introdução

Há uns três anos, sem nenhum bom motivo, eu resolvi que iria escrever um sistema operacional do zero. Comecei com o bootloader, depois parti para o kernel e fiquei empacado. Bateu o desânimo, a falta de tempo, e o projeto ficou lá, abandonado.

Recentemente, novamente sem qualquer bom motivo, resolvi resgatar esse projeto e usar as lições aprendidas no processo e nesses anos afastado.

Meu plano ao escrever aqui é compartilhar os aprendizados, em Português, e explicar passo a passo o que é cada uma das partes envolvidas que fazem o seu computador funcionar e permitem que você esteja lendo este texto agora.

Não garanto que eu vá chegar ao final, já que desenvolver um sistema operacional é um trabalho gigantesco, mas já será uma grande vitória se isso aqui servir de material de pesquisa para os(as) próximos desenvolvedores(as) que se aventurarem nessa tarefa.

Espero também cobrir uma lacuna nos materiais online, que geralmente estão obsoletos ou incorretos ou mal explicados ou geralmente as três situações ao mesmo tempo.

A ideia também é ir adicionando aqui os links para os próximos passos, então salve este post aqui nos seus favoritos para facilitar a leitura.
Javascript concepts
Tags: webdev, javascript, programming, softwaredevelopment
Published: 2023-09-20 17:14:16

1. How to access value when key name comes from a variable (V) in js object(O)?
Using square bracket ([]). For example: O[V]
2. Array(count).fill() — create a array of size count and fill it with undefined number can be used when for .map() or using other array properties.
3. Array sorting — [].sort(() => {return boolean}) — conditional sorting js
4. const frequencyMap = new Map(); Eg: Map(4) { ‘a’ => 7, ‘b’ => 5, ‘e’ => 5, ‘c’ => 2 }
— Properties ->
— has -> to check if element exist
— set -> to add the element
— enteries -> to search
5. ?? — nullish coalescing operator
— Returns right handside value (defaultVal) if left handside value (someVal) is null or undefined
— someVal ?? defaultVal
6. Javascript replace function
single replace — str.replace(/string/, ‘replacement’)
global replace — str.replace(/string/g, ‘replacement’) (g — global)
7. Optional Chaining (?) - This used in object in cases of condition and assiging the value. It is used for handling errors without writing big line of code.
8. map - array method which return a array and iterate through the element of array.
9. filter - array method which return filtered array. 
10. find - array method to find the index of specific element.
11. includes - array and string method which is used to check element, string or char exist in the given input.
12. reduce - array method to return a single value by doing operations in the array.
What is NueJS
Tags: nuejs, webdev, cool
Published: 2023-09-20 16:58:58

---
title: What is NueJS
published: true
description: Short introduction to NueJS, an alternative to React, Vue, and Svelte
tags: nuejs, webdev, cool
cover_image: https://github-production-user-asset-6210df.s3.amazonaws.com/51070104/269358349-19fac08c-21cf-4119-90d0-8e45aa797425.png
canonical_url: https://docs.appseed.us/content/what-is/nuejs/
---
Hello Coders!

This article is a [short intro to NueJS](https://docs.appseed.us/content/what-is/nuejs/)  an alternative to React, Vue, and Svelte. 

**[Nue JS](https://nuejs.org/docs/nuejs/)** is an extremely small (2.3kb minzipped) JavaScript library for building user interfaces. 
It is the core of `NueJS toolset`. 

In a sentence, It’s like Vue.js, React.js, or Svelte but there are no hooks, effects, props, portals, watchers, injects, suspensions, or other unusual abstractions on your way. 

--- 

## **Build Interfaces with less code**

The biggest benefit of Nue is that you need less code to do the same thing. It’s not unusual to see 2-10x differences in the amount of code you need to write. 
For example, here’s a custom list box component written with Nue:

The [React version](https://headlessui.com/react/listbox) is 2500 lines of JavaScript. Nue version is about ten times smaller even with 50-80% of the features:

![What is Nue JS - Tutorial provided by AppSeed.](https://github-production-user-asset-6210df.s3.amazonaws.com/51070104/269358349-19fac08c-21cf-4119-90d0-8e45aa797425.png)

## ✅ In Summary

Eventually, Nue is a complete front-end development toolset. An alternative to ecosystems like **Vite**, **Next.js**, and **Astro**.

--- 

In case anyone has the time and use this library, the feedback is much appreciated.
IT Infrastructure and its Types
Tags: it, itinfrastructure
Published: 2023-09-20 16:34:43

## Introduction
Infrastructure means the fundamental physical and organizational structures and facilities necessary for the functioning the program of building/organization

In the same way IT infrastructure means the  Hardware and software components required to function the application  reliable and efficiently to the end users without any problem.

 

## IT infrastructure

IT infrastructure contains both hardware and software components.
Few of the **Hardware components** are:
1.Servers
2.Storage Devices
3.Routers
4.Load Balancers
5.Db server, etc.,
Few of the **Software components** are:
1.Operating System
2.Web Server
3.App Server
4.Database
5.Message broker
6.Docker etc.,

## Types of Infrastructure 
There are two types of IT infrastructure

![Types of IT infrastructure](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/u2dor4idxit1ndlftuql.png)


**1.Traditional infrastructure**
Traditional infrastructure means here the company or the organization buys the systems, servers, electricity ,every component is been bought and the setup is made and controlled by them.
In IT industry earlier everyone were using this infrastructure to setup and there are still few companies and banks use this infrastructure

**2.Cloud Infrastructure**
Cloud Infrastructure means the companies/organisations use the cloud services from the cloud providers like aws,azure and gcp to host their applications .Basically its like they rent the systems,servers and all other required components to host the application.They provide the feature of pay-as-you-go.

This was beneficial to the companies because they can invest more time on innovation of the product.

**Conclusion**
This was the basic understanding of infrastructure and the types of infrastructure
Movie Recommendation Project
Published: 2023-09-20 16:32:09

Hello Everyone, continuing in my Codecademy journey I am posting my next portfolio project. This project had to deal with data structures and algorithms and utilizing them to make a recommendation.

My project code linked below is a movie recommendation software. It takes input from several questions, including things like rating preferences, time allotted, and genre interests and returns a movie recommendation based on your criteria. It uses a tree data structure and breadth first search algorithm to do so. I'm happy to share another project with more programming concepts that I've learned. 
https://github.com/chris-anderson1/FlickPick/blob/master/MovieRecommendation.py


Thank you!
Embarking on a Developer's Journey: Join Me on the Dev.Together Adventure!
Published: 2023-09-20 16:24:09

- **Introduction:**

Hey there, fellow developers and tech enthusiasts! 👋

I'm thrilled to kickstart my journey on Dev.Together, a platform that brings like-minded individuals together to collaborate, learn, and grow within the ever-evolving world of technology. In this inaugural post, I want to share a bit about myself and why I'm excited to embark on this adventure with you all.

- **Who Am I?**

I go by Vidhi Sahai, and I've been passionate about coding and technology. Over the years, I've explored various programming languages, tinkered with hardware, and dived into the fascinating realms of web development, Data Science and Machine learning. My curiosity knows no bounds, and I firmly believe that the tech community is where I belong. 🤓💻

- **Why Dev.Together?**

As I've delved deeper into the tech world, I've come to appreciate the importance of community and collaboration. No developer is an island, and that's where Dev.Together shines. It's not just a platform; it's a vibrant community of tech enthusiasts, from beginners to experts, all sharing a common passion. I'm here to learn, share, and grow alongside all of you.

- **What to Expect from My Posts**

In the coming weeks and months, you can expect a wide range of content from me. I plan to share insights, and my personal experiences as a developer. Whether you're interested in getting started with a new programming language, diving into the latest web development trends, or simply looking for some coding inspiration, I've got you covered.📚🌐

- **Let's Connect!**

I'm eager to connect with all of you, so please don't hesitate to drop a comment or send me a message. Let's learn from each other, collaborate on exciting projects, and build meaningful connections within the Dev.Together community.

I can't wait to see what we'll achieve together on this platform. Thanks for joining me on this journey, and here's to countless hours of coding, learning, and growing together!

Stay tuned for more tech adventures. Until then, happy coding!💻✨🚀
AWS Deploy Single Node Kubernetes Cluster
Tags: container, kubernetes
Published: 2023-09-20 16:07:30

Instead of a full-blown Kubernetes cluster, the single node instances are best for both development and testing. Let's go with lightweight Kubernetes managed by Canonical, Microk8s.

MicroK8s is the easiest and fastest way to get Kubernetes up and running. Experiment with the latest upstream features and toggle services on and off. Seamlessly move your work from dev to production. 😎✌🏻

**_Install MicroK8s on Ubuntu Server_**

_Install MicroK8s:_
```
$ sudo snap install microk8s --classic
```
_Check Status:_
```
$ microk8s status --wait-ready
```
_Add Your Current User To MicroK8s Group:_
```
$ sudo usermod -a -G microk8s $USER
$ sudo mkdir ~/.kube && sudo chown -R $USER ~/.kube
$ sudo newgrp microk8s
```
_Enable Services That You Will Need:_
```
$ microk8s enable dns
$ microk8s enable dashboard
$ microk8s enable storage
$ microk8s enable ingress
$ microk8s enable gpu
$ microk8s enable istio
$ microk8s enable registry
```
_To Disable Any Of These Services Later:_
```
$ microk8s disable dns 
```
_Check the Status Of Kubernetes Services:_
```
$ microk8s kubectl get all --all-namespaces
```
_To login web-based dashboard generate a token with the following commands, and then paste it into login prompt:_
```
$ token=$(microk8s kubectl -n kube-system get secret | grep default-token | cut -d " " -f1)
$ microk8s kubectl -n kube-system describe secret $token
```
_Get Rid Of Microk8s & Use Kubectl:_
```
$ alias kubectl="microk8s kubectl"
```
_Lookup Pod & Node Details:_
```
$ kubectl get nodes
$ kubectl get pods -o wide
```
_Start & Stop MicroK8s Service:_
```
$ microk8s start
$ microk8s stop
```
_Uninstall MicroK8s_
```
$ sudo snap remove microk8s
```
Tailwind CSS Installation 2023
Tags: tailwindcss, frontend, armanrahman
Published: 2023-09-20 14:01:30

Lets generate a package.json file

```
npm init -y
```
Lets install tailwind with **dev Dependencies(-D)**, All modern Technology use `postcss`

```
npm install -D tailwindcss postcss autoprefixer vite
```
Lets generate a config file ⇒ `tailwind.config.js` file

```
npx tailwindcss init -p
```

## Configure your template paths
Add the paths to all of your template files in your `tailwind.config.js` file.

```
/** @type {import('tailwindcss').Config} */
module.exports = {
content: ['*'],
theme: {
extend: {},
},
plugins: [],
}
```

## Add the Tailwind directives to your CSS
Add the `@tailwind` directives for each of Tailwind’s layers to your main CSS file.

```
/**
* This injects Tailwind's base styles and any base styles registered by
* plugins.
*/
@tailwind base;
/**
* This injects Tailwind's component classes and any component classes
* registered by plugins.
*/
@tailwind components;
/**
* This injects Tailwind's utility classes and any utility classes registered
* by plugins.
*/
@tailwind utilities;
```

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

## Start the Tailwind CLI build process

Run the CLI tool to scan your template files for classes and build your CSS. 👉
`package.json`

```
{
   "name": "tailwind-manage-landing",
   "version": "1.0.0",
   "description": "",
   "main": "index.js",
   "scripts": {
   "start": "vite"
   },
   "keywords": [],
   "author": "",
   "license": "ISC",
   "devDependencies": {
   "tailwindcss": "^3.0.23"
   }
}
```
Then Run npm

```
npm run start
```

## Let's run the build

```
{
   "name": "testproject",
   "version": "1.0.0",
   "description": "",
   "main": "index.js",
   "scripts": {
   "build": "tailwindcss -i ./style.css -o       ./css/main.css",
   "watch": "tailwindcss -i ./style.css -o ./css/main.css --watch"
},
   "keywords": [],
   "author": "",
   "license": "ISC",
   "devDependencies": {
   "autoprefixer": "^10.4.13",
   "postcss": "^8.4.21",
   "tailwindcss": "^3.2.6",
   "vite": "^4.1.1"
   }
}
```

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

Our work should always watch, its because we need to compile everything to our `main.css`

```
npm run build
npm run watch
```
Lyra: ¿Qué son los pagos 3DSecure y qué aportan al comercio digital?
Published: 2023-09-20 15:58:42

ún hoy las [personas](https://murcia-24h.com/) tienen miedo de ser víctimas de usos fraudulentos de sus [tarjetas ](https://palencia24h.com/)de crédito al pagar por Internet. Este es uno de los factores que genera más fricciones y barreras para adoptar los pagos [digitales ](https://red-financiera.com/)en la actualidad en todo Latinoamérica.

Pensando en disminuir el [fraude ](https://sansebastian24h.com/)en el uso de las tarjetas de crédito, una de las herramientas que está cambiando la experiencia, es la implementación del protocolo de seguridad 3DS 2.0, el cual permite asegurar  toda operación que curse por un canal no presencial.
Uso de la tecnología, clave para la modernización del sistema ferroviario mexicano: Ferrovalle
Published: 2023-09-20 15:57:54

El sistema ferroviario [mexicano ](https://murcia-24h.com/)se ha modernizado en los últimos 25 años como el medio de transporte de carga más [confiable](https://sansebastian24h.com/), permitiendo a empresas como Ferrovalle el puerto interior más importante de [México](https://palencia24h.com/), trasladar anualmente mas de 500 mil contenedores de bienes y mercancías que satisfacen las necesidades cotidianas de la industria y el comercio de la Ciudad de México y otros 27 municipios [conurbados](https://red-financiera.com/), que dan forma a una concentración urbana de 22 millones de habitantes, a la que sirve la empresa.