teleren/devto huggingface dataset:
Trip into the unborn telling the authority of Gadget Max
Tags: gadget, max, technology, gadgets
Published: 2024-03-24 17:47:31

Once upon a time, in a transnational now not therefore one in every of a type from our veritably assuredly unique, there was a demesne in which generation reigned final. It became a place wherein invention knew no bounds, and bias held the vital factor to unleashing measureless possibilities. This demesne become referred to as [Gadget Max](https://blog.webdosolutions.com/gadget-max/).

Our story starts off evolved with a youngish technophile named Alex, whose hobby knew no bounds. Fascinated with the useful resource of the ultramodern- day advancements in length, Alex launched right birthright right into a journey to hit upon out the real functionality of Gadget Max. Armed with no longer a few factors but a cellular telephone and an inextinguishable thirstiness for facts, Alex set out on a journey that muscle trade their life ever.


![Gadget Max](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/phpmdqc68gvw3a528ucs.jpg)

As Alex excavated deeper into the region of Gadget Max, they have been surprised via utilizing freeway of the sheer variety of widgets handy. From clean smartphones with AI- powered sidekicks to futuristic wearables that pursued every step and twinkle, the openings regarded innumerous. But amidst the sea of widgets, Alex could not help but wonder – in which want to they start?

That is on the equal time as Alex stumbled upon a retired gem – a complete partner to Gadget Max, nestled inside the heights of the Webdo Blog. With happiness coursing through their modes, Alex communed at the hyperlink, keen to come across out the secrets and techniques that lay within.

The associate has come a treasure trove of records, furnishing the entirety from reviews and tips to tutorials and the manner- toss. It turns out to be a roadmap to conning the intriguing transnational of Gadget Max, general of bigwig recommendations and expert perceptivity to help Alex make experience of all of it.  But the trip did now not halt there. Inspired by means of the usage of what they'd located, Alex ventured additionally into the place of Gadget Max, probing new widgets, discovering hidden rocks, and taking part their recollections with fellow comers along the way.

And therefore, acutely- priced anthology, the story of Alex and Gadget Max continues to broadcast, with every new detection bringing round them one step in the route of unleashing the real dynamism of era. But one trouble is for tremendous – with the Webdo Blog as their safe companion, the possibilities are bottomless.

Join Alex on their trip into the region of [Gadget Max](https://blog.webdosolutions.com/gadget-max/) and discover the destiny of generation for yourself. And take into account to go to the [Webdo Blog](https://blog.webdosolutions.com/) for lesser fascinating content material and tech updates.
LeetCode Meditations — Chapter 5: Binary Search
Tags: computerscience, algorithms, typescript, javascript
Published: 2024-03-24 17:37:12

Binary search is one of the most well-known algorithms. It's also a [divide-and-conquer algorithm](https://brilliant.org/wiki/divide-and-conquer/), where we break the problem into smaller components.

The crux of binary search is to find a target element in a given sorted array.
We have two pointers: `high` to point to the largest element, and `low` to point to the smallest element. We first initialize them for the whole array itself, with `high` being the last index and `low` being the first index. Then, we calculate the midpoint. If the target is greater than the midpoint, then we adjust our `low` pointer to point to the `mid + 1`, otherwise if the target is less than the midpoint, we adjust `high` to be `mid - 1`. With each iteration, we eliminate half the array until the midpoint equals target or the `low` pointer passes `high`. 

If we find the index of the target, we can return it as soon as we find it; otherwise, we can just return `-1` to indicate that the target doesn't exist in the array.

For example, if we have a `nums` array `[-1, 0, 3, 5, 9, 12]` and our `target` is `9`, the operation looks like this:


![Binary search example](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/u9av8eeq52dj15lecc8k.gif)

We can write it in TypeScript like this: 

```ts
function search(nums: number[], target: number): number {
  let high = nums.length - 1;
  let low = 0;

  while (high >= low) {
    let mid = Math.floor((high + low) / 2);

    if (target > nums[mid]) {
      low = mid + 1;
    } else if (target < nums[mid]) {
      high = mid - 1;
    } else {
      return mid;
    }
  }

  return -1;
};
```

##### Time and space complexity

The time complexity of a binary search algorithm is {% katex inline %} O(log \ n) {% endkatex %} in the worst case. (For example, if the target is not in the array, we'll be halving the array until there is one element left.) The space complexity is {% katex inline %} O(1) {% endkatex %} as we don't need extra space.

---

The first problem in this chapter will be [Find Minimum in Rotated Sorted Array](https://leetcode.com/problems/find-minimum-in-rotated-sorted-array), until then, happy coding.
VS Code app logs browser UI
Tags: webdev, programming, tutorial, productivity
Published: 2024-03-24 17:27:33


In this blog post I'm going to present, how you can enable an embedded side-by-side view for Logdy in VS Code without having to install additional extensions.

You can forget about messy terminal filled with lines of logs. [Meet Logdy.](https://logdy.dev)

![VS Code + Logdy side-by-side view](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/d02kzci16ftk4y9lspig.png)

## Install Logdy

Enter [Quick Start](https://logdy.dev/docs/quick-start) page and install Logdy (download precompiled binary). Additionally, I recommend adding Logdy to $PATH for easier use.

## Start your web app

Let's assume you normally use `node app.js` to start your application (of course you can use Logdy with auto-reloading tools like `nodemon`) and your app is producing logging information to standard output. 

Start Logdy like this:

```
$ node app.js | logdy
```

## Open Logdy in VS Code

Now that your app is up and running, go to Visual Studio Code and open command (Ctrl + Shift + P) "Simple Browser: Show"


![Simple Browser: Show](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/q9bion1ibgt7uvy29w0w.png)

Next, enter the address of Logdy UI (by default it will be http://localhost:8080). A new tab should open with Logdy UI.

The last step is to arrange the newly open tab to side-by-side view by dragging it.

That's all, you can now use Logdy directly from within VS Code without having to switch windows.


![Logdy side by side](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/iz0o3i5nalxplbk0njuo.png)
Examples of Cloud Computing Roles
Tags: azure, cloud, jobs
Published: 2024-03-24 17:09:00

Here are **some** cloud computing roles we can land in cloud.

###Solutions Architect
This role would be responsible of designing and implementing cloud-based solutions that meet the needs of an organization, considering factors like scalability, security, and cost-effectiveness. A lot of people learning cloud aspire to attain this position.

###Cloud Engineer
Basically, having this role you will simply manage the cloud. This position would be responsible for tasks such as provisioning and configuring cloud resources, maintaining system availability and performance, monitoring and troubleshooting issues, and implementing automation and optimization strategies.

###Cloud Operations Engineer
This role is seen as an entry level to cloud. It typically focuses on the day-to-day management and maintenance of cloud infrastructure and services. 

###Sales Engineer
A Sales Engineer is a technical expert who works in conjunction with the sales team to sell complex technical products and services. Their primary role involves understanding the customer's requirements, demonstrating how a product or service can meet those needs, and addressing any technical questions or concerns that may arise during the sales process.

###DevOps Engineer
This role would manage tools and services taking into consideration the DevOps culture. They are considered to play a critical role in enabling organizations to deliver high-quality software faster and more efficiently by integrating development and operations processes, automating repetitive tasks, and fostering a culture of collaboration and continuous improvement.

###Cloud Support
This role would require to provide technical assistance and support to customers or internal teams for a lot of services in cloud.

I am sure there are a lot more.

Photo by <a href="https://unsplash.com/@anniespratt?utm_content=creditCopyText&utm_medium=referral&utm_source=unsplash">Annie Spratt</a> on <a href="https://unsplash.com/photos/group-of-people-using-laptop-computer-QckxruozjRg?utm_content=creditCopyText&utm_medium=referral&utm_source=unsplash">Unsplash</a>

I would love hearing from our tech-savvy community! Have insights, tips, or burning questions? Don't keep them to yourself! Drop your thoughts in the comments below. Let's spark a conversation and learn from each other's experiences in the dynamic world of Azure.
Learning AWS Day by Day — Day 15 — Route53 — Routing Policies
Tags: aws, cloud, cloudcomputing, beginners
Published: 2024-03-24 17:04:31


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

Exploring AWS !!

Day 15:

Route53 — Routing Policies

Public Hosted Zone contains information about how the traffic on internet should be routed for a domain.
NS record set: The authoritative name servers for domain name.
SOA (State of Authority) record set: Contains base DNS information about domain.
[ns-2048.awsdns-64.net.hostmaster.example.com 1 7200 900 1209600 86400]
ns-2048.awsdns-64.net: Host that created SOA record.
hostmaster.example.com: email address of admin with ‘@’ being replaced by ‘.’
86400: minimum TTL

Private Hosted Zone contains information how to route the traffic for a domain within one or more VPCs.
Note: to use private hosted zones, following VPC setting have to be set to TRUE:
- enable DNS-Hostnames
- enable DNS-Support

Simple Routing Policy: A single server performing desired operation

Failover Routing Policy: Two servers performing Active-Passive routing

Weighted Routing Policy: associates multiple resources with same DNS name and type. Each record is given a weight and set ID.

Latency Routing Policy: If an application is hosted on EC2 instance in multiple regions, user latency can be reduced by serving requests from regions where latency is lowest. We’ve to create a latency resource record set for EC2 instance in each region that hosts the application. Latency record sets can be created for both EC2 and ELB instance. Latency over internet can be changed over time due to changes in routing or something else.

Geo-location Routing Policy: can be used to send traffic to resources based on geographical location to users. Example, all queries from Europe can be routed to IP addresses. It works by wrapping ID address irrespective of regions to locations.
Fetch API - Your Modern Browser's HTTP Requests
Tags: frontendchallenge, devchallenge, javascript, webdev
Published: 2024-03-24 16:47:18

_This is a submission for DEV Challenge v24.03.20, One Byte Explainer: Browser API or Feature._

## Explainer
The Fetch API is a modern way to make HTTP requests in JavaScript. It provides a clean, promise-based interface for fetching resources asynchronously. It simplifies tasks like fetching data from APIs, uploading files, and handling cross-origin requests.
QuickBytes: Stop Using Lombok's @NonNull
Tags: java, programming, webdev, discuss
Published: 2024-03-24 16:33:01

Lombok is a powerful, if controversial, library that adds brevity and expressiveness to Java through it's annotation processing. One of the most popular annotations I see used in projects leveraging Lombok is the `@NonNull` annotation. This annotation is commonly used to indicate that a field or method parameter is not supposed to be null. 
```java
public void foo(@NonNull String bar){ 
    // bar will not be null here
}
```

The problem with this is communication. Many times I see developers using this on their methods and classes as a standard procedure for anything that's expected to not be `null`. Upon further inspection, the reason often boils down to "if this field is null it will cause an exception, so I put `@NonNull` here to make sure it's not null". 

The problem is that, per the Lombok documentation, `@NonNull` simply generates a `null` check condition at the top of your method and throws a `NullPointerException` if the value is `null`. 

This is rarely the intended or desired behavior for a method. Instead, prefer a more thoughtful approach to handling input validation 
- If you can gracefully handle a `null` input by selecting a default value or taking an alternative path of logic, write your own code to handle it gracefully instead of throwing an exception
- If you cannot handle a `null` field gracefully, throw a specific exception that explains why a value is required in the exception message. `emailAddress is required for customer validation, and cannot be null` is a more meaningful error message than `NullPointerException: field emailAddress is null`. 
- If you really just want to immediately short circuit your method if a `null` value is present and don't have a more meaningful message to convey or an alternative path to take, use `@NonNull` to autogenerate the null checks for you.
The Unseen Lens: Stories Behind Eyelid Surgery and Insurance Coverage
Published: 2024-03-24 15:57:40

Once upon a time, in the realm where the lines between necessity and vanity blur, there existed a tale of transformations sought and insurance sought after. Gather 'round, dear readers, as we embark on a journey through the captivating narratives of eyelid surgery and the elusive dance with insurance coverage. Within these stories lie truths, uncertainties, and perhaps, a touch of magic. Welcome to the storytelling realm of WebDo Solutions Blogs, where every tale is a portal to enlightenment.

![Images Of Eyelid Surgery Covered By Insurance 2024.](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/3j5jtzhwxjzfnuig3830.jpg)
In the land of WebDo Solutions Blogs, where knowledge reigns supreme, we invite you to delve into the intriguing narratives surrounding the images of eyelid surgery covered by insurance. Our journey begins with a humble link, leading us to a treasure trove of wisdom nestled within the digital realm: [Images of Eyelid Surgery Covered by Insurance.](https://blog.webdosolutions.com/images-of-eyelid-surgery-covered-by-insurance/)

Amidst the sea of information, [WebDo Solutions Blogs](https://blog.webdosolutions.com/) stands as a beacon of enlightenment, offering a plethora of informational insurance blogs to quench your thirst for knowledge. Explore further at WebDo Solutions Blogs and unlock the secrets of insurance coverage and beyond.

In the tapestry of tales woven within the realm of eyelid surgery and insurance coverage, each thread represents a unique journey, a triumph, or a trial. As we journey through the narratives presented within [WebDo Solutions Blogs](https://blog.webdosolutions.com/), let us immerse ourselves in the stories that illuminate the path to understanding.
I created custom skin for Audio.JS
Tags: webdev, javascript
Published: 2024-03-24 16:14:38

# I created custom skin for Audio.JS


### bg Story
As videojs is popular I tried to search audiojs I found a library the is popular but it has so many bugs and issues.

Library :- https://kolber.github.io/audiojs/
Issues :- https://github.com/kolber/audiojs/issues

In fact it's very poor than my created HTML5 audio player library when I was in school.

> My created libraries ❤️🚀
> - https://github.com/SH20RAJ/AudiPlay
> - https://github.com/SH20RAJ/AudiPlayv2

I thought to redesign it and give it a better look.

{% codepen https://codepen.io/SH20RAJ/pen/wvZevWX %}


### Do Rate in Comments ❤️


> Ops, My Bad, I noticed that the library is to old and outdated now, So, That's the reason it has issues....
It’s burger o’clock - Pure CSS Art🍔
Tags: frontendchallenge, devchallenge, css
Published: 2024-03-24 16:07:19

_This is a submission for DEV Challenge v24.03.20, CSS Art: Favorite Snack._

## Inspiration 
The challenge said "Favourite Snack" and I couldn't think of anything but Burger.

## Demo
{% codepen https://codepen.io/ge__ge/pen/YzMVBPK %}
[](https://codepen.io/ge__ge/pen/YzMVBPK)

## Journey
It had been a while since I played with CSS. Here is the recipe
for the burger😊:

BUN:
i)Pseudo element:  To give the bun the burnt bun color.
ii)Border-radius: To shape the bun.

CHEESE
i)Border-bottom, border-right, border-left: To shape the cheese
And added highlight using pseudo-element(::before)

SPINACH:
i)Border-bottom, border-right: To create the base leaf structure(A "L" shape)
ii)Border-radius: To give the spinach a round leaf structure

I had no idea we could do so much with pseudo-element and border alone. I enjoyed doing this.

Thank you😊!!
JWT explained in 4 minutes (With Visuals)
Tags: webdev, javascript, authentication
Published: 2024-03-24 15:47:41

### **Introduction

JWT authentication and session authentication are ways to authenticate users of your web app.
In this article we will explain the details of JWT, its structure along with its pros and cons.
JWT stands for JSON Web Token, and it is a commonly used stateless user authentication standard used to securely transmit information between client and server in a JSON format.
A JWT is encoded and not encrypted by default.
It is digitally signed using a secret key known only to the server.
It can be encrypted, but for this article we will focus on signed non-encrypted tokens.

**

## Structure of JWT
**
A JSON Web Token consists of 3 parts separated by a period.
The header, the payload, and the signature.
Each section is base64 encoded

**

## Header
**
The header consists of token type, which is JWT, and the signing algorithm used, such as HMAC SHA256 or RSA.

```
{ 
  "typ": "JWT",    
  "alg": "HS256"
}
```
**

## Payload
**

The payload consists of the claims.
Claims are statements about the user, and additional data.
For example, we have the time the token was issued at.
We also have its expiration time, because tokens should expire.

```
{
"iss": "example_issuer",
"sub": "user_id123",
"exp": 1644768000,
"iat": 1644744000
}
```

**

## Signature
**

The signature is most important part of a JWT.
It is calculated using the header, the payload, and the secret, which are fed to the signing algorithm to use.

```
signature = HMAC-SHA256(base64urlEncode(header) + "." + base64urlEncode(payload), secret_salt )

```

## **Steps**
The steps involved in a typical JWT authorization flow are as follows:

1- Authentication: The user signs in using username and password, or using for example Google or Facebook.
The server verifies the provided credentials.

2- Token Generation & sending token to client: The server will generate the JWT and send it to the client, which stores it for future use.

3**-Sending the Token to server**: When the client wants to access a protected resource on the server, it sends the JWT in the Authorization header of the HTTP request.

```
axios.get(URL, {
    headers: {
        'Authorization': 'Bearer ' + token,
    },
})

```
4-Verifying the Token: The server receives the request and verifies the JWT by checking its signature using the secret key that was used to sign it.

```
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/x1wtz6vfzqavwm94wkdz.png)
```
If the JWT is valid, the server extracts the information contained in it and uses it to determine what actions the user is authorized to perform.

**5- Authorizing the Request**: If the user is authorized to access the resource, the server returns the requested data. If the user is not authorized, the server returns an error message
Why does running `npx create-react-app my-app` result in my-app folder consuming 7GB of disk space?
Tags: react
Published: 2024-03-24 15:39:02

I'm running "npx create-react-app my-app" to create a new React app. However, I noticed that the "my-app" folder consumed about 7GB of disk space. I'm confused by this and would like to understand why this is happening.

This is the sequence of commands I'm running:

```bash
npx create-react-app my-app
```

After running the above command, the "my-app" folder ends up taking up a lot of disk space.

Additionally, every time I run "npx create-react-app my-app" it prompts me:

```
The following packages need to be installed:
create-react-app@5.0.1
```

It seems that every time I create a project, I will be prompted to install the software package. Why not cache them?

Can someone explain why the disk space consumption is so high and why the packages are not cached?

Every time a project is created, the size of the node_modules folder in the project folder automatically increases.

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


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

Every time I create a new project, I have to wait for nearly 1hours. There is no network speed problem here.
DevOps with Guruu | Chapter 9 : Deploy CI/CD with Code Pipeline | Code Build | Code Commit | Code Deploy
Tags: webdev, devops, aws
Published: 2024-03-24 15:18:12

{% embed https://youtu.be/_EgjI3WUfS8 %}
**DevOps with Guruu | Chapter 9 : Deploy CI/CD with Code Pipeline | Code Build | Code Commit | Code Deploy**

> Introduction to DevOps and AWS CodePipeline.
> CI/CD pipeline for a web application.
> Process from code commit to build and deployment.

Join me on this journey to mastering DevOps. Let's get hands-on and build a strong foundation together! Don't forget to like, share, and subscribe for more exciting content. Happy coding, future DevOps!"
What, why, how
Published: 2024-03-20 16:13:19

Ruby has a lot of advantages for beginners. Rails is also good for small teams, and solo developing. 

`self` is a special object that represents different objects at different times.
`pp` is a method we use to call the main object "pretty print"
syntactic sugar makes things easier to print
`object.method` - the primary method to write examples. what we will be using most often
`object.method(parameter)` - make up an expression which is the return value. 
`self.pp` is more useful when debugging or when you want to inspect data in a more human reading format. Shows the structure and nesting which makes it easier to understand complex nested objects.
`gsub` - globally substitute, will replace all occurrences of one substring w another substring. Often used to remove illegal characters from usernames before saving. 
Skill leves as a programmer is essential and about the number of error messages that you have encountered in the past and now recognize. 
use `#comments` liberally. 
`=` - variable assignment operator, evaluates right side first. Most ruby methods don't modify the object they are called upon. Rather they just return a modified copy. 
Variables can only contain lowercase letters, numbers, and underscores, no spaces and cant begin with a number. They should be descriptive no matter the length.