teleren/devto huggingface dataset:
Join TemplateMonster Affiliate Program - Get up to 30% Commissions
Tags: webdev, website, webpack, webcomponents
Published: 2024-06-25 20:02:58

Have a website and want to monetize its traffic? Want to promote your marketplace products?

Join **TemplateMonster affiliate family** and convert your traffic into money.

Get up to 30% share from the sales your leads make; we will help you make it to the top!

**Sign Up URL**: https://rebrand.ly/templatemonsteraffiliate

**Why Become a TemplateMonster Affiliate?**

**TemplateMonster** has become a one-stop source of web design, development, and marketing products and services. People associate our brand name with the biggest collection of website templates, graphics, plugins, and other digital items. We are welcoming you to become a part of our affiliate community and grow together. Here is what we promise.

**How It Works?**

**TemplateMonster marketplace** provides beneficial terms and conditions for the affiliate partners. In addition to paying 30% for the initial client's purchase, we provide you with a set of free tools to help you with online promotion and marketing. The application process is easy; just follow these simple steps.

**1) Sign up for the program**

Create and verify a free account and get access to the affiliate admin panel.

**2) Share your unique referral URL**

Generate a referral URL with your affiliate ID and share it on your website, email, or social media.

**3) Check the statistics**

Track the traffic you send and see the related sales. The more leads you refer, the more profit you get.

**4) Earn commission**

Earn up to 30% commission for all new purchases, analyze your campaigns, and promote the highest-converting products.

**Sign Up URL**: https://rebrand.ly/templatemonsteraffiliate
Atomic Agents - New opensource library to build AI agents atomically
Tags: ai, python, agentic, github
Published: 2024-06-25 20:02:50

Hello all, I am the creator of **Atomic Agents**, A new multi-agent open source framework inspired by Atomic Design principles.

https://github.com/KennyVaneetvelde/atomic_agents

A lot of existing frameworks and methodologies for Agentic AI are focused on building autonomous multi-agent systems that you basically wind up and let go. While these can be fun to demo, they’re not always practical for real-world applications. Real-life companies aren’t looking for a bot that writes articles in a different style each time, with a different structure and a different tone. They want a bot that can write articles in a consistent style, with a consistent structure and a consistent tone that aligns with their brand. Beside fine-tuning a model, which requires a lot of data and money, and isn’t even possible if you really want to use the latest GPT model, there’s no practical way to gain full control of the output of these frameworks.

In business, management rarely allocates budget just to create something that’s cool but has no value. They want to see a return on investment. They want to see real business issues being solved and automated and cut costs. To achieve this, you need modularity, you need to be able to control the output, make sure it’s not a black box, make the output reproducible, and make it reliable. This is where Atomic Agents come in.

Since this framework is new, I'd love some feedback, suggestions, and PRs! I have been using it a TON and it's way easier than langchain, crewAI, ...

Feel free to get in touch with me on LinkedIn for business inquiries https://www.linkedin.com/in/kennyvaneetvelde/
DOM Event Handling
Tags: dom, event, javascript
Published: 2024-06-25 20:00:29

## What is an Event?
An event is an action or occurrence that happens in the browser, such as a user clicking a button, a webpage loading, or a mouse hovering over a link. JavaScript allows you to "listen" for these events and execute code in response.

---

## Common Types of Events
1. **Mouse Events:** `click`, `dblclick`, `mouseover`, `mouseout`, `mousedown`, `mouseup`, `mousemove`
2. **Keyboard Events:** `keydown`, `keyup`, `keypress`
3. **Form Events:** `submit`, `change`, `focus`, `blur`
4. **Window Events:** `load`, `resize`, `scroll`
5. **Touch Events:(for mobile)** `touchstart`, `touchend`, `touchmove`, 

---
## Event Listeners
To handle events, you need to set up event listeners. An event listener is a function that is called when an event occurs. There are several ways to add event listeners in JavaScript:

#### Using `addEventListener()`
The most recommended way to attach event listeners is by using the addEventListener() method. It allows you to add multiple events to the same element and provides better control over event handling.

```
document.getElementById('myButton').addEventListener('click', function() {
  alert('Button was clicked!');
});
```
#### Inline Event Handlers
You can also add event handlers directly in the HTML using attributes like `onclick`, `onmouseover`, etc. However, this method is less flexible and not recommended for modern web development.

```
<button onclick="alert('Button was clicked!')">Click Me</button>
```
#### Using DOM Properties
Another way to add event handlers is by setting the event property of a DOM element. This method can only attach one event handler at a time.

```
document.getElementById('myButton').onclick = function() {
  alert('Button was clicked!');
};
```

#### Event Object
When an event occurs, it generates an event object that contains useful information about the event. This object is automatically passed to the event handler function.

```
document.getElementById('myButton').addEventListener('click', function(event) {
  console.log('Event type:', event.type);
  console.log('Element:', event.target);
  console.log('Mouse coordinates:', event.clientX, event.clientY);
});
```

---

#### Removing Event Listeners
You can remove an event listener using the removeEventListener() method.

```
function handleClick() {
  alert('Button was clicked!');
}

document.getElementById('myButton').addEventListener('click', handleClick);

// Remove the event listener
document.getElementById('myButton').removeEventListener('click', handleClick);
```
---
Responsividade
Published: 2024-06-25 19:53:59



## 1. O que é responsividade?
Responsividade é a ténica de adaptar uma página web para vários dispositivos diferentes, ou seja, ocorrem mudanças no css baseadas na resolução. O recurso utilizado na responsividade é o "Media query". 

## 2. Configuração HTML para responsividade:
Inicialmente, é necessário adicionar uma meta tag no head: 
`
<meta name="viewport" content=""width=device=width, initial-scale="1.0">`

## 3. Media Query:
Media Query é o recurso que usamos para criar o breakpoints. Os breakpoints adaptam o projeto para os diversos tipos de tela. 
Ao configurar a largura, as regras são alteradas dependendo do tamanho da tela. 

## 4. Breakpoints mais utilizados:
4.1 600px e abaixo: celular. 
4.2 768 até 600px: tablets.
4.3 992px até 768px: mini-laptops. 
4.4 992px e acima: laptop e desktop.
What is Google Cloud Functions (simplified)?
Published: 2024-06-25 19:52:32

Google Cloud Functions is a service that runs specific code (a function) in response to events, without needing to keep servers running all the time.

**Key features:**

**Event-driven:** Functions are triggered or executed through HTTP requests, changes in database, or uploads to cloud storage

**Scalability:** Functions scales automatically based on incoming requests

**Serverless:** No need to manage servers

**A Simple Metaphor to Understand Google Cloud Functions:**

Imagine you run a bakery. 

In this bakery, you have a bell that rings whenever a customer enters, signaling the bakers to start baking a specific type of pastry based on the customer's request.

**The Bell:** This is like the event trigger in Google Cloud Functions. It could be an HTTP request, a new file uploaded to cloud storage, or a database update.

**The Bakers:** These are like the cloud functions. They are small, specific tasks (functions) that get executed in response to the bell ringing (event).

**The Recipe:** This is the code you write for your function, dictating what the bakers should do when the bell rings.

**The Bakery Manager:** This is Google Cloud, managing the bakers (functions). You don’t worry about hiring more bakers (scaling), ensuring they have the ingredients (resources), or dealing with their schedules (server management). The manager takes care of everything so that the right number of bakers are always ready to respond to the bell.

#cloudfunctions #serverless #gcp #googlecloud #cloud #google
BTC RECOVERY MADE EASY
Published: 2024-06-25 19:40:10

Picture this: you're sitting at your computer, feeling like a tech-savvy genius, as you watch the value of your Bitcoin steadily rise. It's like watching a thrilling roller coaster ride, but with dollar signs instead of loops. Life couldn't be better. But then, disaster strikes. In a moment of sheer panic, you realize that your precious Bitcoin has vanished into thin air. Poof! Gone. Cue the heart palpitations and the distinct feeling of wanting to crawl into a hole and never emerge again. How could this happen? Losing Bitcoin is more than just a financial setback. It's like misplacing the key to a vault filled with potential wealth. The urgency to recover those elusive coins becomes all-consuming. Whether your Bitcoin was stolen, lost due to a technical glitch, or simply misplaced in the vast abyss of the internet, you need help. And you need it fast. Because in the world of cryptocurrency, time is money, and every minute counts. Losing Bitcoin can feel like a swift kick to the gut. It's not just the financial loss that stings, but also the emotional toll it takes. You start questioning your own abilities, your decision-making skills, and maybe even your faith in humanity. That's where professional Bitcoin recovery services step in. They have the knowledge, experience, and the magical powers (okay, not really magical, but close) needed to track down and retrieve your precious digital treasure. Here we have SPYHOST CYBER SECURITY COMPANY’s super heroes. Helping people like you restore what's properly yours is their mission, and they accomplish it with a touch of magic, SPYHOST CYBER SECURITY COMPANY’s staff is an impressive group. They've refined their abilities in the shadowy realm of bitcoin recovery, always staying one step ahead of the hackers, con artists, and general miscreants that lurk on the internet. They are the ideal squad to have on your side because they possess a great deal of technical skill together with. Once you've entrusted your Bitcoin recovery mission to SPYHOST CYBER SECURITY COMPANY, they kick things off with an initial consultation. They'll listen to your story, ask the right questions, and assess the situation. Consider them your personal therapists for Bitcoin-related trauma. Reach out to SPYHOST CYBER SECURITY COMPANY with the given information. Email: Spyhost@cyberdude.com , whatsapp + 1(571) 478-7636
Top 7 Featured DEV Posts of the Week
Tags: top7
Published: 2024-06-25 19:38:26

_Welcome to this week's Top 7, where the DEV editorial team handpicks their favorite posts from the previous week._

Congrats to all the authors that made it onto the list 👏

{% embed https://dev.to/allieoopz/mike-mcquaid-on-15-years-of-homebrew-2oi7 %}
Allison shares an interview with Mike McQuaid, a project leader and longest tenured maintainer of Homebrew, a project utilized by tens of millions of developers. 

---

{% embed https://dev.to/cometkim/dealing-with-unicode-string-done-right-and-better-2nei %}
Hyeseong created a library to handle Unicode grapheme clusters and documents the process of creating, optimizing, and testing a high-quality library. 

---

{% embed https://dev.to/jessicagarson/choosing-between-an-index-level-api-a-query-an-aggregation-or-esql-in-elasticsearch-4668 %}
Jessica provides a comprehensive guide on selecting the appropriate method for data retrieval in Elasticsearch, comparing index-level API, queries, aggregations, and ESQL.

---

{% embed https://dev.to/isaachagoel/are-sync-engines-the-future-of-web-applications-1bbi %}
Isaac explores the potential of sync engines as a foundational technology for the future of web applications.

---

{% embed https://dev.to/m4xshen/how-i-grew-my-open-source-project-to-1k-stars-3mk2 %}
Max shares his journey and strategies for growing his open-source project to 1,000 stars on GitHub.

---

{% embed https://dev.to/magnificode/some-ux-design-principles-everyone-should-know-293k %}
Dominic outlines essential UX design principles that are crucial for creating user-friendly and engaging digital products.

---

{% embed https://dev.to/hetarth02/i-made-my-own-json-parser-4902 %}
Hetarth shares his experience and process of building a custom JSON parser from scratch, highlighting key challenges and learnings.

_And that's a wrap for this week's Top 7 roundup! 🎬 We hope you enjoyed this eclectic mix of insights, stories, and tips from our talented authors. Keep coding, keep learning, and stay tuned to DEV for more captivating content and [make sure you’re opted in to our Weekly Newsletter] (https://dev.to/settings/notifications) 📩 for all the best articles, discussions, and updates._
Key Elements of HTML: A Guide for Aspiring Web Developers
Tags: webdev, html, learning, programming
Published: 2024-06-25 19:32:47


Understanding HTML is fundamental to mastering web development. Here, I’ll highlight the key elements of HTML that every developer should know:

### **HTML Key Elements**

**1. `<html>`**: The root element, encapsulating all HTML content on a page.

**2. `<head>`**: Contains meta-information about the HTML document, such as its title and links to CSS files and scripts.

**3. `<title>`**: Sets the title of the web page, displayed in the browser tab.

**4. `<body>`**: The main container for all visible content, including text, images, and interactive elements.

**5. `<header>`**: Defines introductory content, typically containing navigation links and site titles.

**6. `<nav>`**: Represents a section with navigation links, facilitating user movement across the site.

**7. `<main>`**: Signifies the central content of a document, unique and essential for accessibility.

**8. `<section>`**: Organizes content into thematic groups, enhancing readability and structure.

**9. `<article>`**: Encloses independent, self-contained content such as articles, blogs, or news stories.

**10. `<footer>`**: Defines the footer for a document or section, typically containing contact info or links.

**11. `<div>`**: A versatile container for grouping and styling elements with CSS.

**12. `<p>`**: Defines paragraphs, the building blocks for text content.

**13. `<a>`**: Creates hyperlinks, enabling navigation between different pages or sites.

**14. `<img>`**: Embeds images, requiring the `src` attribute to specify the image source.

**15. `<form>`**: Structures interactive forms, enabling user input and data submission.

### **Conclusion**

Mastering these HTML elements is crucial for building well-structured, accessible, and visually appealing web pages. Whether you’re just starting out or looking to refine your skills, a solid understanding of HTML is indispensable for any web developer. Keep exploring, keep coding, and continue building amazing web experiences!

connect me on LinkedIn -
 https://www.linkedin.com/in/ridoy-hasan7

#WebDevelopment #HTML #LearnHTML #CodingBasics #WebDesign #TechSkills #WebDevJourney #LinkedInLearning #ProfessionalGrowth
Fundamental local Git not working.
Published: 2024-06-25 19:31:09

For reasons beyond the scope of this discussion thread, I have found the need to install git locally on my work windows 10 computer.  But from the command line, the basic commands are not recognized.  For example:

`git config`

gets the response:

```
'git' is not recognized as an internal or external command,
operable program or batch file.

```

Can anyone please offer suggestions or next steps I should try?
Join TemplateMonster Affiliate Program - Get up to 30% Commissions
Tags: webdev, website, webpack, webcomponents
Published: 2024-06-25 19:16:37

Have a website and want to monetize its traffic? Want to promote your marketplace products?

Join **TemplateMonster affiliate family** and convert your traffic into money.

Get up to 30% share from the sales your leads make; we will help you make it to the top!

**Sign Up URL**: https://rebrand.ly/templatemonsteraffiliate

**Why Become a TemplateMonster Affiliate?**

**TemplateMonster** has become a one-stop source of web design, development, and marketing products and services. People associate our brand name with the biggest collection of website templates, graphics, plugins, and other digital items. We are welcoming you to become a part of our affiliate community and grow together. Here is what we promise.

**How It Works?**

**TemplateMonster marketplace** provides beneficial terms and conditions for the affiliate partners. In addition to paying 30% for the initial client's purchase, we provide you with a set of free tools to help you with online promotion and marketing. The application process is easy; just follow these simple steps.

**1) Sign up for the program**

Create and verify a free account and get access to the affiliate admin panel.

**2) Share your unique referral URL**

Generate a referral URL with your affiliate ID and share it on your website, email, or social media.

**3) Check the statistics**

Track the traffic you send and see the related sales. The more leads you refer, the more profit you get.

**4) Earn commission**

Earn up to 30% commission for all new purchases, analyze your campaigns, and promote the highest-converting products.

**Sign Up URL**: https://rebrand.ly/templatemonsteraffiliate
Product idea (Feedback Required): hubhandle.com
Tags: discuss, community, startup
Published: 2024-06-25 19:05:32

Hey Folks,

In my previous post, I shared about nightsweekends s5.
{% embed https://dev.to/sauravshah31/this-is-for-you-lets-build-some-cool-stuff-15kn %}


This post is about what I am building. I would love to hear from you guys and appreciate your feedback.

[hubhandle.com](https://hubhandle.com/) is an easy-to-learn and simple-to-use tool to manage all your social media needs. 
The initial version of this tool will allow to publish a post across four social media platform: [Instagram](https://www.instagram.com/hubhandle/), Facebook, [LinkedIn](https://www.linkedin.com/company/hubhandle/), [X](https://x.com/HubHandleX). Over time, I plan to add more features to make [hubhandle.com](https://hubhandle.com/) a one-stop solution to for all your social media needs.

**HubXStream** will help you schedule all your posts across social media platforms.

**HubXSecure** will help you collaborate with other team members without sharing passwords.

**HubXIntellect** will help you create AI-generated posts tailored to your audience in a single click.

**HubXAnalytica** will provide real-time analytics of your posts and help you develop strategies.

**HubXAutomate** will help you automate your social media tasks with ease.

There are tools already available for these tasks, but they can be a little difficult to use. I want to make a tool that is simple to use so you can become an expert on day one.

Please share your thoughts and feedback. It will help me create a better product.

If any of you have also joined Nights and Weekends Season 5, comment on what you are building. Let's build some cool stuff together!


**Cheers🎉** ~ [sauravshah31](https://x.com/sauravshah31)
Updating a Record Creates a new Record
Tags: django
Published: 2024-06-25 19:02:13

I wish to update a record in Django using a form, but instead it creates a new record. I know it has to do with using get(), but I don't know how to fix it. Here is the relevant code:

my form:


```
class  AddRecordForm(forms.ModelForm):

	class Meta:
		model = Model2
		fields = ('field1', 'field2')
```
my Models:

```
class Model2(models.Model):

	id = models.CharField(primary_key=True, max_length=12)
	created_at = models.DateTimeField(auto_now_add=True)
	field3 = models.ForeignKey(Model3,  on_delete=models.PROTECT, related_name='master')
	field4 = models.PositiveSmallIntegerField()
	
	class Meta:
		ordering = ['id']
	
	def __str__(self):
		return(f"{self.field3} ")
```
		

```
class Model1(models.Model):

	field1 = models.ForeignKey(Model2,  on_delete=models.PROTECT, related_name='list')
	created_at = models.DateTimeField(auto_now_add=True)
	field2 =  models.PositiveSmallIntegerField(null=True, blank=True)
```

and my view:

```
def update_record(request, pk):

	
	record = Model2.objects.get(field2=pk)
	form = AddRecordForm(instance=record)
	if request.method == 'POST':
	        form = AddRecordForm(request.POST, instance=record)
		if form.is_valid():
			form.save()
			messages.success(request, "Record updated successfully!")
		return render(request, 'home', {})
		context = {'form':form}
	return render(request, 'update_record.html', context)
```
Any help would be very much appreciated. Thanks.
Want to learn Hacking ?!!
Published: 2024-06-25 19:00:22

Here is the best Website I've ever experienced in my hacking career

https://tryhackme.com/

read more about it on the internet if you want, don't want to make it the most boring post, anyhow lets hack together!!

The Best Part :- 
K.O.T.H 
King Of The Hill 
It's a legal hacking game where you hack with your friends or armatures and gain access to a machine and patch the vulnerabilities to stop others from Accessing it. 
Good Luck Beating [PROOSss] + Thats All
Carolina Carts and ATV
Tags: carts, atv, golf
Published: 2024-06-25 18:51:43

Carolina Carts and ATV
Address: 9221 Asheville Hwy, Boiling Springs, SC 29316, United States
Phone: (864) 7544598
Email: info@carolinacartsandatv.com
Website: https://carolinacartsandatv.com/
GMB Profile: https://www.google.com/maps?cid=842325918104985724

Carolina Carts and ATV, located at 9221 Asheville Hwy in Boiling Springs, SC, is your premier destination for all your recreational vehicle needs. 

Specializing in carts and ATVs, we offer a diverse range of top-quality products to fuel your outdoor adventures. Our expert staff is dedicated to providing exceptional customer service, guiding you through our extensive inventory to find the perfect vehicle and accessories to suit your needs.

Whether you're a seasoned off-road enthusiast or a newcomer to the world of outdoor recreation, Carolina Carts and ATV has something for everyone. Visit us today to explore our selection or give us a call at (864) 754-4598 for personalized assistance. Embark on your next adventure with confidence, knowing you've chosen the best at Carolina Carts and ATV.

Working Hours;
Mon - Fri: 9:00 am - 5:30pm
Sat: 9:00 am - 2:00 pm 
Sun: Closed

Keywords:CAROLINA CARTS & ATV, Boiling Springs Golf Cart