teleren/devto huggingface dataset:
Make a Difference on DEV as a Tag Moderator
Tags: meta, community, moderation, learning
Published: 2023-04-07 14:35:51

## Make Your Mark on the DEV Community Experience by Becoming a Tag Moderator

Tag moderators play an important role in helping to organize and manage the content of our community. If you want to make a difference here on DEV and for the developer community, consider joining our team as a tag moderator. Here are a few benefits:


![A picture of a bunch of white fish going in one direction and a yellow fish going in the other direction](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/9azv28p4q61vkyurj2pw.png)

### Opportunity for leadership and influence: 
As a tag moderator, you'll have the opportunity to take on a leadership role in the community and influence the direction of the conversation by highlighting certain topics and content.

> Share your knowledge and area(s) of expertise by supporting other community members, elevating constructive conversations and content, and answering questions.

![A little kid with cardboard wings on their back running in a field](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/n1m4l3qd59g1jb062zqe.png)

### Personal development:
Being a tag moderator is a valuable and rewarding experience for those of you who are dedicated to improving the content of an online community.

> Learn more about the community and gain new skills such as conflict resolution, communication, and leadership.

![A bunch of cartoon people working with each other to put together a puzzle](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/55aqhx0st8p0lbpdjehc.png)

### Better organized content and improved searchability:
By helping us ensure that content is properly categorized and tagged, you can improve the searchability of the community and make it easier for our users to find the information they’re looking for.

> Users are more likely to have a positive experience and return to the community in the future when content is organized and easy to find.


[Interested? Complete this form and we’ll be in touch!](https://docs.google.com/forms/d/e/1FAIpQLSfrhAb82gHqbmf4jWhay0MrkAZe7ZX092Sp7Doz0MQt1ic79w/viewform?usp=sf_link)

---


Some other tasks our tag moderators help us do:

- Report spam, abuse, and plagiarism
- Welcome new community members
- Foster an inclusive environment
- Instruct users on DEV features
- Discourage promotional abuse
- Promote quality posts
- Manage post tags



And some additional perks we give back to you:

- Monthly MOD Gametimes
- An Invitation to our DEV MOD Discord Channel
- Opportunities to represent DEV at tech conferences
- Power! Bwa-ha-ha! (Please use it for good.)
- DEV cred and kudos! AKA: the adoration of our Community Team and the opportunity to earn exclusive MOD badges
- It looks great on your resume!


![A hand with a crown in its palm](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ngv7w3lhd7w423009nkv.png)

[What are you waiting for?](https://docs.google.com/forms/d/e/1FAIpQLSfrhAb82gHqbmf4jWhay0MrkAZe7ZX092Sp7Doz0MQt1ic79w/viewform?usp=sf_link)
Popups and Modals with Doodle
Published: 2023-04-07 14:33:54

{% youtube niqwovYBXio %}

## Doodle [0.9.1](https://github.com/nacular/doodle/releases/tag/v0.9.1) brings popups, modals, enhanced text rendering and more...

* First-class support for [Popups](https://nacular.github.io/doodle/docs/modals)
* Flexible [Modals](https://nacular.github.io/doodle/docs/modals#modals) built using the new `PopupManager`
* More Powerful [Text Rendering](https://nacular.github.io/doodle/docs/ui_components/overview#label)
* New [LazyPhoto](https://nacular.github.io/doodle/docs/ui_components/overview#lazyphoto) Widget
* New [API Docs](https://nacular.github.io/doodle-api/) Site

[**Doodle**](https://github.com/nacular/doodle) is a pure Kotlin UI framework for the Web (and Desktop), that lets you create rich applications without relying on Javascript, HTML or CSS. Check out the [documentation](https://nacular.github.io/doodle) and [tutorials](https://nacular.github.io/doodle-tutorials) to learn more.
W13HW
Published: 2023-04-07 14:12:42

- How many elements did you end up going with? Why did you break it up that way? 
Broke it up in 4 parts, search bar, badges, searching, and the project. Splitting it up this way is easier because it's split everything up properly.
- What was the hardest aspect of this?
The hardest aspect of this was to get the search bar to work. And currently working on getting the images to show on the badges from downloading them. 
- What part of this project was easier than you expected?
Being able to use the inspect on the badges website and compare how we should be doing it. Also doing the actual badges, and making the colors was easier than expected. 
- project:
https://github.com/gleyze/project-2
Real-world usage of Map and Set data types of JavaScript
Tags: javascript, programming, performance, beginners
Published: 2023-04-07 14:09:47

If you are a JavaScript developer, you may have come across the Map and Set data types. When I first learned about these concepts, I had no idea how they would help me with real-world projects. But don't worry, I will share some examples of how I have used the concepts of Map and Set in my own projects.

_If you don't know about the concept [read here](https://javascript.info/map-set)_

**1. Removing duplicates from an array**

Set data type won't allow duplicate values, so creating a new set from the array will give us an array with unique values.

```
const array = [1, 1, 2, 3, 4, 5, 5];
const uniqueValuesArray = new Set(array);
console.log([...uniqueValuesArray ]); // [1, 2, 3, 4, 5]
```

**2. Storing and retrieving key-value pairs**

Maps are useful for storing and retrieving key-value pairs in JavaScript. This makes them ideal for building data structures and managing data in applications.

```
const userMap = new Map();
userMap.set('John', { age: 25, location: 'New York' });
userMap.set('Jane', { age: 30, location: 'Los Angeles' });
console.log(userMap.get('John')); // { age: 25, location: 'New York' }
```

**3. Efficient lookup**

Sets and Maps can be used for efficient lookups. For example, if you have a large dataset and you need to check if a value exists in it or not, a Set would be more efficient than looping through the entire dataset to find the value.

```
const values = new Set([1, 2, 3, 4, 5]);
console.log(values.has(3)); // true
console.log(values.has(6)); // false
```

**4. Counting occurrences**

Sets can be used for counting the occurrences of values in an array.

```
const fruitArray = ['apple', 'banana', 'orange', 'apple', 'orange', 'orange'];
const fruitCount = new Map();
fruitArray.forEach((fruit) => {
  if (fruitCount.has(fruit)) {
    fruitCount.set(fruit, fruitCount.get(fruit) + 1);
  } else {
    fruitCount.set(fruit, 1);
  }
});
console.log(fruitCount); // Map(3) { 'apple' => 2, 'banana' => 1, 'orange' => 3 }
```

These are some examples you can use in your projects.
Get the distance between the given date and now in words using date-fns
Tags: webdev, javascript, tutorial, beginners
Published: 2023-04-07 14:07:29

- import the formatDistanceToNow function from date-fns:

```js
import { formatDistanceToNow } from 'date-fns'
```

- format the date to now:

```js
const date = new Date('2020-01-01T12:00:00Z')
console.log(formatDistanceToNow(date, { addSuffix: true }))
```

- as you've seen, we can also pass the second parameter as an object to specify the options, such as adding the suffix.
- you can see all the available options for `formatDistanceToNow` [here](https://date-fns.org/v2.29.3/docs/formatDistanceToNow#arguments)

## Using a different language

- we need to import the language from date-fns, for example, portuguese from Brazil:

```js
import ptBR from 'date-fns/locale/pt-BR'
```

- then use the second parameter to specify the locale

```js
import { formatDistanceToNow } from 'date-fns'
import ptBR from 'date-fns/locale/pt-BR'

const date = new Date('2020-01-01T12:00:00Z')
console.log(
  formatDistanceToNow(date, {
    addSufix: true,
    locale: ptBR,
  })
)
```

## Reference

- [`date-fns` docs](https://date-fns.org/)
- Cover image from <a href="https://unsplash.com/@romanbozhko?utm_source=unsplash&utm_medium=referral&utm_content=creditCopyText">Roman Bozhko</a> on <a href="https://unsplash.com/pt-br/fotografias/PypjzKTUqLo?utm_source=unsplash&utm_medium=referral&utm_content=creditCopyText">Unsplash</a>
Why Accessibility Matters in UI/UX Design
Tags: uiux, uiuxdesign, webdev, uiuxdesignservices
Published: 2023-04-07 13:29:38

User interface and user experience (UI/UX) design are critical components of any website or application. But have you considered the importance of accessibility in your design? Accessibility refers to designing digital products that can be used by people with disabilities, such as visual, auditory, or motor impairments. Here are some reasons why accessibility should be a key consideration in UI/UX design:

##     • Inclusivity and Diversity
Making your digital products accessible ensures that people with disabilities can easily use them, which promotes inclusivity and diversity. Accessibility also extends to people with temporary or situational disabilities, such as using a broken arm, recovering from surgery, or holding a baby. By making your design accessible, you make it possible for everyone to use and benefit from your product.

##     • Legal Compliance
Many countries have laws and regulations that require digital products to be accessible to people with disabilities. In the United States, for example, the Americans with Disabilities Act (ADA) requires businesses to make their websites and mobile apps accessible to people with disabilities. Failure to comply with these regulations can result in legal consequences and damage your brand reputation.

##     • Better User Experience
Accessibility is not just about compliance and inclusivity; it also leads to a better user experience. For example, providing alternative text for images allows visually impaired users to understand the content, and using high-contrast colors helps users with color blindness to differentiate between elements. These small design considerations can greatly impact the user experience and satisfaction.

##     • Competitive Advantage
By designing with accessibility in mind, you can differentiate yourself from competitors who do not prioritize accessibility. In addition, accessible design can help you reach a wider audience, including people with disabilities and their friends and family who advocate for accessible products.

In conclusion, accessibility is not an optional UI/UX design consideration but a necessity. By making your digital products accessible, you promote inclusivity, comply with legal regulations, improve user experience, and gain a competitive advantage. So, ensure accessibility in your design process and help create a more accessible digital world.

Are you tired of lackluster user experiences on your website or app? Do you want to impress your customers with a visually appealing, user-friendly design? Look no further than [Aspire SoftServ](www.aspiresoftserv.com), the top-rated UI/UX design agency!
🗞 Rapyd Developer Newsletter: March 2023
Tags: fintech, api, webdev, rapydnews
Published: 2023-04-07 13:06:14

Hey fellow developer, 👋🏻

Here is a list of what happened in March, just for you.  

----

_The Recipe for Revenue: Make money with software without subscriptions or ads_ and learn how to increase revenue through a coding demo with Shaul Efraim, Rapyd Software Architect.
[**Watch video**](https://www.youtube.com/watch?v=bnCjLKnKA8k)

----

## Changelog ♻️
[**Client Portal**](https://docs.rapyd.net/build-with-rapyd/changelog/client-portal-multiple-merchant-users-address-fields-refund-object) users can now belong to multiple merchants within the Client Portal dashboard. Seamlessly switch to different organizations in Client Portal without logging in and out. 

[**Hosted Checkout Page**](https://docs.rapyd.net/build-with-rapyd/docs/hosted-checkout-page-integration-steps) has been updated to include required address fields for relevant payment methods. Previously address fields may have been presented as optional for specific payment flows.

[**Refund Object**](https://docs.rapyd.net/build-with-rapyd/reference/refund#refund-object) has been updated now to limit the max amount that the customer can be refunded to meet the amount paid in the original payment. Any amount over the original payment will not be supported (e.g. over amount refund).

----

## Discover 🔍
**Rapyd GitHub Code Samples** `/code`
Check out the growing repositories including the CLI with Python to test the Rapyd API.
[**Clone the repo**](https://github.com/Rapyd-Samples/rpyd)

**Java Payment Gateway Integration with Rapyd** `/community`
[**Read article**](https://community.rapyd.net/t/java-payment-gateway-integration-with-rapyd)

**Create Payment with FX and Fees (4 Minute)** `/video`
[**Watch video**](https://www.youtube.com/watch?v=KuYLi0xipZU)

**Create Payment with FX and Fees (15 Minute)** `/video`
[**Watch video**](https://www.youtube.com/watch?v=sliP606DH3k)

**The Fintech Bootcamp: What’s Right for You?** `/community`
[**Read article**](https://community.rapyd.net/t/the-fintech-bootcamp-how-can-you-decide-what-s-right-for-you)

---- 

## Rapyd 🤔
[**Rapyd**](https://rapyd.net/developers) is an API first, developer focused company. The [**Rapyd Dev Community**](https://community.rapyd.net) makes it easier to get started building payment and fintech experiences that makes global commerce possible.

---- 

## Share 🤝
[**Submit content ideas**](https://forms.gle/R5enobo8bMZE6PQr9)


[**Subscribe**](https://go.rapyd.net/dev-newsletter) to the Rapyd Newsletter and get inbox updates.
Readymade MLM Script | Networking Software Development Company
Tags: webdev, javascript, software, devops
Published: 2023-04-07 12:34:48

We are an MLM Software development company that provides the best solutions for businesses looking to grow their network marketing business. Our best MLM developer’s team can create custom software solutions tailored to your specific needs and requirements. We also offer readymade MLM software that can be customized easily to meet your business needs.

Our networking software development services include MLM website design, MLM mobile application development, and other digital marketing solutions. With our cutting-edge technology and expertise in the MLM industry, we can help you take your business to the next level and achieve your goals.

As the best MLM software company, we focus on providing high-quality software solutions and excellent customer support with our multi-marketing script. We understand the importance of having reliable and custom MLM software to streamline your business processes and help you achieve success. That's why we work tirelessly to create innovative and user-friendly software solutions to help you manage your business more effectively.
[PHP MLM Software](https://phpmlmsoftware.com)
Summer Internship at Synergia Labs
Tags: career, startup, news, webdev
Published: 2023-04-07 12:30:41

[](url)Fellow Developers & students,

At Synergia Labs, we are committed to providing valuable learning experiences for students like you. As part of this mission, we will be offering exciting projects and internships in the near future.

To help us tailor these opportunities to your interests and goals, we kindly request that you fill out the survey form linked below. Your feedback will be crucial in shaping the types of projects and internships we offer, as well as ensuring that we provide the best possible learning experience for you.

Thank you for taking the time to fill out this survey. We look forward to working with you soon!

{% embed https://forms.gle/RFWbjivzzjqL5Lvh7 %}

Best regards,
The Synergia Labs team
How to Send Email in Node.js Using Nodemailer Package
Tags: node, javascript, webdev, tutorial
Published: 2023-04-07 12:21:25

Sending an email in `Node.js` requires an email server and a Node.js package for sending emails. One popular package for this is Nodemailer. Here's a basic example of how to send an email using Nodemailer in Node.js:

1. First, install Nodemailer using npm: 
`npm install nodemailer`

2. Next, require Nodemailer in your Node.js file: 
`const nodemailer = require('nodemailer');`

3. Create a transport object using the SMTP protocol and your email provider's credentials. Here's an example using Gmail:

```javascript
let transporter = nodemailer.createTransport({
    service: 'gmail',
    auth: {
        user: 'your-email@gmail.com',
        pass: 'your-email-password'
    }
});

```

4. Define the email message object, including the sender, recipient, subject, and message body:

```javascript
let mailOptions = {
    from: 'your-email@gmail.com',
    to: 'recipient-email@example.com',
    subject: 'Test Email',
    text: 'This is a test email from Node.js'
};
```

5. Use the `transporter.sendMail()` method to send the email:

```javascript
transporter.sendMail(mailOptions, (error, info) => {
    if (error) {
        console.log(error);
    } else {
        console.log('Email sent: ' + info.response);
    }
});

```
**Note:** You may need to allow access to less secure apps on your Gmail account. To do this, go to your Google Account settings, select Security, and turn on "Less secure app access".
SSH - Secure SHELL
Tags: ibbus, ssh, remote, terminal
Published: 2023-04-07 12:20:04

🎯 𝗛𝗼𝘄 𝗦𝗦𝗛 𝗪𝗼𝗿𝗸𝘀?🔥

🎙️ 𝗦𝗦𝗛 𝗶𝘀 𝗮 𝗻𝗲𝘁𝘄𝗼𝗿𝗸 𝗽𝗿𝗼𝘁𝗼𝗰𝗼𝗹 that allows us to access and communicate with remote computers (usually servers) over an unsecured network.

💡 𝗔𝗱𝘃𝗮𝗻𝘁𝗮𝗴𝗲𝘀 𝗢𝗳 𝗦𝗦𝗛:
📌 Tunneling
📌 Secure File Transfer
📌 Forwarding TCP ports
📌 Remote device management
One Way Data Tables And Variables
Tags: machinelearning, datascience, tutorial, ai
Published: 2023-04-07 12:19:26

## What Are One-Way Data Tables?

One-way data tables are a statistical tool used to analyse the impact of one variable on another variable. A one-way data table consists of one input cell and one or more result cells. The input cell contains the variable that is being
changed, while the result cells contain the formulas or calculations that use the input cell.

As an example, consider a company that wants to evaluate the impact of different interest rates on their monthly loan payments. The interest rate is the input cell, while the monthly loan payment is the result cell. The company can create a one way data table to see how changes in the interest rate affect the monthly loan payment.

| Interest Rate (%) | Monthly Loan Payment ($) |
| ----------------- | ------------------------ |
| 5                 | 499.55                   |
| 6                 | 506.69                   |
| 7                 | 513.86                   |
| 8                 | 521.08                   |
| 9                 | 528.34                   |

## Read Complete Article On My Blog
[https://cloudaffle.com/series/statistics-and-probability/one-way-data/](https://cloudaffle.com/series/statistics-and-probability/one-way-data/)
10 coisas que eu aprendi estudando desenvolvimento web 🚀
Tags: webdev, programming, frontend, motivation
Published: 2023-04-07 12:16:53



## Dica 1
**Foque nos fundamentos**
Não se assuste com a quantidade de tecnologias que são pedidas em vagas, foque no fundamental

##Dica 2
**Leia a documentação**
Quando tiver dúvida no que estiver estudando, leia documentação sobre pra entender melhor, sites como: htmlreference, cssreference, devdocs e mdn são fundamentais 

##Dica 3
**Faça perguntas**
Tire suas dúvidas com pessoas mais experientes na área 

##Dica 4##
**... mas não pergunte sempre**
Procure resolver seus problemas sozinhos, só c não conseguir de jeito nenhum, vai lá e pergunte 

##Dica 5
**Inspecione seu código**
Use o devtools para fazer testes e algo relacionado no seu código 

##Dica 6
**Não tenha pressa para aprender**
Estude o conteúdo com calma, não tenha pressa de absorver logo o conteúdo, estude cada tecnologia com calma para não ter problemas no seu aprendizado lá na frente

##Dica 7
**Entre em comunidades de devs**
Entrar em comunidades no github, Instagram e outras redes sociais pode ajudar no seu desenvolvimento como dev

##Dica 8
**Não tenha medo de errar**
Não tenho medo de experimentar coisas novas no código, testar novas formas de fazer a mesma coisa é fundamental

##Dica 9
**Quebre em grandes problemas em pequenas partes**
Um código mais complexo e que precisa ser desenvolvido, quebre eles em pequenas tarefas para ficar mais fácil atingir seu objetivo

##Dica 10
**Interprete seu código fora do código**
Leia linha a linha do seu código, para entender tudo que está acontecendo, faça um teste de mesa, isso vai ajudar muito no aprendizado
How to improve payment restrictions in Magento 2
Tags: magento, magento2, magento2tutorial, mageto2development
Published: 2023-04-07 11:57:59

**_How to improve payment restrictions in Magento 2_**: A proficient installment framework is a significant part of any store, and it is the obligation of a chief director or proprietor to guarantee that it works without a hitch. On the Magento stage by Adobe, the default installment choices are restricted and don't uphold contingent installments.

The checkout cycle is the game changer in whether a client will finish a buy or leave their truck. It is fundamental for make this cycle consistent and easy to understand, particularly with respect to transportation and installment choices. Magento 2 installment limitations can be arranged to further develop consumer loyalty by permitting them to pick different installment techniques and delivery choices for each buy. This adaptability can improve the probability of clients making fruitful exchanges. Consequently, it is vital to comprehend how to design Magento 2 installment limitations to guarantee that your store can offer a smooth and customized checkout experience.

For more information, please visit this:- **_[https://webguru.dev/how-to-improve-payment-restrictions-in-magento-2/](https://webguru.dev/how-to-improve-payment-restrictions-in-magento-2/)_**
Email Security - DMARC
Tags: ibbus, dmarc, email, security
Published: 2023-04-07 11:57:12

Emails are still the major threat to IT Security.

So how to improve your email security and also your deliverability in 5 minutes? By implementing DMARC.

𝗗𝗠𝗔𝗥𝗖 𝘀𝘁𝗮𝗻𝗱𝘀 𝗳𝗼𝗿 Domain-based Message Authentication, Reporting & Conformance.

𝐇𝐨𝐰 𝐝𝐨𝐞𝐬 𝐢𝐭 𝐰𝐨𝐫𝐤 🛡

1. It uses SPF and DKIM to check the authenticity of an email sent.

2. It tells the server how to handle the malicious ones.

Two options:

1️⃣ Quarantine | Spam folder

2️⃣ Reject | Emails are totally denied.

𝐁𝐞𝐧𝐞𝐟𝐢𝐭𝐬 𝐨𝐟 𝐢𝐦𝐩𝐥𝐞𝐦𝐞𝐧𝐭𝐢𝐧𝐠 𝐭𝐡𝐢𝐬 𝐩𝐫𝐨𝐭𝐨𝐜𝐨𝐥 ✅

👉Better control.

👉 Better reputation

👉 Better deliverability

𝗛𝗼𝘄 𝘁𝗼 𝘀𝗲𝘁𝘂𝗽 𝘆𝗼𝘂𝗿 𝗗𝗠𝗔𝗥𝗖 😶

You can retrieve your DMARC through Google, email monitoring tools or email marketing tools then you need to access your DNS and add a TXT Record.