teleren/devto huggingface dataset:
Resolvendo problemas no HackerRank: Joaninhas Felizes
Tags: javascript, programming, beginners
Published: 2023-05-03 13:12:47

Olá, seja bem vindo a mais um Resolvendo problemas no HackerRank: No caso de hoje, iremos jogar um jogo de tabuleiro de joaninhas . Vejamos mais informações com a explicação e sua resolução.

**Happy Ladybugs -**

Happy Ladybugs é um jogo de tabuleiro com as seguintes propriedades:

- O tabuleiro é representado por uma string, b, de comprimento n. O ith caractere da string, b[i], denota a ith célula do quadro.
- Se b[i] for um sublinhado (ou seja, _), significa que a i-ésima célula do quadro está vazia.
- Se b[i] for uma letra maiúscula do alfabeto inglês (ascii[AZ]), significa que a ¿ésima célula contém uma joaninha da cor b[i].
- A string b não conterá nenhum outro caractere.
- Uma joaninha fica feliz apenas quando sua célula adjacente esquerda ou direita (ou seja, b[i+1]) é ocupada por outra joaninha da mesma cor.
- Em um único movimento, você pode mover uma joaninha de sua posição atual para qualquer célula vazia.
- Dados os valores de n e b para g jogos de Happy Joaninhas, determine se é possível fazer todas as joaninhas felizes. Para cada jogo, retorne SIM se todas as joaninhas puderem ficar felizes por meio de alguns movimentos. Caso contrário, retorne NÃO.


Exemplo:

b = [YYR_B_BR]
Você pode mover o B e R mais à direita para fazer b = [YYRRBB_] e todas as joaninhas ficarão felizes. Retorno SIM.

Vejamos o código a seguir:

```
const ladybugs = b.split("");
    const ladybugsSet = [...new Set(ladybugs)];

    if (!ladybugsSet.includes("_")) {
      for (let i = 0; i < ladybugs.length; i++) {
        if (ladybugs[i - 1] !== ladybugs[i] && ladybugs[i] !== ladybugs[i + 1]) return "NO";
      }
      return "YES";
    } else {
      for (const ladybug of ladybugsSet) {
        if (ladybug !== "_") {
          if (ladybugs.filter((color) => color === ladybug).length === 1) return "NO";
        }
      }
      return "YES";
    }
```

Esse código verifica se é possível rearranjar as joaninhas representadas pela string b de forma que cada joaninha tenha pelo menos uma joaninha vizinha da mesma cor, ou se é possível colocar "_" em alguns espaços vazios para atender a essa condição. Se for possível, a função retorna "YES"; caso contrário, retorna "NO".


```
4
7
RBY_YBR
6
X_Y__X
2
__
6
B_RRBR


input:
YES
NO
YES
YES
```

Assim, concluímos mais um Resolvendo problemas no HackerRank: até a próxima.
#GitHubHack23: StarTweet
Tags: githubhack23, twitter, githubactions, opensource
Published: 2023-05-03 13:05:31

## What I built 

StarTweet is a GitHub Action that sends a thank you tweet to users who star your GitHub repository.

### Category Submission: 

Wacky Wildcards

### App Link
[repository](https://github.com/iisyos/star_tweet)
[marketplace](https://github.com/marketplace/actions/star-tweet)

### Screenshots 

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

### Description 

This action sends a thank you tweet to users who star your GitHub repository. It aims to appreciate and engage with your community on Twitter.

### Link to Source Code 

https://github.com/iisyos/star_tweet

### Permissive License 

[MIT License](https://choosealicense.com/licenses/mit/)

## Background (What made you decide to build this particular app? What inspired you?) 

I built this GitHub Action to create a more engaging and personal experience for people who support your projects. When users star my repositories, I wanted to show them my appreciation and start a conversation on Twitter.
I hope that this action will encourage communication among engineers around the world.😉


### How I built it (How did you utilize GitHub Actions or GitHub Codespaces? Did you learn something new along the way? Pick up a new skill?) 

I use this template (https://github.com/actions/typescript-action).It' easy to start GitHub Action for TS engineer.
While building this GitHub Action, I learned how to work with the Twitter API and how to effectively use webhooks to create automated workflows.


### Additional Resources/Info

- [GitHub REST API documentation](https://docs.github.com/en/rest?apiVersion=2022-11-28)
- [Twitter API Documentation](https://developer.twitter.com/en/docs)
Nine Features of Javascript
Tags: javascript, webdev, programming, node
Published: 2023-05-03 12:49:46

---
series: Javascript
---

Javascript is one of the most popular languages across the world.
It is being used in browsers, servers and even in embedded systems.

In this article, I have listed the features of Javascript that make it standout among other languages.

1. High Level Programming Language
2. Prototype Based Object Oriented
3. Multi Paradigm
4. Interpreted and Just-In-Time Compiled
5. Dyanamically Typed
6. Automatic Garbage Collection
7. Single Threaded
8. With First Class Functions
9. Non-blocking Event Loop Concurrency Model

**Please let me know in comments if you want a detailed article on each of the features!**
Organization as Motivation
Tags: motivation, learning, beginners
Published: 2023-05-03 12:48:23

I am just gonna throw this in here: Is anyone familiar with *The Magic of tidying up*? 

Marie Kondo is a japanese organizing consultant teaching people how to organize and declutter mostly their physical spaces, which in turn also has a huge emotional effect on them. Words that often are heard in her TV series or read in the aforementioned book are *joy* and *gratitude*. Basically, only hold on to the items that *spark joy* for you and be grateful for the service items you no longer need served you. 

So, what has that to do with coding? When I took a closer look at this magic of the sympathetic mother of two living on the other side of the planet, I saw a valuable lesson in her teaching - especially for my pupil and co-worker. I do not know who else needs to hear this, but just read the following lines carefully: 

- Change whatever you like in your local copy of the code, we have Git. 

- Of course, be sure which changes you check into the repository, but be assured, if they are still enjoying some leisure on a nice and comfy feature branch of yours nothing bad can happen (except the occasionally failing pipeline yet show me one developer who did not accept the responsibility for that little red icon). Again - Git. 

- And even if your changes land in a trunk, main or production branch - it is all cool. As long as we know about it no one has to stay and badge up the damage in the course of an extra night shift. 

All nice and well, but what has all of these reassurances to do with the magic that introduced this post and why would anyone post these self-evident statements about Git? 

Git (as well as other source control tools to also get this out of the way) gives us as developers a unique opportunity other professions can only dream of. We have to power to make changes disappear, to change to way of history and are the masters of the now and the a little bit later! And... Okay, but let us be real here, we can try out ideas basically for free. Of course, every action consumes at least some time, but we trade this time for findings we would have never known about otherwise. 

So do as you please with your code, especially if you are an beginner. Do not be afraid of getting rid or let us say letting go of one or the other line of code (and please, stop leaving code comments in there). Ask yourself *does this line of code spark joy aka do something good for the system seen in its entirety?* and feel how freeing and motivating this minimalist approach to coding can be. 


*Photo by [RODNAE Productions](https://www.pexels.com/photo/clear-glass-jars-on-white-wooden-shelf-8580793/)!*
Django Vs. Laravel: A War of Two Powerful Web Development Frameworks 🔥
Tags: webdev, programming, django, laravel
Published: 2023-05-03 12:16:26

Imagine your city is under attack and Thanos is destroying building one after one. You are on the verge of a collapsing building and you have only choice to choose between Captain America and Iron Man to rescue you.

On the one hand, you are having Captain America who is the oldest and wisest having lived throughout history. On the other hand, you are having Iron Man has a high IQ and smarter than other Avengers with an arc reactor on its side that doesn’t let him killed. Choosing one of the best superheroes is bewildering!

The same confusion could happen for businesses while selecting frameworks- out of Laravel and Django. Both these frameworks are popular and entrusted for their technological advancements and reliability.

## Laravel
Created in 2011 by Taylor Otwell, Laravel is a PHP written open source framework used widely for its technological advancements. Laravel 11’s features and tools have stormed the internet making developers and businesses buzz.

Based on Symfony, Laravel manages different server-side processes like HTML authentication, templating, caching, routing, and much more. With Laravel it is possible to develop customized backend logic, reusable PHP components or libraries, pre-defined architectures, full-stack apps, and SaaS products.

### Features of Laravel:

- MVC Architecture Support
- Elegant Syntax
- Artisan CLI
- EORM (Object Relational Mapper)

## Django
Released in 2005, Django is an open-source battery-included web framework written in Python. Django, a high-level framework for the backend, follows Model-View-Template (MVT) architecture.

Django facilitates effortless as well as quick development of web applications with fewer codes encouraging clean and pragmatic design making maintenance easy for businesses. Having built-in SQLite as a database support, Django has readable syntax making it lightweight and flexible to utilize in development as well as testing.

### Features of Django:

- SEO Friendly
- Versatile
- Extensible
- Secure & Functional
- Compatibility and Scalability

**Find out more:** https://bit.ly/3p5ggFj 🚀
Syncfusion’s Bold Reports is Now SOC 2 Type 2 Compliance Certified!
Tags: compliance, security, soc2type2
Published: 2023-05-03 12:16:00

Syncfusion’s Bold Reports is Now SOC 2 Type 2 Compliance Certified!
Syncfusion’s Bold Reports is proud to announce that we have successfully completed the SOC 2 Type 2 compliance certification! This is great news for our esteemed customers as it demonstrates our commitment to their data privacy and security. Moreover, this proves we are worthy of our customers’ trust and confidence in our brands.

Let’s have a brief look into what it means to be SOC 2 Type 2 compliant.

**What it means to be SOC 2 Type 2 compliant**
[System and Organization Controls](https://www.aicpa-cima.com/topic/audit-assurance/audit-and-assurance-greater-than-soc-2/?utm_source=dev&utm_dev=partner_blog&utm_campaign=dev_soc2_bpexternal) (SOC) 2 Type 2 compliance certification is an internal controls report given to SaaS companies that meet the American Institute of Certified Public Accountants’ (AICPA) highest security and data privacy standards. An external auditor evaluates the procedures and controls specified by a company to ensure that security and data privacy protection are upheld.

**Difference between SOC 2 Type 1 and Type 2**
The SOC 2 Type 1 report evaluates the details of the procedures and the control measures put in place by a SaaS company while the SOC 2 Type 2 report audits these procedures and controls over a period of time.

**Why is SOC 2 Type 2 compliance certification important?**
Bold Reports being SOC 2 Type 2 compliant means it has successfully proven to AICPA that it meets all the necessary data privacy and security standards. With this certification, customers are guaranteed of the security of their personal information and the protection of their data privacy.

Visit:https://www.boldreports.com/contact/? Syncfusion’s Bold Reports is Now SOC 2 Type 2 Compliance Certified!
**Conclusion**
At Bold Reports, we take our customers’ data security and privacy extremely seriously. Our SOC 2 Type 2 compliance is a testament to our commitment to providing the highest level of security and compliance for our customers. We continuously monitor and improve our systems to ensure the highest level of data protection. If you have any questions about our SOC 2 Type 2 compliance or our security and compliance standards, please don’t hesitate to reach out to our [support team](https://www.boldreports.com/contact/?utm_source=blog&utm_dev=referral&utm_campaign=boldreports/?utm_source=dev&utm_dev=partner_blog&utm_campaign=dev_soc2_bpexternal). To learn more about our compliance and security policies, please visit [Security Policy – Bold Reports](https://www.boldreports.com/security?utm_source=blog&utm_dev=referral&utm_campaign=boldreports/?utm_source=dev&utm_dev=partner_blog&utm_campaign=dev_soc2_bpexternal).
Responsive Image Gallery Layout Using CSS Grid
Tags: html, css, javascript
Published: 2023-05-03 12:09:33

In this video, we'll be learning how to create a responsive image gallery using CSS Grid. We'll be using this layout to showcase pictures.

If you're looking to create a sleek, responsive image gallery using CSS Grid, then this video is for you! By the end of this tutorial, you'll be able to create a responsive image gallery that looks great on all devices!

{% embed https://www.youtube.com/watch?v=zhRHyS73PPg %}.

If you are interested to become a front end developer, I will teach you everything step by step. I've been sharing the complete HTML, CSS and JavaScript based tutorial on my channel. Also I will be sharing those technology videos on my channel,  want to improve you skills, keep touch my channel.
Responsive Vertical Timeline Using HTML CSS
Tags: html, css, javascript
Published: 2023-05-03 12:07:57

In this video, we'll show you how to create a responsive vertical timeline using only HTML and CSS. This timeline will dynamically resize to fit any screen size, no matter what device you're using!

If you're looking for a simple way to create a responsive timeline, then this video is for you! We'll show you how to create a vertical timeline that will automatically resize to fit any screen size. Whether you're using a laptop, a tablet, or a phone, this timeline will fit perfectly on your screen!

{% embed https://www.youtube.com/watch?v=CyI4sX4Ls4g %}.

If you are interested to become a front end developer, I will teach you everything step by step. I've been sharing the complete HTML, CSS and JavaScript based tutorial on my channel. Also I will be sharing those technology videos on my channel,  want to improve you skills, keep touch my channel.
Show / Hide Password using HTML CSS and JavaScript | Toggle Password
Tags: html, css, javascript
Published: 2023-05-03 12:06:58

Show / Hide Password using HTML CSS and JavaScript | Toggle Password

Hey guys, hope you all of fine, recently, I've made project show and hide password in JavaScript. When You will enter the password and want to check it into text you can do that. There are a lot of sites using this features to register or login the user.

So, I'm going to share with you how to use JavaScript to show and hide password in JavaScript. I've used HTML and CSS to design the project, and then I've used to JS to show and hide the password.

{% embed https://www.youtube.com/watch?v=i_uwBWEA30c %}

hope this tutorial is helpful and beneficial for you.

If you are interested to become a front end developer, I will teach you everything step by step. I've been sharing the complete HTML, CSS and JavaScript based tutorial on my channel. Also I will be sharing those technology videos on my channel,  want to improve you skills, keep touch my channel.
build, extract, refactor
Tags: refactoring, development, learning
Published: 2023-05-03 12:06:19

Towards the midpoint of last year, I rediscovered one of the developers I found when I started my journey - Mark Tellez. I'll admit, back then I was arrogant and didn't take what he was doing in those old videos seriously, and then he just went off the map.    

In his livestreams he'd work on either client work or a suggestion from the chat. In everything he made he kept repeating these words: ''build, extract, refactor"  

He didn't just say them, no. He'd say them and explain to us what they meant in real time...  

---

## build, extract, refactor
As developers we tend to rush to componentise things *from* the onset - sometimes when it's not necessary. This is what **build, extract, refactor** is meant to address 

### build
Mark says just build it. Wherever you are in your project, build it. Make it work, don't worry about structure. Your first and most important job is to have it built and working.

### extract
As you're building, you're going to get to a point where things become too unruly. By this point, you should have noticed a structure forming all on its own - you didn't have to pre-emptively create one.

It is at this point you then start creating your components using the structure that has **presented itself**.  

### refactor
After you have taken the lead from your project and created your components, then comes the time to refactor them.  


>  "Don't force it, the structure will reveal itself"
> ~ Mark Tellez

---

## Why build, extract, refactor?
Now you could be asking yourself; "Why bother doing this? The way I've been making components works just fine"  

You wouldn't be wrong asking those questions at all.  

But riddle me this; Have you ever been working on a project and you encounter an error that you can't seem to figure out where exactly it's originating from? Only for you to discover it's from a file you componentised a while ago.  

You could have avoided this by employing some elements of **build, extract, refactor** as you will have utilised the intrinsic structure of the project and not a pre-imposed one. Because you have let the project decide, things will have connected logically and tracing of errors is not as difficult.  

---

## Conclusion
Now I am not saying this is the be all end all way of building/structuring your projects, no. I am just presenting something  you could consider...  

Mark wasn't available for the start of this year, he had family responsibilities to handle, I am grateful for all the knowledge he imparted on me the past few months.  

To this day, I have not come across a developer who will answer your questions in real-time as he's showing why one method is better than the other. One who will take a suggestion and build that suggestion as you watch.  

Thank you Mark.

---

###  Thank you for reading, let's connect!
Thank you for visiting this little corner of mine. Let's connect on [Twitter](https://twitter.com/Psypher1), [Polywork](https://www.polywork.com/psypher1) and [LinkedIn](https://www.linkedin.com/in/jamesmidzi/)
Animated Toast Notification With Progress Bar in HTML CSS & JavaScript
Tags: html, css, javascript
Published: 2023-05-03 12:05:40

Animated Toast Notification With Progress Bar in HTML CSS & JavaScript

hey guys in this tutorial we are going to learn how to create a Animated Toast Notification With Progress Bar in HTML CSS & JavaScript. It's cool project that are used to display and hide the message.

If you want to display the message and after few seconds want to remove or hide to you can create a toast notification, I'm going to teach with you step by step how you can use HTML, CSS and JavaScript to create a animated toast notification with Progress Bar.

{% embed https://www.youtube.com/watch?v=qawCj6x_cDc %}

hope this tutorial is helpful and beneficial for you.

If you are interested to become a front end developer, I will teach you everything step by step. I've been sharing the complete HTML, CSS and JavaScript based tutorial on my channel. Also I will be sharing those technology videos on my channel,  want to improve you skills, keep touch my channel.
How to Make Roll Dice Game in JavaScript
Tags: html, css, javascript
Published: 2023-05-03 12:04:52

How to Make Roll Dice Game in JavaScript

in this video we are going to learn How to Make Roll Dice Game in JavaScript.  If you want to improve you JS skills, you need to make a different type of projects.

Game is one of the most important part to improve you skills. So, I've made the complete tutorial for you, you can watch my complete video tutorial, then you will able to understand everything as you want.

{% embed https://www.youtube.com/watch?v=-NSYFQfRwI4 %}

hope this tutorial is helpful and beneficial for you.

OnlineITtuts Tutorials cover many topics such as Web Designing, Web Development, Programming, Databases. I was made many videos for different categories, and I will share another helpful tutorial for different topics.  you can learn Basic to Advance Knowledge with practically.
Panes in Windows Terminal
Tags: terminal, windows, utilities, tricks
Published: 2023-05-03 12:03:32

Sometimes for different reasons it is necessary to have more than 1 terminal open and even in some occasions we need to have the information of all of them at sight, and something that is great of the "new" (between quotation marks because it already has a time roaming in the store of applications of Windows) terminal of Windows, is that it allows you to make this of native form the complete information you can consult it [here ](https://learn.microsoft.com/es-es/windows/terminal/panes) but next I will make a small summary of how this characteristic is used. 


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



There are several ways to create a new panel the simplest is through the following keyboard shortcuts:


`Alt` + `Shift` + `+` = New vertical panel.

`Alt` + `Shift` + `-` = New Horizontal panel

We can __move__ between panels, this is done simply through the keyboard shortcut: 

`Alt`+ `Directional arrows`. 

To close a panel we can simply use the key combination

`Ctrl` + `Shift`+`W`.

We can also do all this with terminal commands but personally I like more the keyboard shortcuts, in the same way if you are interested to deepen a little in this utility you can consult the information in the [microsoft documentation](https://learn.microsoft.com/es-es/windows/terminal/panes)



P.S.: this is my first post, thanks for any comments