teleren/devto huggingface dataset:
Makers CBD Gummies (Legitimate or Sacm 2024) Makers CBD Gummies Real Cost & Reviews
Published: 2024-04-13 17:56:35

Product Name :- Makers CBD Gummies

Main Benefits:- Pain Relief, Official Store And Price

Composition:- Natural Organic Compound

Side-Effects:- NA

Rating:- ⭐⭐⭐⭐⭐

Availability:- Online

Where to Buy:- Official Website – {Buy Now Here — Click Here}

Makers CBD Gummies:- 

is honest and effective method which is useful in fixing all the fitness problems and your bodily and intellectual fitness gets solved easily. Makers CBD Gummies is helpful in fixing the problem of pressure, despair and anxiety from its roots and also you will become wholesome and strong from inner. 

Official News:- https://www.mid-day.com/hotspot/article/makers-cbd-gummies-reviews-is-it-legit-what-are-customers-saying-should-you-buy-or-not-234 
Official Website:- https://allsupplementstore.com/makers-cbd-gummies/ 
Official Blogs:-
https://sites.google.com/view/makers-cbd-gummies-us/ 
https://makerscbdgummiesus.blogspot.com/2024/03/makers-cbd-gummies.html 
https://medium.com/@jimmismity/makers-cbd-gummies-a7603f8d6d8d 
https://medium.com/@jimmismity/makers-cbd-gummies-2024-top-best-cbd-gummies-to-use-products-for-sale-cbd-gummy-brand-a63752a4b273 
https://makerscbdgummiesusa.mystrikingly.com/ 
https://groups.google.com/g/makers-cbd-gummies-us/c/KQuHyKRGnqo 
https://makers-cbd-gummies-usa.hashnode.dev/makers-cbd-gummies-scam-exposed-dont-buy-until-read-makers-cbd-gummies-truth-revealed-2024 
https://sketchfab.com/3d-models/makers-cbd-gummies-reviews-eae18257c5a74c02a3e542a88e568429 
https://makerscbdgummiesprice.godaddysites.com/ 
https://gamma.app/docs/Makers-CBD-Gummies-Customer-Demanded-Shocking-Review-Makers-CBD-G-xqfxe8ew7byol39 
https://makers-cbd-gummies-us.company.site/ 
https://www.myrtlebeastocr.com/group/news-events/discussion/c7bdd900-15e4-4905-982f-4eddd148c0c3 
https://www.myrtlebeastocr.com/group/news-events/discussion/ead21f90-f212-4537-9a6a-caad8c8f1402 
https://www.myrtlebeastocr.com/group/gear-accessories/discussion/3fda22ab-3ebd-466c-afcc-238803d4531a 

PDF.Site:- 
https://flipbooklets.com/pdfflipbooklets/makers-cbd-gummies#page1 
https://issuu.com/jimmismity/docs/makers_cbd_gummies_usa  
https://anyflip.com/meqtj/ohmf
Learning AWS Day by Day — Day 36 — AWS Services — At a Glance — Part 1
Tags: aws, cloud, cloudcomputing, beginners
Published: 2024-04-13 17:29:00


Exploring AWS !!

**Day 36:**

**AWS Services — At a Glance — Part 1**

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

**Databases in AWS Cloud:**
AWS Relational Database Service (RDS): Supporting six widely used database engines.
Amazon Dynamodb: a quick and flexible NoSQL database service
Amazon Aurora: a MySQL compatible relational database service that delivers 5x the performance
Amazon Elaticache: an in memory cache service with Memcached and Redis support
Amazon Redshift: a petabyte scale data warehouse server
AWS Database Migration Service (DMS): a service that enables you to migrate database to AWS cloud in an easy and economical manner

**Management Tools in AWS:**
Amazon EC2 Systems Manager: Configure and manage EC2 instances and on prem servers
AWS CloudTrail: Track user activity and API usage
AWS Config: Track Resource Inventory and Changes
AWS Service Catalog: create and use Standardized product
AWS Personal Health Dashboard: Personalized view of AWS service health
AWS Cloudwatch: Monitor Resources and applications
AWS CloudFormation: create and manage resource with templates
AWS OpsWorks: automate operation with Chef
AWS Trusted Advisor: optimize performance and security

**Networking and Content Delivery in AWS:**
Elastic Load Balancing: high scale load balancing
Amazon Route53: scalable domain name system
Amazon CloudFront: global content delivery network
AWS Direct Connect: dedicate network connection to AWS
AWS VPC: Isolated cloud resources

**Security, Identity and Compliance Products:**
Amazon Inspector: automated security assessment service that aids to enhance compliance and security applications deployed on AWS
AWS IAM: control user access to AWS services
AWS Artifact: portal offers on demand access to AWS compliance and security documents (audit artifacts)
AWS Cloud Directory: set up flexible cloud native directories to organize hierarchies of data along numerous dimensions
AWS Certificate Manager: seamlessly manage, provision and deploy secure socket layer (SSL)/Transport Layer Security (TLS) certificates
AWS CloudHSM: fulfills regulatory, contractual and corporate compliance requirements for data security by utilizing dedicated Hardware Security Module (HSM)
AWS Directory Service: allows AWS resource and directory aware workloads to utilize managed Active directory in AWS Cloud for Microsoft Active Directory
AWS WAF: web application firewall that aids in protecting web application from web threats that could eat up excessive resources, or compromise security, hinder application availability.
Day 13/366
Tags: 1percentplusplus, 100daysofcode
Published: 2024-04-13 17:16:50

🚀 **Today's Learning:**

🌟 DSA

- Calculate the Diameter of a Binary Tree
- Preorder Traversal of Binary Tree

🌟 Dev

- Events in React

🔍 **Some Key Highlights:**

DSA

Calculate the Diameter of a Binary Tree - start traversal using DFS → Assume each node as the curving point → diameter using the current node is 1 + max(depth of left subtree, depth of right subtree). Likewise, recursively calculate the current diameter of all the nodes. Maintain a maxDiameter variable which stores the maximum of all diameters.


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


Preorder traversal →  The recursive function begins by processing ie. adding to the array or printing the current node → Recursively traverse the left subtree by invoking the preorder function on the left child of the current node. This step continues the exploration of nodes in a depth first manner → After traversing the entire left subtree, we traverse the right subtree recursively. We once again invoke the preorder function, but this time on the right child of the current node.


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

DEV

An event is an action that a user or system may trigger, such as pressing a key, a mouse click, etc.

- React events are named using camelCase, rather than lowercase in HTML.
- With JSX, you pass a function as the event handler, rather than a string in HTML.

For example → Button onPress={lightItUp} 

 #100daysofcode #1percentplusplus #coding #dsa
2d Portfolio like zelda and pokemon old games of Nintendo
Tags: javascript, kaboom, vite, react
Published: 2024-04-13 16:29:04

## Recently, I follow a tutorial to build my first game/resume with Kaboom lib.

I follow this tutorial on YouTube:
https://www.youtube.com/watch?v=gwtfWORCN0U

It was created to understand how a game works and to prove my skills on jobs interview.

## Feel free to explore:
https://2dportfoliomarcelomsc.netlify.app/

The tutorial use the Tiled free app to make a JSON map of the sprites:
https://www.mapeditor.org/

## With this application, we can understand the core concepts of Kaboom.js.

Make scene, player move, show dialog that has links to others websites, boundaries that the player can interactive with.
Set camera, resize function to be mobile and browser compatible.



Suggestion are welcome.
Here are the 10 projects I am contributing to over the next 6 months. Share yours
Tags: opensource, discuss
Published: 2024-04-13 16:20:28

My contributions to open source projects have gone down in the last nine months or so and I do not like it. Thankfully, it is one of those things in my control, so I am changing that.

Here are the 10 projects I picked to contribute to over the next 6 months. Which projects are you contributing to?

> Update: One thing we are all allowed to do is change our minds or realize we have overcommitted ourselves. As such I am reducing the number of projects I intend to contribute to.

- [MDN Web Docs content](https://github.com/mdn/content)
- [Astro Docs](https://github.com/withastro/docs)
- [Startlight](https://github.com/withastro/starlight)
- [W3C Aria Practices](https://github.com/w3c/aria-practices)
- [WHAT-WG HTML](https://github.com/whatwg/html)

## Someday/Maybe

- [Nodejs](https://github.com/nodejs/node)
- [Canonical's Vanilla Framework](https://github.com/canonical/vanilla-framework/)
- [Canonical's React Components](https://github.com/canonical/react-components)
- [Vuejs](https://github.com/vuejs/vue)
- [Browser Compat Data](https://github.com/mdn/browser-compat-data)

I also have five of my own projects which you are welcome to contribute to!

- [Developer Toolchest](https://github.com/schalkneethling/developer-toolchest)
- [HTML Comprehensive Guide](https://github.com/schalkneethling/html-comprehensive-guide)
- [Qilin](https://github.com/schalkneethling/qilin-open-source-project-starter-template)
- [Minimalist](https://github.com/schalkneethling/minimalist)
- [IndieCaster](https://github.com/mechanical-ink/indiecaster-core)
Need help to protect nature.
Tags: discuss, career, mobile, etic
Published: 2024-04-13 16:17:52

Hi everyone,

I don't know if I'm in the right place, I apologise if I'm not.
I'm currently developing an environmental association that aims to unite and centralise environmental action to boost the ecological transition by creating a large network.
Here's the problem. I don't have the skills and, for the moment, the funds for such a project. A project that could have a huge impact on protecting the environment.
Do you know where I can find "ethical" developers who would be prepared to give up some of their time for a good cause?
Really, I can assure you that the project is ambitious but it could have a real impact on protecting nature and changing society in a positive way.
If I can get 5 developers together that would be magic.

Thank you very much,
I hope to see you soon...

Triple Hecate
M-Util-Box
Tags: desktop, programming, productivity, design
Published: 2024-04-13 16:17:21

Finally here... ☄️ 

![M-Util-Box](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/aif05vzobmuvdxifxyb0.png)

**Ever need a close tool like your toolbox? Something you can hide and show? Something that keeps everything you forget?**

Look no further away. Your best friend `m-util-box` will do that for you. With features from clipboard that never sleeps to secret features that will be employed soon on `m-util-box`, you are to rejoice for efficient workflow. 

**So where is it?**
Just like the tags reflect, it is readily available for your desktop environment's. Visit [m-util-box website](https://m-util-box.vercel.app/) to see and get get started. 

Upon trying `m-util-box`, Visit the [Github repo](https://github.com/Ethern-Myth/m-util-box) and support the project. Like and grow the project. If it reaches > 1000 likes, some on-demand features will be made available in the next project updates.

__Don't forget to visit the website to get started__

Do the basics, 1000 more and 1000 lot.

🐎 full speed.
Project Reactor: About Scannable interface
Tags: java, reactiveprogramming, projectreactor
Published: 2024-04-13 16:14:18

Simple to say, *reactor.core.Scannable* interface is for accessing internal attributes of flux instance for debugging purpose. Following is an example

```java
Flux<Integer> f1 = Flux.just(1, 2, 3, 4);
Scannable s1 = Scannable.from(f1);
LOGGER.info("BUFFERED={}, RUN_STYLE={}", s1.scan(Scannable.Attr.BUFFERED), s1.scan(Scannable.Attr.RUN_STYLE));
Flux<Integer> f2 = f1.map(x -> x * 2);
Scannable s2 = Scannable.from(f2);
LOGGER.info("RUN_STYLE={}, PREFETCH={}, PARENT={}", s2.scan(Scannable.Attr.RUN_STYLE), s2.scan(Scannable.Attr.PREFETCH), s2.scan(Scannable.Attr.PARENT));
```

The output is

```
BUFFERED=4, RUN_STYLE=SYNC
RUN_STYLE=SYNC, PREFETCH=-1, PARENT=FluxArray
```

About the meaning of attribute please refer to [here](https://projectreactor.io/docs/core/release/api/reactor/core/Scannable.html).
CSS Eclipse
Tags: css
Published: 2024-04-13 16:10:26

So you know how people forget holidays are coming. I realized Monday that it was eclipse day. Thought I could do make it with CSS.

## Template saves time

I took the template that I use for other CSS projects and filled the center with the Sun. The sun is a circle with a drop shadow. 
The sky is the subject div.


![Illustration of yellow sun in the sky](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/t1f99mbpdu9k5pa6tl3z.jpg)

```html
<div class="flex-container">
<div class="main">
<div class="outer_frame">
	<div class="subject">
	  <div class="sun"></div>
  </div>	
</div>
</div>
</div>

```

```CSS
.sun {
filter: drop-shadow(0 0 1.5rem white); 
  width: 300px;
  height: 300px;
  background: yellow;
  border-radius: 50%;
  position: absolute;
}
```


## The Moon


The CSS Moon is gray circle of the same size. 


```CSS
.moon{
  width: 300px;
  height: 300px;
  background: gray;
  border-radius: 50%;
  z-index: 1;
  position: relative;
  margin-left: -1100px;
}
```
 The Moon Div had to go in an different div than the Sun so it could move on and off screen aka the sky.

```html
<div class="outer_frame">
  <div class="moon"></div>
	<div class="subject">
	  <div class="sun"></div>
  </div>
```

The Outer frame needed to hide the moon till it came on screen so it got overflow: hidden.

```CSS
.outer_frame {
  background-color: #4981b3;
  overflow: hidden;
}
```

The final animation on the moon. I tried changing the moon from gray to black as it crossed the sky but I need finer control on the keyframes. And with an actual Eclipse going on, I went outside.  
So here's my fast recreation of it.

```CSS
.moon {
   animation: eclipse 18s linear;
 }

@keyframes eclipse {
   0% {
    transform: translate(0px, 0);
  }


  100% {
    transform: translate(1100px, 0);
  
  }
}

```

![the sun is blocked by the moon, the screen show a black circle in the sky.](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/j22mkh0gyn83lb48i4mk.jpg)
ejjeiiiieeieie
Published: 2024-04-13 16:10:19

## The followig are some basic git command

```
- git init
- git status
- git add .
- git commit -m "descriptive commit message"
- git remote add origin {origin-url}
- git git push -u origin master
```
```
<h3>dhhhdhhdhdhdhhdh</h3>
```
`dgdgdggdgdg`
What is ListNode in JS?
Published: 2024-04-13 15:49:56

`ListNode` is a simple data structure commonly used to create linked lists in JavaScript. A linked list is a linear data structure where each element (node) is a separate object. Each node consists of two main parts: the data and a reference (or link) to the next node in the sequence.

In the context of this problem, `ListNode` represents a node in a singly-linked list. Each `ListNode` object has two properties:

- `val`: Represents the value stored in the node.
- `next`: Represents a reference to the next node in the linked list. It's initialized to `null` by default.

Here's the definition of `ListNode` used in the `addTwoNumbers` function:

```javascript
function ListNode(val, next) {
    this.val = (val === undefined ? 0 : val); // Value of the node
    this.next = (next === undefined ? null : next); // Reference to the next node
}
```

### Example:

Let's say you want to create a linked list with nodes containing values `[2, 4, 3]`. You can do it like this:

```javascript
const node1 = new ListNode(2); // Node with value 2 and next pointing to null
const node2 = new ListNode(4); // Node with value 4 and next pointing to null
const node3 = new ListNode(3); // Node with value 3 and next pointing to null

// Link the nodes together to form a linked list: 2 -> 4 -> 3
node1.next = node2;
node2.next = node3;

// Now, node1 represents the head of the linked list
```

In the `addTwoNumbers` function, you'll often see linked lists represented and manipulated using these `ListNode` objects. They provide a straightforward way to construct and traverse linked lists, making it easier to solve problems that involve linked list manipulation.

Disclaimer: This article was created with the help of AI.
Introducción a Object Calisthenics
Published: 2024-04-13 15:44:40

En esta entrada me gustaría hacer una breve introducción a Object Calisthenics, y en las próximas iré introduciendo cada una de las 9 reglas que Jeff Bay presentó por primera vez en su libro The ThoughtWorks Anthology.

Object se refiere a la programación orientada a objetos y Calisthenics, se refiere a Calistenia, que según la RAE significa

Conjunto de ejercicios que conducen al desarrollo de la agilidad y fuerza física.

Por lo que ambas palabras unidas en el contexto de la programación orientada a objetos se podrían llegar a entender como “ejercicios de programación que te pueden ayudar a interiorizar las bases de un buen diseño orientado a objetos“, añadiendo a esto un buen sistema de práctica para poder desarrollar un código mas legible, limpio y entendible.

Personalmente aconsejo ir poniendo primero estas buenas prácticas en base a la refactorización de código mediante Katas, y una vez tengamos una soltura mínima pasemos ya a practicarlo en un proyecto real, pero tengamos en cuenta las siguientes premisas si vamos a refactorizar un código productivo:

Usar refactorizaciones seguras en base a una herramienta del estilo a ReSharper.
Tener en dicho proyecto una buena cobertura de Test, los cuales nos van a permitir en todo momento cerciorarnos que la refactorización que estamos realizando es totalmente segura.
De otro modo, si vamos a poner en práctica estos ejercicios en un proyecto o evolutivo nuevo se ha de tener en cuenta siempre realizar una buena Suite de Test.

Según Jeff Bay en su libro definió 9 reglas básicas a poner en práctica cuando se realizan estos ejercicios:

- Un nivel de indentación por método
- No usar la palabra clave Else.
- Envolver todos las primitivos y Strings en clases.
- Colecciones como clases de primer orden.
- Aplica la Ley de Demeter
- No abreviar.
- Todas las clases deben tener menos de 50 líneas.
- Evitar más de dos atributos de instancia
- Evitar getters/setters o atributos públicos

En mi experiencia personal, he ido poco a poco adquiriendo estas 9 reglas en mi día a día en mi ámbito laboral y he conseguido con el tiempo poder llegar a desarollar un código mas simple, limpio y entendible en todos los sentidos.

Hay que tener en cuenta que no siempre es posible al 100% seguir estas 9 reglas, pero al menos si saber identificarlas, y comento que no es posible seguirlas al pie de la letra, ya que muchas veces evitando un Code Smell generamos otro o bien por como esté implementado el negocio, o bien por como esté estructurado el código no es posible refactorizar de una forma rápida y limpia. Cada caso es distinto y hay que saber identificar el cuándo, el cómo y si realmente merece la pena aplicar cualquiera de estas 9 reglas en cada caso concreto.

En mi próxima entrada voy a ir haciendo una introducción de como identificar en una kata cada una de estas 9 reglas, ya que en proyectos de refactorización lo primero que recomiendo es identificar los Object Calisthenics existentes antes de refactorizar nada.
What is .hasOwnProperty() in JavaScript?
Published: 2024-04-13 15:41:41

The `hasOwnProperty` method in JavaScript is a built-in method of the `Object` prototype. It checks whether the object has the specified property as its own property (as opposed to inheriting it).

Here's how `hasOwnProperty` works:

```javascript
object.hasOwnProperty(property)
```

- `object`: The object you want to check.
- `property`: The property name you want to check.

### Example:

```javascript
const obj = {
  name: 'John',
  age: 30
};

console.log(obj.hasOwnProperty('name'));  // true
console.log(obj.hasOwnProperty('age'));   // true
console.log(obj.hasOwnProperty('job'));   // false
```

In this example:

- `obj.hasOwnProperty('name')`: Returns `true` because `obj` has its own property named `'name'`.
- `obj.hasOwnProperty('age')`: Returns `true` because `obj` has its own property named `'age'`.
- `obj.hasOwnProperty('job')`: Returns `false` because `obj` does not have its own property named `'job'`.

### Why is it useful?

When dealing with objects in JavaScript, especially when iterating over their properties, it's common to use `hasOwnProperty` to check if a property belongs directly to the object or if it's inherited from the prototype chain.

For example, when using `for...in` loop to iterate over an object's properties, `hasOwnProperty` can be used to filter out inherited properties:

```javascript
for (let prop in obj) {
  if (obj.hasOwnProperty(prop)) {
    console.log(`Property ${prop} belongs directly to obj: ${obj[prop]}`);
  }
}
```

In this loop, `hasOwnProperty` ensures that only properties that belong directly to `obj` are processed, not properties inherited from its prototype chain. This can be particularly useful to avoid unexpected behavior when iterating over objects.

Disclaimer: This article was created with the help of AI.
Manage project dependencies correctly
Tags: beginners, javascript, programming, tutorial
Published: 2024-04-13 15:32:52

## Choosing npm packages

Suppose you need to select a library, and you already know the requirements for which you are searching for this library. Here's what to consider when making the final decision:

- **Bundle size.** - Compare the bundle size of each package using https://pkg-size.dev/.
- **Over engineering.** - Evaluate how much unnecessary functionality this package offers. If it affects the bundle size, it's better to look for alternatives.
- **Popularity.** - The number of GitHub stars and monthly downloads.
- **Activity.** - How recently and how often the package has been updated? Activity in terms of issues and pull requests.
- **Code quality.** - Read the source code of the package.

## Updating npm package versions

- Do not hurry to upgrade to major versions (especially in the context of big frameworks like Next.js), waite for at least 1-2 minor/patch versions afterward (unless it is needed and we embraced the risks).
- When updating a version, carefully read the package's **Changelog** to avoid breaking changes.
- **Test** all the functionality related to the updated package.

## How to manage dependency versions

- **Strictly specify versions of all npm packages**. - [Do not use any symbols](https://docs.npmjs.com/cli/v8/configuring-npm/package-json#dependencies) (`^`, `~`, etc.) - this can lead to sudden bugs, as you might easily overlook that some packages have been updated, miss testing-related functionality, fail to inform QA about it, and as a result, deliver bugs to production.
- Use [dependabot](https://docs.github.com/ru/code-security/dependabot/working-with-dependabot).

## Choosing a Dependency Manager

- Use [pnpm](https://pnpm.io/) - This is just one recommendation, but it's too big of a topic to discuss here.

## Read More
- [Runespoor Engineering Playbook](https://runespoor-engineering.github.io/runespoorstack/docs/engineering-playbook/engineering-playbook-checklist)
- Tap the Star on the [Runespoor Stack](https://github.com/runespoor-engineering/runespoorstack) repository to support us.