teleren/devto huggingface dataset:
Create your HTML forms without server for free! 💪🤑
Tags: webdev, beginners, staticwebapps, frontend
Published: 2023-06-19 08:47:52

Would you like to integrate a html contact form into your website **without setting up a server**?

I have the solution for you! **A free service** that takes care of everything.


## Table of Contents:
1. Service Introduction (Free)
2. Obtaining the API Key (30 seconds)
3. Setting up the Form
4. Conclusion


## 1. Service Introduction (Free)
Today, I present to you [web3forms.com](https://web3forms.com) . There are many similar services, but according to my research, this one offers the best free package.

Currently, you will have **free access** to:
- Unlimited Forms
- 250 Monthly Submissions

I find this to be more than sufficient, especially for a portfolio website.
Additionally, if you wish to deploy the solution on multiple sites, you can simply provide a different email address..


## 2. Obtaining the API Key (30 seconds)
Go to [web3forms.com/#start](https://web3forms.com/#start), and scroll down to :
![api key request](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/slbyv4wa17to2m647mm9.png)

Once you have registered your email address (**do not use a disposable email, as this is where you will receive the messages**), you will receive your API key via email:
![api key mail](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/0xqpjzg6bixrvg02nexn.png)
**And there you have it, you now have your API key!**


## 3. Setting up the Form
To set up your form, create your form using the POST method.
Then, simply add the web3form URL.

```html
<form action="https://api.web3forms.com/submit" method="POST">

    <input type="hidden" name="access_key" value="YOUR_ACCESS_KEY_HERE">

    <input type="text" name="name" required>
    <input type="email" name="email" required>
    <textarea name="message" required></textarea>
    <button type="submit">Submit Form</button>

</form>
```
And that's it, you're done! Here's a practical example:
![Gif of form submition](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/wyvh6vo00976rs0d6jjc.gif)

You will receive the form information via email:
![mail received by web3form](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/se36dtkzwsqodponoesr.png)


## 4. Conclusion
It doesn't get any easier than this. This solution allows you to quickly deploy forms. 
You can further enhance it with Captchas and verifications, but it remains just as simple.

Feel free to ask any questions or provide any feedback. And don't forget to subscribe and like!😊
Backfilling customer plans with JS and Mongo
Tags: javascript, mongodb, hacks, productivity
Published: 2023-06-19 08:13:11

Here is another of those days when we saved our time drastically. We introduced a feature called plans for our customers. The product now had two plans - STANDARD and PREMIUM. But we had to backfill data for all the organisations now. That was going to be a headache. 

We could either write a script that could do this. But that meant checking the code into the repository. We wanted an easier way since the new feature was already in production.

Luckily we use mongoDb and mongo has a JS shell. And so this is the magic that worked for us - 

```javascript
db.getCollection('organizations').find({})
.forEach(function(organization) {

    const existingPlan = db
    .getCollection('organization-subscription-plans')
    .findOne({ 
        _id: organization._id, 
        planId: <id>, 
        status: <status> 
    });

    if (!existingPlan) {
        db.getCollection('organization-subscription-plans')
        .insertOne({
            organizationId: organization._id,
            planId: <id>,
            status: <status>,
            startDate: <date>,
            expirationDate: <date>
        });
    }
});

```

And before you know it, all our customers were welcomed into our base plan. Yippeee!!!

P.S. Use the Mongo Compass shell if you have a lot of data as RoboMongo keeps erroring out on timeout.
AZ-500 Exam Dumps: Master the Microsoft Azure Security Concepts
Tags: webdev
Published: 2023-06-19 08:11:25

# Conclusion
Using high-quality AZ-500 exam dumps is an excellent way to achieve your Azure security career goals. These resources provide a comprehensive <a href="https://dumpsboss.com/microsoft-exam/az-500/">AZ-500 Exam Dumps</a> understanding of the concepts and skills required for success in this field. They also offer practical hands-on experience that can help you gain confidence in your abilities.

However, it's essential to emphasize that exam dumps should not be the only tool you use when preparing for the AZ-500 certification exam or pursuing a career in Azure security. While they are valuable resources, it's crucial to supplement them with other materials such as official documentation, online courses, and real-world experience.

Furthermore, it's necessary to find reputable vendors who offer updated and accurate exam dumps. Not all providers are created equal; therefore, you need to do thorough research before investing time and money into any resource.

Achieving success in the Azure security industry requires dedication, perseverance, and continuous learning. Using high-quality AZ-500 exam dumps can be part of your overall strategy but remember always to seek out additional resources and stay up-to-date on industry developments.
# What are AZ-500 exam dumps?
AZ-500 exam dumps are study materials designed to help individuals prepare for the Microsoft Azure Security Engineer Associate certification exam. These dumps contain practice questions and answers that help test takers familiarize themselves with the structure and content of the actual exam.

They can come in different formats, including PDF files, online quizzes or even video tutorials. Most AZ-500 dumps also include detailed <a href="https://dumpsboss.com/microsoft-exam/az-500/">AZ-500 Dumps</a> explanations of each answer so that candidates can understand why certain choices are correct or incorrect.

Using AZ-500 exam dumps is an excellent way to supplement your study material and ensure you're ready for the certification test. It's important to note though that they should not be solely relied upon as a means of studying for the exam since they do not guarantee success on their own.

AZ-500 exam dumps can be a helpful addition to your study routine but shouldn't be used as a replacement for official Azure Security Engineer Associate training materials provided by Microsoft.

Unlock Your Potential with Our Exclusive Offer! >>>> https://dumpsboss.com/microsoft-exam/az-500/
Nginx TCP transparent proxy
Tags: tutorial, devops, networking
Published: 2023-06-19 08:07:57

So we have a setup like this:

![Nginx and upstream configuration](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/05tlidc1lxbxs7xsd1qx.png)

## Set gateways to local and external networks:

```yaml
network:
  ethernets:
    ens3:
      addresses:
        - 192.168.229.10/24
      gateway4: 192.168.229.15 # NGINX transparent proxy
      nameservers:
        addresses:
        - 192.168.222.8
        - 192.168.222.2
      routes:
        - to: 192.168.222.0/24
          via: 192.168.229.254 # Known gateway to internal network
  version: 2
```

Create a policy where all packets marked with 1 will be routed to loopback interface for nginx processing.

## **ip rule add fwmark 1 lookup 100**

Firewall marks are a feature of the Linux kernel's networking stack that allow you to "mark" packets with a certain value, which can then be used for making routing decisions. This can be useful for complex network setups where you need to route traffic differently based on criteria other than the destination IP.

In this case, the rule is saying that any packets with a firewall mark of **`1`** (which would have been set by a previous step, perhaps an iptables rule) should use routing table **`100`**.

## **ip route add local 0.0.0.0/0 dev lo table 100**

This command adds a route to table **`100`** that sends all traffic (**`0.0.0.0/0`** represents all IP addresses) to the loopback interface (**`lo`**).

The **`local`** keyword is used to indicate that these packets are to be treated as local and not to be forwarded. This is typically used when the system itself will be processing the packets, rather than forwarding them on to another network.

So this rule is saying that any traffic which gets directed to table **`100`** (such as by the previous **`ip rule`** command) should be sent to the local loopback interface.

## **firewall-cmd --permanent --direct --add-rule ipv4 mangle PREROUTING 0 -p tcp -s 192.168.229.10/31 --sport 3232 -j MARK --set-xmark 0x1/0xffffffff**

This command adds a permanent direct rule to the firewalld configuration, which marks TCP packets with a source IP address in the range `192.168.229.10/31` and a source port of `3232` in the PREROUTING chain of the mangle table. The mark value is set to `0x1` with a mask of `0xffffffff`.

## **Add directives nginx configuration:**

```nginx
server {
    listen 3232;
    proxy_bind $remote_addr transparent;
    proxy_pass sftp1;
}
```

Enable NGINX transparent proxy handling.

## TLDR

- Change gateway address to NGINX to send all responses to spoofed packets back to NGINX.
- Configure iptables/nftables to mark incoming traffic from upstream.
- Create a rule and a routing table to send marked traffic local processing for nginx to pick it up.
Chat GPT-4: A Powerful Tool for Businesses
Tags: chatgpt, tools, chatgpt4, programming
Published: 2023-06-19 07:55:38

Absolutely! Chat GPT-4 is an incredibly powerful tool that can greatly benefit businesses across various industries. It builds upon the advancements of previous models and offers even more capabilities for businesses to leverage. Here are some ways in which **[Chat GPT-4](https://www.webcluesinfotech.com/what-are-the-game-changing-features-in-chatgpt-4)** can be a valuable asset:

**1.Enhanced customer support**: 
Chat GPT-4 can provide intelligent and responsive customer support, handling a wide range of inquiries and offering personalized assistance. It can understand and address customer concerns, provide product recommendations, troubleshoot issues, and even process transactions, reducing the need for human intervention and improving overall customer satisfaction.

**2.Virtual sales assistant**: 
With its advanced language understanding and conversational abilities, Chat GPT-4 can act as a virtual sales assistant. It can engage with customers, understand their preferences, and guide them through the purchasing process. By offering personalized recommendations and addressing customer queries, it can enhance the online shopping experience and increase conversions.

**3.Market research and insights**: 
Businesses can utilize Chat GPT-4 to gather valuable market research and insights. By interacting with users and analyzing their conversations, it can identify trends, preferences, and pain points. This data can help companies refine their strategies, develop new products or services, and make informed business decisions.

**4.Content generation**: 
Generating content is a time-consuming task for many businesses. Chat GPT-4 can assist in generating high-quality content, such as blog posts, social media updates, product descriptions, and more. It can understand specific requirements and create tailored content that aligns with a company's brand voice and objectives, saving valuable time and resources.

**5.Training and onboarding**: 
Chat GPT-4 can be used to develop interactive and engaging training modules for employees. It can provide real-time guidance, answer questions, and simulate scenarios to help new hires or existing staff enhance their skills. This reduces the need for extensive training resources and improves the efficiency of the onboarding process.

**6.Language translation and localization**: 
For businesses operating globally, Chat GPT-4's language translation capabilities can be immensely beneficial. It can help bridge language barriers by providing real-time translation during customer interactions or assisting with content localization, enabling businesses to expand their reach and cater to a wider audience.

It's important to note that while Chat GPT-4 can offer substantial advantages, it's not without limitations. Ethical considerations, potential biases, and the need for human oversight remain critical factors when deploying AI models in a business context.
How to use Github in a team project 🤝
Tags: github, teamwork, beginners, tutorial
Published: 2023-06-19 07:32:26

**Are you working on a team project using GitHub for the first time? 
Start here!**

Working in a group project can be intimidating. 

Step 1: Add collaborators to the github repository

Step 2: Each collaborator needs to clone the project onto their local device

Step 3: Create a new branch for each feature!!

**This is arguably the most important step, as it will help keep your git history in order.** To create a branch, you will need just a few lines of code:

`git pull` when you are in the main branch of the project
`git checkout -b Branch_Name` to create your branch

Step 4: Edit your code and push your branch to the main
`git add .`
`git commit -m "Clear Commit Message"`
`git push -u origin Branch_Name`

Step 5: Merge your changes to the main
`git checkout main`
`git merge Branch_Name`

In a perfect world, this last step will go smoothly .. but say you and another collaborator have been editing the same files in different branches. When you push, this may lead to a (git) conflict.

Step 6: Resolve any conflicts in your editor or directly on github

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

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

Step 7: Once conflicts have been resolved, push to the main
`git checkout main`

Step 8 (optional): It's a good idea to delete your branch after it has been merged to the main
`git branch -a` will show all the branches in your project
`git branch -D Branch_Name` to delete a branch

**Step 9: Enjoy your fully functional project!**
InstaAero APK v22.0.0 Latest Version 2023
Published: 2023-06-19 07:24:57

Instagram is the most popular social media application. Create an account to connect with your friends, celebrities, athletes, musicians, singers and bands. Share your happy moments. Memes are the most entertaining entertainment available. You'll find pages that are relevant to your interests.

Instagram has so many features to explore. There are some downsides, such as the fact that you cannot download any media, there are ads and no fast-forwarding of video. These features should be included in the official version, but aren't. Insta Aero APK is a version of Insta that includes all the features mentioned above.


## What is Insta Aero 2020?

[AeroInsta Download 2023](https://aeroinsta.net/) is an altered version of Instagram. It was developed to provide users with more useful features not found on Instagram. You can download media files and video, without ads. It also has an in-app browser. You can set up so many privacy settings.

Aero Insta is available in a variety of colors: Dark Green (also called Dark Red), Dark Blue (also known as Dark white), Dark gold, and Extra Dark. It is more stable and has more features than other Insta Mods. You don't even have to remove the official app. Both apps can be used without any problems.

## Download Media Files

Instagram does not allow you to download photos, videos or stories. We come across many funny videos, cool memes & cool photos that we would like to share or download. We can't do it in the official app. In this Insta MOD the developers have added the ability to download media. In the lower right corner, you will find a button to download media. Tap the button to download media. In the settings, you can enable "Three Tap Download". The post will be downloaded automatically if you tap three times.


## Split downloads by Username

After downloading, this feature is most important. This feature automatically creates subfolders and saves downloaded media files in the respective folder for each user. You'll always know where the file is. You don't need to search through a large collection of downloaded files. You can easily find any downloaded files.


## Lock Insta

You can create a PIN or fingerprint to lock your app. This will protect your account against unauthorized access. Other users will be unable to open the application even after unlocking their phone. You can also create a timeout. The app will lock itself when the time you set in the timeout expires.

## Closure
Instagram is a social media app that no one can deny. You can connect with family, friends and celebrities. [Aero Instagram](https://aeroinsta.net/tr/) is the MOD version of this app. It offers many more features than the official version. These include privacy settings, posts, and a user-friendly interface. Its added features & stability make it superior to other mods. Why are you still reading? Download it now & enjoy the features. Enjoy your day!
📢 Uplifting Black Technologists: Spotlight on CODE2040
Tags: juneteenth, blacklivesmatter, community, career
Published: 2023-06-19 07:00:00

Here at DEV, we're dedicated to honoring Juneteenth and highlighting initiatives and organizations that empower Black and African-American technologists. Black Lives Matter, and we celebrate these orgs for their contributions toward creating futures for Black people and African-Americans while shaping our industry for the better.

Today, we want to focus our attention on an exceptional organization making a significant impact: [CODE2040](https://www.code2040.org).

CODE2040's mission is to activate, connect, and mobilize the largest racial equity community in tech. They are committed to breaking down the structural barriers that hinder the full participation and leadership of Black and Latinx individuals in the innovation economy. Their goal is to achieve an equitable distribution of power in a digitally revolutionized economy, with proportional representation at all levels and roles for Black and Latinx individuals.

CODE2040 firmly believes in the power of collective action. As a growing movement of Black and Latinx technologists, allies, and advocates, they actively support, celebrate, and include others in their mission to transform the tech industry into an equitable and inclusive space.

Recognizing the need for structural change, CODE2040 continuously experiments with new approaches, shares knowledge, and identifies patterns that can drive industry transformation. They learn from technologists, companies, universities, and others to create meaningful and lasting change.

Embracing the complexity of reality, CODE2040 values multiple truths. They make decisions by involving those most affected, relying on data-driven insights, and navigating tradeoffs for progress. By combining data and lived experiences, they foster a comprehensive understanding of the challenges they face.

---


**CODE2040 Events & Fellows Program**
CODE2040 organizes a range of events, including gatherings, workshops, and programs tailored to Black and Latinx individuals in the tech industry. These events provide invaluable opportunities for networking, learning, and career development. Their flagship event, The Summit, is an annual conference held in San Francisco. Additionally, their Fellows Program, an intensive career accelerator, offers internships at top tech companies, racial equity advocacy work, and real-world projects in various domains such as software development, data analysis, design and user experience, marketing and outreach, and operations and strategy. The program has expanded nationwide, allowing participants to join virtually from anywhere. [Find out more about the Fellows Program here](https://www.code2040.org/fellows-program).

---


Join us in celebrating Juneteenth and supporting CODE2040's incredible work in advancing racial equity in the tech industry. Together, we can shape a better, more inclusive future for all. 🙌
Honoring Juneteenth: Reflecting on History & Empowering Change
Tags: juneteenth, blacklivesmatter, meta
Published: 2023-06-19 07:00:00

While our community spans the globe, and many of our members may not be intimately familiar with all the holidays and significant events we observe as a company, Juneteenth holds relevance for people worldwide. And for that reason, we'd like to take a moment to acknowledge the significance of this historic holiday and what it means to all of us here at DEV. 

On this day in 1865, Union civil war soldiers, led by Major General Gordon Granger, arrived in Galveston, Texas, bearing news that the war had ended and that previously enslaved Black individuals in the United States were now declared free.

We now refer to this day — June 19th — as Juneteenth. It is an opportunity for Americans to celebrate a significant milestone in the journey toward freedom for all people. It also offers non-Black Americans a chance to uplift Black joy while reflecting on our nation's history. Because of that, DEV officially recognizes Juneteenth as a holiday. We believe it is important to provide our team with the opportunity to commemorate this day. Family and community hold great significance on Juneteenth and it's crucial to make space for folks to come together in local gatherings and celebrations; to share meals and organize cookouts; and to attend musical performances, historical reenactments, and street fairs.

While there is still much work to be done in achieving a truly equal society, we recognize that we cannot sustain the long-term fight without taking time to celebrate achievements and reflect on the ongoing need for change.

DEV serves as a hub for programmers and technologists to come together, engage in discussions about technology, learn, teach, and find inspiration. However, none of these activities can be effectively or safely accomplished within a system that fails to empower all individuals. As members of the DEV community, we have the opportunity to be agents of positive change. Let's stand united in pursuit of a better, more equitable tech community.

Happy Juneteenth, everyone! Let's spread joy and unity as we commemorate this significant day. And in the spirit of celebration and progress, let's strive to be excellent to one another. :heart: ✨
What's the Deal with OOP?
Tags: discuss, beginners, codenewbie
Published: 2023-06-19 07:00:00

Can you help a CodeNewbie out and explain the concept of OOP (Object-oriented programming) in simple terms? It would be extra awesome if you could share an example of how you've implemented OOP principles in one of your projects. Maybe you've utilized classes, inheritance, or encapsulation? 

Tell us about your experience and how OOP has enhanced your projects. 
---
Follow the [CodeNewbie Org](https://dev.to/codenewbieteam) and [#codenewbie](https://dev.to/t/codenewbie) for more discussions and online camaraderie!

*{% embed* https://dev.to/codenewbieteam *%}*
Reimagining the Programming Industry: What Would You Change and Why?
Tags: discuss
Published: 2023-06-19 07:00:00

If you had the ability to transform one aspect of the programming industry, what would it be? Share your vision for a different -- maybe better? -- programming industry, and let's ignite a discussion that could inspire real change!

Follow the DEVteam for more discussions and online camaraderie!

{% embed [https://dev.to/devteam](https://dev.to/devteam) %}

[Image by pch.vector on Freepik](https://www.freepik.com/author/pch-vector)