teleren/devto huggingface dataset:
¡Descubre los Mejores Casinos en Línea en Soles Peruanos en CasinoHexPE!
Tags: gamedev
Published: 2024-03-31 14:24:39

Si eres un entusiasta del juego en línea en Perú y buscas una emocionante experiencia de casinos soles peruanos, has llegado al lugar adecuado. En [casinos soles peruanos de casinohex.pe](https://casinohex.pe/casino-online/pen-soles/), te ofrecemos una selección cuidadosamente curada de los mejores casinos en línea que aceptan esta moneda local, permitiéndote disfrutar de tus juegos favoritos sin preocupaciones sobre conversiones de divisas.

## ¿Por qué Elegir Casinos en Línea que Aceptan Soles Peruanos?

Cuando juegas en un casino en línea que acepta soles peruanos, te beneficias de una serie de ventajas significativas. En primer lugar, evitas los costos y tarifas asociados con la conversión de tu moneda local a otras monedas utilizadas en los casinos en línea tradicionales. Esto te permite ahorrar dinero y disfrutar de una experiencia de juego más fluida y sin complicaciones.

Además, al jugar con soles peruanos, tienes un mayor control sobre tu presupuesto de juego. Puedes realizar depósitos y retiros en tu moneda local, lo que facilita el seguimiento de tus ganancias y pérdidas sin tener que realizar conversiones complicadas.

## ¿Qué Ofrecen los Casinos en Línea en Soles Peruanos en CasinoHexPE?
En CasinoHexPE, nos esforzamos por ofrecerte solo lo mejor en términos de casinos en línea que aceptan soles peruanos. Nuestra plataforma presenta una variedad de casinos cuidadosamente seleccionados que ofrecen una amplia gama de juegos, desde tragamonedas hasta ruleta, blackjack, póker y más.

Además, trabajamos con casinos en línea que cumplen con los más altos estándares de seguridad y fiabilidad y [aquí están los mejores Casinos Online en Perú para escoger dirigidos a principiantes](https://www.serperuano.com/2023/07/aqui-estan-los-mejores-casinos-online-en-peru-para-escoger-dirigidos-a-principiantes/). Puedes estar seguro de que tus transacciones financieras estarán protegidas y de que disfrutarás de una experiencia de juego justa y transparente en todo momento.

## ¡Únete a la Diversión en CasinoHexPE Hoy Mismo!
Si estás listo para sumergirte en la emocionante acción de los casinos en línea en soles peruanos, no busques más allá de CasinoHexPE. Nuestra plataforma te ofrece todo lo que necesitas para disfrutar de una experiencia de juego inigualable, desde una amplia selección de casinos confiables hasta consejos útiles y reseñas detalladas.
No esperes más, únete a nosotros hoy mismo y comienza a disfrutar de todo lo que los casinos en línea en soles peruanos tienen para ofrecer. ¡Buena suerte y que la fortuna esté de tu lado!
Tree shaking in Javascript - short explanation
Tags: javascript, webdev, beginners, tutorial
Published: 2024-03-31 14:13:58

`Tree shaking` is a term commonly used with Javascript and it refers to the process of eliminating dead code when trying to optimize it. 

Before moving further, we should first understand what "dead code" means: 

> Dead code refers to code that is not being executed and has no impact on the final output. If you have `unused variables and functions` or `lines that will never be reached`, you most likely suffer of an obvious case of "dead code".

Now that we understand what dead code is, you might ask yourself, when and why do we need to eliminate it?

**THE WHY**
When sending Javascript over the network, the code is often compressed. What this mean is that, in reality the code is much bigger after the browser decompresses it. Then the hard work starts: after is being downloaded by the browser, JavaScript must be parsed, compiled and then finally executed. Compared to other resources (images for example), Javascript is expensive to process, so we had to come up with ways of making the code more performant. 

**THE WHEN**
Among other techniques, tree shaking is one way we can improve Javascript's performance by reducing bundle size. 

>Bundle size refers to the combined file size of all JavaScript code, libraries, and dependencies that are bundled together and served to the end-user in their browser. 

Bigger bundle size means longer loading times, so the goal is smaller bundle sizes. Tree shaking can help us achieve that while the code gets compiled.

**THE HOW**
- We declare all of our `imports` and `exports` for each of our Javascript modules.
- The bundler (Webpack, Rollup, Parcel etc) analyzes our dependency tree during the compilation.
- All unused code is dropped from the final bundle.

**IMPORTANT - take advantage of the ES6 imports and exports**
If you want tree shaking to happen, you must use `exports` and `imports` in your modules. If you use `require`, the bundler isn't able to reliably tell what is actually exported or imported so it can't determine what code is safe to drop.

**RESOURCES**
- [Tree shaking](https://developer.mozilla.org/en-US/docs/Glossary/Tree_shaking)
- [Tree shaking with Webpack](https://webpack.js.org/guides/tree-shaking/)
- [How To Analyze Angular App Bundle Sizes](https://www.digitalocean.com/community/tutorials/angular-bundle-size)

**IMAGE SOURCE**
- [Pavel Danilyuk](https://www.pexels.com/@pavel-danilyuk/) on [Pexels](https://www.pexels.com/@pavel-danilyuk/)
Ibuprofeno.py💊| #67: Explica este código Python
Tags: spanish, beginners, learning, python
Published: 2024-03-31 14:02:34

## **<center>Explica este código Python</center>**
#### <center>**Dificultad:** <mark>Intermedio</mark></center>

```py
## Reto #67
my_dict = {"a":1, "b":2}
my_dict2 = {"x":-1, "y":-2}
print(my_dict | my_dict2)
```

👉 **A.** `{'a': 1, 'b': 2}`, `{'x': -1, 'y': -2}`
👉 **B.** `{'a': 1, 'b': 2, 'x': -1, 'y': -2}`
👉 **C.** `[{'a': 1, 'b': 2}, {'x': -1, 'y': -2}]`
👉 **D.** `({'a': 1, 'b': 2}, {'x': -1, 'y': -2})`

---

Respuesta en el primer comentario.
Creating an empty commit in Git
Published: 2024-03-31 14:00:00

Does this sounds familiar - a Continuous integration (CI) pipeline is stuck and you need to push a new commit to restart it?

So now you’re looking for a place where you can make a dummy change like deleting/adding an empty line, adding/deleting a dot in a comment - any change, so you can make a new commit and push it upstream.

“There must be a way to create empty commits” you tell yourself but you’re too busy looking for a place to make that dummy change instead of searching for a solution to your problem.

Well, there is a better way!

Git allows you to create an empty commit by simply adding the `--allow-empty` flag to the `commig` command. Here 👇

```shell
git commit -m "chore: empty commit" --allow-empty
```

Your job is done. 🎉

Thanks for reading. See you in the next post 😎

---

Thanks to my colleague [Morten Hansen](https://twitter.com/mvhmimo) for showing me this tip.

---

Photo by <a href="https://unsplash.com/@katetrysh?utm_content=creditCopyText&utm_medium=referral&utm_source=unsplash">Kate Trysh</a> on <a href="https://unsplash.com/photos/white-printer-paper-WX5jK0BT5JQ?utm_content=creditCopyText&utm_medium=referral&utm_source=unsplash">Unsplash</a>
Glam Up My Markup: Camp Activities
Tags: frontendchallenge, devchallenge, css, javascript
Published: 2024-03-31 13:47:47

_This is a submission for DEV Challenge v24.03.20, Glam Up My Markup: Camp Activities_

## What I Built
I have built a basic camping form page.
The only animation i used is the fire gradient which i have applied to submit button and it just glows infinite times which inspired from real camp fire.

<!-- Tell us what you built and what you were looking to achieve. -->

## Demo
<!-- Show us your project! You can directly embed an editor into this post (see the FAQ section from the challenge page) or you can share an image of your project and share a public link to the code. -->
{% codepen https://codepen.io/sai005/pen/YzMrzrW %}
## Journey
I will learn more CSS would like to improvise this again in the future.

MIT License
Copyright (c) 2024 Sai Charith P

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so.

Photo by <a href="https://unsplash.com/@joshhild?utm_content=creditCopyText&utm_medium=referral&utm_source=unsplash">Josh Hild</a> on <a href="https://unsplash.com/photos/brown-dome-tent-near-trees-at-night-8f_VQ3EFbTg?utm_content=creditCopyText&utm_medium=referral&utm_source=unsplash">Unsplash</a>
  
<!-- Tell us about your process, what you learned, anything you are particularly proud of, what you hope to do next, etc. -->

<!-- Team Submissions: Please pick one member to publish the submission and credit teammates by listing their DEV usernames directly in the body of the post. -->

<!-- We encourage you to consider adding a license for your code. -->

<!-- Don't forget to add a cover image to your post (if you want). -->


<!-- Thanks for participating! -->
LEGITIMATE BITCOIN RECOVERY SERVICES – DIGITAL WEB RECOVERY
Published: 2024-03-31 13:45:37

In the unfortunate event that you have ever misplaced or had your bitcoin stolen, Digital Web Recovery is the organization you ought to get in touch with. They are the go-to experts in the field since they specialize in helping individuals and businesses recover lost or stolen bitcoin. Losing or having your bitcoin stolen would be a horrible situation. Whether it's a phishing attempt, a hacking event, or a technical glitch, the consequences could be severe. Services for recovering bitcoins can assist with that. Businesses such as Digital Web Recovery, with their expertise and advanced tools, can help you navigate the complex world of cryptocurrencies and get your bitcoin back to its original owner. Regrettably, phishing attempts and frauds are common in the bitcoin space. These could trick you into giving up your private keys or login credentials by using phony emails, SMS, or websites. If you fall for these scams, you run the risk of losing your bitcoin, but with the help of experts like Digital Web Recovery, you can fight back and reclaim what is rightfully yours. When doing anything online, there's always a chance of hacking and data breaches. Hackers can concentrate on wallets, exchanges, or even particular users in order to gain access to bitcoin. When this happens, you need to act fast to recover your stolen money and get expert assistance. Technical problems or malfunctions can occur in even the most secure bitcoin wallets. You could feel helpless if this happens and you lose access to your bitcoin. Luckily, professionals like Digital Web Recovery are equipped with the know-how and resources necessary to assist you in resolving wallet issues and getting your priceless bitcoin back. Bitcoin's irreversibility is one of its distinctive features. It is impracticable to modify or undo a bitcoin transaction once it is officially confirmed. That being said, it can be quite challenging to get your bitcoin back without expert help if it is lost, stolen, or transmitted to the wrong address. Digital Web Recovery is formed by an ensemble of leaders with years of experience in the bitcoin recovery field. https://digitalwebrecovery.com  Their success in helping numerous individuals and businesses retrieve their misplaced or pilfered cryptocurrencies has made them well-known in the sector. You may get in contact with them by: Zohomail; digitalwebexperts@zohomail.com
Telegram user; @digitalwebrecovery
I am honored.
What Are AWS Lambda Function URLs And Why You Don’t Need API Gateway
Tags: aws, lambda, serverless, cloudcomputing
Published: 2024-03-31 13:43:06

API Gateway is a powerful, highly scalable and fully managed (rest) API service that AWS offers to you at very low charge (1 million calls per month for free).

AWS Lambda function URLs allow you to define an endpoint for your function which you can call directly from your front-end using a simple fetch request.

This makes it a very useful feature. Furthermore, you can configure security with CORS and IAM permissions for access & security management...

Read the full article here.

https://medium.com/success-with-aws/what-are-aws-lambda-function-urls-and-why-you-dont-need-api-gateway-0f8504e31984
Unveiling the xz Utils Backdoor which deliberately opens our SSH connections for RCEs
Tags: backdoor, security, linux, news
Published: 2024-03-31 13:26:18

Recently a bad actor, implemented a backdoor is one of the most widely used libraries in GNU/Linux distors; the xz compression suit. This backdoor lets the attacker to execute system() calls with no authentication; an RCE attack. 

It seems this bad actor; called "JiaT75" was planning for this during last 2 years and succeeded to do so after acquiring trust and becoming a trusted developer of the project. 

In this video I will explain the attack and the background knowledge needed to understand it. 

{% embed https://youtu.be/gyOz9s4ydho %}
Media Magic Unleashed!
Tags: webdev, html, responsive, beginners
Published: 2024-03-31 13:22:58

🌟 **Media Magic Unleashed!** 🌟

📸 Are you ready to add some flair to a mostly-finished Mozilla splash page? I just completed an exciting assessment that tasked me with injecting life into the page through captivating images and videos. Here's a glimpse into what I accomplished:

🎨 **Project Highlights:**
- **Image Preparation:** Using my favorite image editor, I crafted stunning 400px and 120px versions of essential images like firefox_logo-only_RGB.png, firefox-addons.jpg, and mozilla-dinosaur-head.png, ensuring they were optimized for web use.
- **Logo Integration:** Seamlessly embedded the small version of the Firefox logo into the page header, adding a touch of brand identity to the layout.
- **Video Embedding:** Skillfully inserted a YouTube video within the main article content, enhancing engagement and enriching the user experience.
- **Responsive Image Implementation:** Implemented responsive images within further-info links, ensuring optimal display across various viewport sizes and devices.
- **Art Direction:** Leveraged the power of <picture> elements to deliver an art-directed experience for showcasing the adorable red panda, dynamically adjusting image size based on viewport width.

🔍 **Key Takeaways:**
- **Optimization is Key:** Prioritize image optimization to strike a balance between visual quality and page load speed.
- **Testing Matters:** Utilize tools like the W3C Nu HTML Checker and browser developer tools to ensure flawless execution and responsiveness across different environments.
- **Focus on Content:** With CSS styling already taken care of, concentrate on elevating the visual appeal and functionality of media elements.

Ready to make your web projects pop? Dive into the world of media embedding and transform your digital creations into captivating experiences!

#WebDevelopment #HTML #ImageOptimization #MediaEmbedding #Mozilla #TechSkills #CodingChallenge

Engage with comments and share your own experiences with media integration. Let's inspire each other to push the boundaries of web design! 💡💬
QueryX: A Lightweight JavaScript Library for DOM Manipulation
Tags: javascript, jquery, queryx, glijs
Published: 2024-03-31 13:14:39

# Introducing QueryX: A Lightweight JavaScript Library for DOM Manipulation

As developers, we often find ourselves needing to manipulate the DOM to create dynamic and interactive web applications. That's where QueryX comes in – a lightweight JavaScript library that provides a jQuery-like interface for DOM manipulation and traversal.

{% github https://github.com/SH20RAJ/QueryX %}

> https://sh20raj.github.io/QueryX/

## What is QueryX?

QueryX offers a simplified and more lightweight alternative to jQuery, with a focus on ease of use and efficiency. Whether you're selecting elements, adding or removing classes, manipulating attributes, or traversing the DOM tree, QueryX has got you covered.

## Features

- **DOM Selection:** Easily select elements using CSS selectors.
- **DOM Manipulation:** Add, remove, and modify elements and their attributes.
- **Event Handling:** Attach and detach event handlers to elements.
- **DOM Traversal:** Traverse the DOM tree with ease.
- **Chaining:** Chain multiple operations together for cleaner code.

## Why Choose QueryX?

1. **Lightweight:** QueryX is designed to be lightweight and efficient, making it ideal for projects where performance matters.
2. **Simplified Syntax:** Say goodbye to verbose code. QueryX provides a clean and intuitive syntax for DOM manipulation.
3. **Versatile:** From simple tasks like adding a class to complex DOM traversal, QueryX offers a wide range of methods to handle various scenarios.
4. **Easy to Learn:** If you're familiar with jQuery, you'll feel right at home with QueryX. The syntax is similar, making it easy to transition.

## Getting Started

To get started with QueryX, include the `queryX.js` file in your project:

```html
<script src="path/to/queryX.js"></script>
```

Alternatively, you can use a CDN link:

```html
<script src="https://cdn.jsdelivr.net/gh/SH20RAJ/QueryX@main/QueryX.js"></script>

```
or

```html
<script src="https://cdn.jsdelivr.net/npm/queryxjs"></script>
```

## Example Usage

Here are a few examples to showcase QueryX's capabilities:

### Adding a Class

```javascript
queryX('div').addClass('highlight');
```

### Appending Content

```javascript
queryX('.container').append('<div class="new-element">New Element</div>');
```

### Event Handling

```javascript
queryX('button').on('click', function() {
    queryX(this).toggleClass('active');
});
```

## Contribution and Feedback

QueryX is an open-source project, and contributions are welcome! If you have suggestions, bug reports, or feature requests, feel free to open an issue or submit a pull request on [GitHub](https://github.com/SH20RAJ/QueryX).

## Try QueryX Today!

Ready to simplify your DOM manipulation? Give QueryX a try in your next project! Visit the [GitHub repository](https://github.com/SH20RAJ/QueryX) to get started.

Happy coding with QueryX!
Portr: open-source self-hosted tunnel designed for teams
Tags: showdev, go, python, svelte
Published: 2024-03-31 12:53:03

[Portr](https://portr.dev) is an open-source, self-hosted tunnel designed for teams. It lets you expose your local http/tcp connections to the public internet. It uses SSH remote port forwarding under the hood to tunnel connections.

{% embed https://github.com/amalshaji/portr %}

## Features

* Quickly expose http/tcp connections using the portr cli
    
![cli](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/4yyfovj4cksmktr96jfc.png)
    
* Admin dashboard to monitor connections, and manage teams and members. [Watch video](https://youtu.be/P37la8DjrzA).
    
![admin dashboard](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/t5gh20v9a0iaam8ii1vl.png)

* Portr inspector to inspect and replay HTTP requests. [Watch video](https://youtu.be/hhbte2JI3qk).

![portr inspector](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/6r4hj5q4sbntu9mog807.png)

All the logs are stored on a sqlite database on the client side.
    

## Built using

* go for the tunnel and proxy (to map remote ports to a subdomain).
    
* python for the admin dashboard server.
    
* svelte for the portr inspector and admin dashboard UI
    
* postgres for the main data store (for admin-related data)
    
* sqlite for storing request logs on the client side
PicoCTF 2024- CanYouSee
Tags: learning, cybersecurity, community, writing
Published: 2024-03-31 12:51:43

Can you see 👀? It's right there! Activate your lenses and find me.😺


Hey-hey, if you want to put another brick in the tower, follow along this write-up. 

The description (see the photo below) is a great hint itself, because it's clear for us the answer is veiled.

![descr](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/szvj9t78f2v7lxid9ygg.png)

That's why, after downloading the attachment, the very first thing is to go on [Aperi'Solve](https://www.aperisolve.com/). Actually, this challenge has some similarities with Easy-Hide from Unbreakable 2024 💡([check-out my write-up](https://dev.to/yowise/unbreakable-2024-easy-hide-2fb7))


What caught my interest 👇


![hint1](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/9is30p2tf410kbi9rpd9.png)

which can also be found here 👇

 ![hint2](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/fs579d8f657k7i67m1ri.png)

❓All right, but it's just a bunch of non-sense text! Is this the flag? 

❗This is indeed the flag, but the text is **encrypted** with Base64. _Usually_, the presence of padding character "=" indicates that's Base64 type of encoding (but that's only one of the hints).  To decrypt it, we can use [CyberChef](https://gchq.github.io/CyberChef/). Copy-paste the text and we either:

👉use the magic wand (which is not 100% present, but when it's there, it could be a great help)


![hint](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/g7fmx2g4y5r6028e40co.png)




👉directly validate our guess by selecting **From Base64** option 


![base64](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/1vregz2p5c76pyhbbrco.png)

One option or another will have the same result. ✨


![flag](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/5s5vyum4pa7yyoiae8pn.png)
 
And...that's the flag! Hidden in **meta-data**. 😉

------------------------
That's it! Congrats! You consolidate your knowledge day by day!  👏

What are your thoughts?