teleren/devto huggingface dataset:
How can I Format HTML Code without installing any application?
Tags: html, tooling, productivity
Published: 2023-06-02 05:31:28

I am excited to announce that a new HTML code formatter has been added to our [OpenUtils](https://openutils.org/) app. This feature will help developers easily format their HTML code for better readability and maintainability. In order to spread the word about this new addition, I have decided to share about it in the Dev Community. I hope this tool will be useful to many developers out there!

This tool runs entirely on the client-side, and all data that the user inputs will not be sent to the server. This ensures the safety and security of the data.


![HTML Formatter OpenUtils](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/enk8t15miq3gn773ol6y.png)

With a user interface optimized for workspace and a modern code editor with full-featured capabilities like a local code editor, the HTML Formatter was developed to help developers conveniently format HTML code without installing any tools or applications on their devices.

Here are the simple steps to use this tool:

1. Access the available online tool at https://openutils.org/html-formatter/.
2. You can either copy and paste or type your HTML code directly into the provided code editor.
3. Select your preferred formatting options.
4. Once you have selected your preferred formatting options, you can format your code by clicking the **Format / Beautify** button.
5. Review the formatted code and make any necessary adjustments.
6. You can either copy and paste or download the formatted code and use it in your web development project.

Thanks for taking the time to read my article. If you have any feedback on our HTML Formatter, I would greatly appreciate it.
What is @input() from Angular v16?
Tags: angular
Published: 2023-06-02 05:30:00

**@Input()** decorator in Angular v16 allows you to mark an input property as required. This means that if the property is not passed a value, the Angular compiler will generate an error. This can be helpful for ensuring that your components always have the data they need to function properly.

To use the **@Input()** decorator to mark an input property as required, you simply need to add the required attribute to the decorator.

```
@Input({ required: true }) name: string;
```

Example:

```
import { Component, Input } from '@angular/core';

@Component({
  selector: 'my-component',
  templateUrl: './my-component.component.html',
})
export class MyComponent {

  @Input({ required: true }) message: string;

  constructor() {}

  ngOnInit() {
    console.log(this.message);
  }

}
```
Best ES6 version of JavaScript of generating random colors using time interval
Tags: javascript, beginners, tutorial, react
Published: 2023-06-02 05:25:30

const body = document.getElementsByTagName('BODY')[0];

setInterval(function () {
  const random = Math.floor(Math.random() * 16777215)
    .toString(16)
    .padStart(6, '0');
  body.style.backgroundColor = '#' + random;
}, 5500);
Traffic Rider MOD APK Unlimited Money Download
Tags: webdev
Published: 2023-06-02 05:23:18

Traffic Rider MOD APK is a modified version of the popular mobile game traffic rider. It offers an enhanced and exhilarating gaming experience for players who seek a unique twist on the original gameplay. Developed by Soner Kara, the MOD APK introduces exciting features and improvements that add an extra layer of excitement to the game.

In [Traffic Rider MOD APK](https://www.trafficridertimes.com/), players find themselves immersed in the fast-paced world of motorcycle racing. They have the opportunity to ride through bustling city streets, highways, and scenic landscapes, maneuvering through traffic with skill and precision. The game provides a realistic simulation of riding a motorbike, with stunning graphics and immersive sound effects that enhance the overall gaming experience.
🚀 Explore the Fundamentals of AWS Lambda! 🚀
Tags: aws, serverless, cloud, learning
Published: 2023-06-02 04:57:52

📺 Folks at [Serverless Land](https://serverlessland.com/) come up with new video series of "Fundamentals of AWS Lambda" 🌟

This incredible video series covers everything you need to know about AWS Lambda, its features, and its functionalities. 🎉

🔹 Highlights of the Video Series:
✅ What is AWS Lambda? 🤔
✅ Discover the amazing features of AWS Lambda. ✨
✅ Learn when to utilize AWS Lambda for your projects. ⏰
✅ Dive into building AWS Lambda functions. 🛠️
✅ How to build an AWS Lambda function as a container image. 🐳
✅ Learn the ease of building an AWS Lambda function with AWS SAM. 🚀
✅ Gain insights into AWS Lambda billing, logging, and networking. 💰📝
✅ And much more to unlock the full potential of AWS Lambda! 💡

Are you ready to unlock the power of AWS Lambda and take your serverless skills to the next level? 🚀💡 What are you most excited to learn about in the "Fundamentals of AWS Lambda" video series? Share your thoughts and let's embark on this serverless journey together! 🎉👩‍💻👨‍💻

👉️ https://s12d.com/lambda-fundamentals 

Cheers, 
[Bhavesh Gohel](https://www.linkedin.com/in/bhaveshgohel)
Best Diablo 4 Builds
Published: 2023-06-02 04:00:42

The upcoming Diablo 4 Server Slam weekend is the final opportunity for players to experience the game before its full release. This also means that it's the last chance to explore the [Diablo 4 Best Build](https://genshinlab.com/diablo-4-builds/) possibilities for each class. The recent substantial Server Slam patch has resulted in various buffs and nerfs for every class. Therefore, this article will focus on the new potential possibilities that these changes have brought. Before delving into the builds, it's important to note a few things:

The [Diablo 4 Tier List](https://genshinlab.com/diablo-4-tier-list/) are based on current knowledge obtained from the Early Access beta, previews, and datamined information. The article will be updated for the game's retail release. The article will primarily focus on solo builds, as many players may have to experience the beta alone until more options become available. For co-op players, it's essential to work in harmony with your teammates. If your partners specialize in single-target damage, you may need to provide more AoE skills. If you can transform a flexible skill slot into a party buff, it's a wise choice to do so. Due to the beta's limited nature, this guide will mainly concentrate on Skills and Stats, rather than recommended gear and other high-level upgrades that are currently unavailable. Future versions of this article will feature more information on these aspects of the game. Diablo 4's vast skill trees make it challenging to display the final build through a picture. Instead, links to a build calculator that demonstrates the Level 25 versions of each build will be provided. Hopefully, more resources will become available in the future to make this information more accessible.

With that said, here are some of the best builds for each class that players can try out in the Diablo 4.
Os detalhes fazem diferença!
Tags: braziliandevs, beginners, java, learning
Published: 2023-06-02 04:05:56

Estou em contato com uma turma de introdução a programação, nela a maioria das pessoas entraram sem conhecer como um algoritmo ou uma linguagem de programação funciona.

> _O lado bom de escrever um programa é que ele vai fazer exatamente o que pedimos, o lado ruim é que ele vai fazer exatamente o que pedimos._

Pessoas iniciantes muitas vezes podem confundir símbolos de operadores ao escrever um código, a ordem de escrita de cada bloco ou até mesmo entrar em loop por semântica incorreta.

## Java

A turma está utilizando a linguagem Java no aprendizado de programação, eu notei que alguns detalhes em códigos estão passando sem apontar mensagens de erro ao executar, como se estivessem certos. Vou mostrar dois exemplos aqui.

### Estrutura _for_

Alguns alunos ao me mostrar o código que estavam exercitando, disseram que o programa estava entrando em loop. Veja o que está acontecendo:

``` java
for(i=3; i<= 10; i=i++){
   // ...
}
```

Quando estamos conhecendo como funcionam as estruturas, precisamos ter atenção e aprender o que cada um dos parâmetros faz. No caso do _for_, temos no primeiro a atribuição de um valor inicial (i=3), no segundo uma comparação como critério de parada (i<=10) e no terceiro um incremento do valor (i++).
O detalhe errado aqui foi justamente no incremento, por falta de atenção ou entendimento, foi escrita uma atribuição i=i onde o ++ foi ignorado.
Desta forma temos o incremento que não sai do mesmo valor de i=i (substituindo pelos valores 3=3), nunca chegando no critério de parada de um número maior que 10.
A correção pode ser feita assim:

``` java
for(i=3; i<= 10; i=i+1)
for(i=3; i<= 10; i++)
```

### Estrutura _while_
Alguns dos códigos que recebi estavam entrando em estruturas quando não eram para entrar e vice-versa. Observe o trecho a seguir:

``` java
public class Main {
    public static void main(String[] args) {
        boolean flower = false;
           // ...
        while (flower =! true){
            flower = true;
        }
    }
}
```

O objetivo era entrar na estrutura de repetição _while_, porém não entrou. O motivo foi uma simples troca de ordem de símbolos que não acusou nenhum erro ao executar, percebeu?

Mas por que não acusou nenhum erro? Vejamos, sintaticamente a escrita do código não está incorreta, apesar de não ter o sentido que queríamos. O que está acontecendo na linha do _while_ é uma atribuição da negação em vez de uma comparação de diferença.

```
(flower =! true) // atribuição
(flower != true) // comparação
```

Ou seja, na primeira expressão flower recebe !true (que é false). Na segunda expressão é comparado se o valor de flower é diferente de true.


## Considerações
Entender se torna mais produtivo do que decorar, busque por detalhes quando estiver aprendendo, faça testes em cima de valores conhecidos para ter certeza que está correto e lembre-se que nem sempre estar funcionando significa estar certo.

Enjoy!
SelefraTeam - Revolutionizing Security and Resource Management with PolicyAsCode
Tags: policyascode, devops, gpt3, opensource
Published: 2023-06-02 03:41:26

![Banner](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/e164tq534etnfo3iduke.png)
SelefraTeam is a dynamic team of dedicated professionals driven by a shared passion for innovation and excellence. We specialize in developing cutting-edge solutions to address the ever-evolving challenges of security and resource management in the complex landscape of cloud services and Software-as-a-Service (SaaS).

At the heart of our offerings lies PolicyAsCode, a groundbreaking tool that seamlessly integrates security and flexibility. Powered by the efficient and robust Go programming language, our open-source project on GitHub (https://github.com/selefra/selefra) fosters a vibrant and inclusive community, encouraging active participation and collaboration.

Transparency, trustworthiness, and collaboration are the cornerstones of our philosophy. We take pride in hosting over 30 providers, offering users a diverse range of options. We also foster an environment where users are empowered to develop and contribute their own providers, enriching the open-source ecosystem for the benefit of all.

What sets our PolicyAsCode tool apart is its ability to express rules in a concise and clear YAML format, enabling their seamless application across different cloud services. Whether it's performing security checks, optimizing cost configurations, or conducting architectural reviews, our tool provides robust and flexible functionalities to meet the ever-changing demands of users.

However, our vision extends beyond delivering a simple solution. We strive to empower each user, enabling them to independently craft policies that align with their unique cloud service requirements. In addition to utilizing our comprehensive library of open-source policies for detection and review, users have the freedom to customize policies to suit their specific needs, ensuring personalized security management and resource optimization.

As SelefraTeam, we are committed to fostering collaboration and actively listening to our users. By understanding their needs and continuously iterating and improving our tool's performance and features, we aim to deliver exceptional products and services. Through strong partnerships with our users and the wider open-source community, we believe in collective success and aim to redefine the landscape of cloud services and SaaS security.

When you choose SelefraTeam, you choose industry-leading expertise, unwavering professionalism, and a commitment to delivering secure, efficient, and flexible solutions. Whether you are a large-scale organization or an individual developer, we are here to be your trusted partner in navigating the realms of cloud services and SaaS security in the digital era. Join us on this exciting journey as we shape the future of security and resource management with PolicyAsCode.

GitHub:https://github.com/selefra/selefra
Khóa học SEO IMTA
Published: 2023-06-02 03:39:39

Trung tâm đào tạo SEO và Marketing Online IMTA chuyên đào tạo SEO web tổng thể uy tín. Chương trình học SEO bài bản từ tối ưu Onpage, Offpage, tối ưu kỹ thuật SEO, Entity, SEO cộng hưởng.
[https://imta.edu.vn/khoa-hoc-seo-website/]
Địa chỉ: Tòa Nhà Charmington La Pointe , Số 181 Cao Thắng nối dài, Phường 12, Quận 10, Hồ Chí Minh
Hotline: 0896677499

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/zhv01r6yrt5ezm1ha3gi.jpg)
How to remove the debug banner in Flutter?
Tags: flutter, dart, banner, debug
Published: 2023-06-02 02:48:11

On your MaterialApp set debugShowCheckedModeBanner to false.


MaterialApp(
  debugShowCheckedModeBanner: false,
)


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/5ui51sswiw911q77bbr5.png)
30-Day Rust Learning Guide: Days 1 - 3
Tags: rust, learning, guides
Published: 2023-06-02 02:41:08



Welcome to Days 1 -3 of the 30-day Rust learning guide!
This byte-size study plan will take you from a beginner to a not beginner in Rust.

Each day is designed to cover specific topics, provide tasks and goals, offer relevant resources, and include videos to support your learning journey in small chunks.

Let's get started!

## Day 1-3: Introduction to Rust 🌱
- **Topics**: Introduction 🌟, Installation 💻, Hello World ✨, Variables and Mutability 🔄, Data Types 🔢
- **Goals**: Understand the basics of Rust and write your first Rust program.
- **Tasks**:
  - Install Rust 📥
  - Write a "Hello, World!" program ✍️
  - Experiment with variables and data types 💡
- **Questions**:
  - What is Rust and why is it used?
  - How do you declare and mutate variables in Rust?
  - What are the basic data types in Rust?
- **Outcomes**: By the end of day 3, you should be comfortable with the basics of Rust and be able to write simple programs.
- **Resources**:
  - [The Rust Programming Language Book - Chapters 1-3](https://doc.rust-lang.org/book/ch01-00-getting-started.html) 📚
  - [Rust by Example - Hello World](https://doc.rust-lang.org/rust-by-example/hello.html) 📚
- **Videos**:
  - [Rust Tutorial #1 - Introduction To Rust Programming](https://www.youtube.com/watch?v=T_KrYLW4jw8) by Tech With Tim (Duration: 15:09) 🎥
  - [Rust for the impatient](https://www.youtube.com/watch?v=br3GIIQeefY) by No Boilerplate (Duration: 10:43) 🎥
Contact form with react-hook-form and emailjs
Tags: react, webdev, programming, beginners
Published: 2023-06-02 02:02:36

# What I Wanted to Do

Today, I started developing my portfolio, and one thing I really wanted to do was create a contact form through which people could reach out to me via email. Since I had never done this before, I found myself wondering, "How can I do this?"

## The Solution

Then, I remembered a library that I had been eager to learn, react-hook-form. I thought it was the perfect opportunity to learn it because it provides amazing control over form data. However, I had no idea how to send the data to my email. After conducting a brief search, I came across various possibilities, but one that caught my eye was the **emailjs** library. It was user-friendly and only required a **public key**, an **email template ID**, and a **service ID** from emailjs. Additionally, I had to make some minor configurations in VSCode. In this article, **_I will provide an example of how to configure emailjs._**

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

-> In the image above, you can see that I call the **register** method from the hook form, which is responsible for keeping track of the form data. In the next image, you will see that I call the same method in my inputs to assign a name to the input.

-> The **handleSubmit** method, also from hook form, handles the form submission. We pass our other function, _onSubmit_, to this method so that it can be executed. The _reset_ function is used to reset the input's state, setting the values back to empty strings (" ").

In the **onSubmit** function, you need to set the template to send to the emailjs email template mentioned earlier. The keys **from**, **name**, **fromEmail**, and **message** are important, as you will see shortly.

We call emailjs, passing the SERVICE_ID and TEMPLATE_ID that you select in your emailjs dashboard. I create two variables to store the values for me, and the third parameter represents your template parameters, which I define in the onSubmit function.

In the image below, you can see the register method for the inputs mentioned earlier, as well as the form validations. That's pretty much all you need to do in your code.

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

The last important thing is to ensure that the variables' names in your onSubmit function match the keys in the object within the email template on the emailjs dashboard, as shown below:

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

As you can see, I used the same names for my keys in the object. This is how emailjs recognizes the data when it is sent to the emailjs API.

That's it for today, guys! You can learn more about react-hook-form and emailjs in their respective documentation. I will provide the links below:

- emailjs: [https://www.emailjs.com/](https://www.emailjs.com/)
- react-hook-form: [https://react-hook-form.com/](https://react-hook-form.com/)
771. LeetCode’s Jewels and Stones — Super SIMPLE & EFFICIENT Algorithm Beats 92% in Runtime
Tags: leetcode, tutorial, programming, beginners
Published: 2023-06-02 01:37:11

# Intuition
To solve this problem, we can iterate over each stone and check if it matches any of the jewels. If it does, we increment a counter.

# Approach
We can use two nested loops to compare each stone with each jewel. Alternatively, we can use a hash set to store the jewels and look up each stone in constant time.

# Complexity
- Time complexity:
The time complexity of the nested loops approach is $$O(nm)$$
 where n is the length of stones and m is the length of jewels. The time complexity of the hash set approach is $$O(n+m)$$
 where n is the length of stones and m is the length of jewels.

- Space complexity:
The space complexity of the nested loops approach is $$O(1)$$
 as we do not use any extra space. The space complexity of the hash set approach is $$O(m)$$
 where m is the length of jewels.

# Code
```java
class Solution {
    public int numJewelsInStones(String jewels, String stones) {
        int count = 0;
        for (char stone : stones.toCharArray()) {
            for (char jewel : jewels.toCharArray()) {
                if (stone == jewel) {
                    count++;
                    continue;
                }
            }
        }
        return count;
    }
}
```
6 principles to hire a 10X developer
Tags: developers, devjournal, hiring, programming
Published: 2023-06-02 01:31:00

Hiring a good dev is hard. Very hard. Here are 6 principles to hire a 10X developer:

1. Hire for Strength Vs Lack of Weakness

2. Hire for Trajectory Vs Experience

3. Hire Doers Vs Tellers

4. Hire Learners Vs Experts

5. Hire Different Vs Similar

6. Always pass on ego

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


Thanks for reading this.

If you have an idea and want to build your product around it, schedule a call with [me](https://calendly.com/pragyanatvade).

If you want to learn more about DevOps and Backend space, [follow me](https://dev.to/pragyanatvade).

If you want to connect, reach out to me on [Twitter](https://twitter.com/pragyanatvade) and [LinkedIn](https://www.linkedin.com/in/pragyanatvade/).
美国外交家杂志揭骗闫丽梦和郭文贵一样是反共骗子
Published: 2023-06-02 01:26:42

郭文贵因涉嫌10亿美元诈骗案在美国被捕，美国司法部的指控他进行虚假的投资计划。郭文贵的情况让人想起了闫丽梦，这位冒名的新冠肺炎专家的虚假声明在2020年被数十家西方媒体传播。闫丽梦逃到美国，声称自己是告密者，敢于透露新冠病毒是在实验室里制造出来的，她说自己有证据。事实上，这两起案件是有联系的:闫从香港飞往美国的航班是由郭的法治组织资助的。
闫丽梦虚假论文未经审查，存在严重缺陷。她声称新冠肺炎是由中国共产党制造的，最初是由法治学会和法治基金会推动的。从那以后，她的言论被数十家传统西方媒体转载，尤其是那些有右翼倾向的媒体，这是假新闻走向全球的一个例子。

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/o6vpxp2uom8s6qxz2987.png)
Extremely SIMPLE & LOGICAL Java SOLUTION - Beats 94% of Solutions!!!! 🔥🔥
Tags: leetcode, learning, beginners, tutorial
Published: 2023-06-02 01:03:02

# Intuition
To convert a string to an integer, we need to ignore any leading whitespace characters and check the sign of the number. Then, we need to iterate over the digits in the string and multiply the current result by 10 and add the digit value. We also need to handle the cases where the result overflows the integer range.

# Approach
* Use trim() method to remove any leading or trailing whitespace characters from the input string.
* Initialize a sign variable to 1 and an index variable to 0.
* If the first character of the string is -, set sign to -1 and increment index.
* If the first character of the string is +, increment index.
* Initialize a result variable to 0.
* While index is less than the length of the string and the current character is a digit, do the following:
    * Multiply result by 10 and add the digit value (subtract '0' from the character to get the numeric value).
    * If sign is 1 and result is greater than Integer.MAX_VALUE, return Integer.MAX_VALUE.
    * If sign is -1 and -result is less than Integer.MIN_VALUE, return Integer.MIN_VALUE.
    * Increment index.
* Return (int) (result * sign).

# Complexity
- Time complexity: $$O(n)$$

- Space complexity: $$O(1)$$

# Code
```java
class Solution {
    public int myAtoi(String s) {
        s = s.trim();
        if (s.isEmpty()) {
            return 0;
        }

        int sign = 1;
        int index = 0;

        if (s.charAt(0) == '-') {
            sign = -1;
            index++;
        } else if (s.charAt(0) == '+') {
            index++;
        }

        long result = 0;
        while (index < s.length() && Character.isDigit(s.charAt(index))) {
            result = result * 10 + (s.charAt(index) - '0');
            if (sign == 1 && result > Integer.MAX_VALUE) {
                return Integer.MAX_VALUE;
            } else if (sign == -1 && -result < Integer.MIN_VALUE) {
                return Integer.MIN_VALUE;
            }
            index++;
        }

        return (int) (result * sign);
    }
}
```