teleren/devto huggingface dataset:
Space Battleship (Multiplayer turn-based game)
Tags: game, node, phaser, opensource
Published: 2022-10-10 14:04:11

---
title: Space Battleship (Multiplayer turn-based game)
published: true
description: Space Battleship is a multiplayer game where you can challenge your friends to strategy space battles.
tags: game, nodejs, phaser, opensource
cover_image: https://dev-to-uploads.s3.amazonaws.com/uploads/articles/vfypykhdfpzigx9h5l6w.png
---

Space Battleship is a multiplayer game where you can challenge your friends to strategy space battles. The objective is to try to guess your opponent's moves to try to destroy his spaceships and keep your spaceships alive.
Space Battleship also has a training mode, where you can test the spaceships and understand the gameplay.

Click here to play: https://karran.itch.io/space-battleship
The project is open source: https://github.com/karranb/space-battleship

I'm looking forward to improving the graphics, adding some sound FX, and adding weapon choices. =)
Intro to Bootstrap
Published: 2022-10-10 14:01:18

I always enjoyed drawing. I'm pretty decent at it. But when it comes to styling a webpage, it's as if I can't stay coloring inside the lines, so to speak. Learning CSS is pretty difficult for me. And using bootstrap is like grabbing a drawing, placing a piece of paper over it, then drawing the outline. Bootstrap does all the heavy lifting for styling.

**Structure**
Bootstrap has a grid system structure with containers that are wrappers for rows, which then are wrappers for columns. To use a container, simply assign the element's class to the type of container as so `<div class='container'><div>`. Bootstrap has three different types of containers: `.container`, `.container-fluid`, and `.container-{breakpoint}`. Breakpoints are the size of the container. There are six breakpoints: xs, sm, md, lg, xl, and xxl. The same goes for using rows and columns. 

**Sass**
Bootstrap uses sass variables and mixins to query breakpoints. Variables are prefixed with `$` and can be found in `_variable.scss`. Media queries are prefixed with `@` and are used through sass mixins.

**Components**
Bootstrap has many components. 

- Alerts
- Badge
- Breadcrumb
- Buttons
- Button group
- Card
- Carousel
- Collapse
- Dropdowns
- Forms
- Input group
- Jumbotron
- List group
- Modal
- Navs
- Navbar
- Pagination
- Popovers
- Progress
- Scrollspy
- Tooltips

Thanks to bootstrap, styling is a lot easier. Still gotta do the research on how to use bootstrap, but after a couple of hours on the docs, and some practice, it finally clicks on how to use it. And it is definitely worth the time to do it. Cause afterwards, you may just feel like Michelangelo styling the sistine chapel on your webpage. But if not, then at worst, you'll be able to stay coloring inside the lines in your webpage, so to speak.

_Sources_

- https://www.youtube.com/watch?v=Jyvffr3aCp0&t=193s

- https://getbootstrap.com/docs/5.2/getting-started/introduction/
Clear And Unbiased Facts About AZ-500 EXAM DUMPS (Without All the Hype)
Published: 2022-10-10 13:39:37

Earning the **AZ-500 Dumps**certification proves your competence within side the eyes of capability employers. In nowadays tough tech marketplace, you want  Dynamics  Finance and Operations Apps Solution Architect Expert AZ-500 Exam Dumps credential to land decent jobs and promotions. The main trouble examination Microsoft AZ-500 Exam Dumps applicants face is they don’t discover correct  AZ-500 Exam Dumps exercise fabric for the Dynamics  Finance and Operations Apps Solution Architect Expert AZ-500 Exam Dumps examination coaching. With , you don’t must undergo this trouble. We provide up to date Microsoft AZ-500 Dumps at low priced **AZ-500 Exam Dumps** rates. Our real Microsoft AZ-500 Exam Dumps dumps will assist you conquer each impediment at some stage in the check coaching. 

Click Here More Info >>>>> https://dumpsarena.com/microsoft-dumps/az-500/
Page Object Model – Selenide Tutorial Series
Tags: testing, java, beginners, tutorial
Published: 2022-10-10 13:38:59

In this tutorial, we will cover how to implement Page Object Model in Selenide. Page Object Model is a popular design pattern to improve code readability and maintainability as well as to reduce duplicacy in your code. Selenide makes it really to get Page objects setup, let’s take a look at how we can do that –

### Setup Page Class
We first need to setup a page class where we can store all our page locators and page methods.

```
public class HomePage {
// add locators and methods here
}
```
---

### Setup Page Locators
Once base page class is setup, we can start adding the Page locators to the class –

```
public class HomePage {
    public SelenideElement getStartedBtn() {
        return $(By.id("get-started"));
    }
    public SelenideElement headingTitle() {
        return $("h1");
    }
    public SelenideElement logoLink() {
        return $(By.xpath("//a[@class=\"custom-logo-link\"]"));
    }
    public ElementsCollection linksList() {
        return $$("#primary-menu li[id*=menu-item]");
    }
}
```

**Note**: Make sure to import all the necessary packages from Selenide if auto-import doesn’t work.

---

### Setup Page Methods
Now that we have the page locators setup, we can start adding in necessary page methods to reduce code duplicacy –

```
    public HomePage open() {
        Selenide.open("https://practice.automationbro.com/");
        return this;
    }
    public void assertUrl(String expectedUrl) {
        String url = WebDriverRunner.url();
        assertEquals(url, expectedUrl);
    }
```

---

### Update Tests to use POM
In your test file, you need to initialize the HomePage class and then start replacing your locators and adding in page locators as well as page methods. Here’s an example –

```
    @Test
    public void testInteractingWithElements() {
        // Open page url
        home
            .open()
            .assertUrl("https://practice.automationbro.com/");
        // By ID
        home.getStartedBtn().click();
        // verify heading by CssSelector
        home.headingTitle()
            .shouldHave(text("Think different. Make different."));
        // verify by XPath
        home.logoLink()
            .should(be(visible));
    }
```

As seen above, in just few steps you can implement Page object model concepts in Selenide. To learn more, check out this video below –

{% youtube Yf4dj2y2H1o %}

---

👩🏻‍💻 It's time to begin your SDET journey by joining the SDET-U Academy today 👇🏻
[Join Academy](https://bit.ly/3Vcqv69)

📧 Subscribe to my [mailing list] (https://automationbro.com/mailing-list) to get access to more content like this as well as be part of amazing free giveaways.

👍 You can follow my content here as well - 
- [Twitter](https://twitter.com/automationbro)
- [LinkedIn](https://www.linkedin.com/company/automation-bro)

...

Thanks for reading!
What are your goals for week? Hacktoberfest week 2.
Published: 2022-10-10 13:27:46

It's Monday, What are your plans for this week? 

It's also Hacktoberfest, are you contributing or maintaining a project this year? 

Have you done so previously?

- What are your plans for the week?   
- What are you building? 
- What will be a good end result by week's end?
- Are you working on Hacktoberfest?
- Did you meet your goals last week?

**Last Week's Goals**
 How did I do?

- [:white_check_mark:] **Continue Job search.** Sent DMs, talked to some people, fill out a few applications. 
- [:white_check_mark:] **Get a least one PR accepted for HacktoberFest.** First PR accepted, Two more sent and waiting on being approved. Working on documentation for another but part of the app is being updated so In a holding pattern on that one.
- [:white_check_mark:] **Attend HacktoberFest kickoff with Virtual Coffee** Attended great kickoff, also attended Digital Ocean's Kickofff event.
- [1/2] **Create CSS art.** Altered a template I may use for Halloween CSS, this year but haven't started on a subject yet.

- [:x:] **Blog on any CSS art.** No art, so no CSS art Blog.

**This Week's Goals** 

- Continue Job search.
- Get more PRs accepted for HacktoberFest.
- Create CSS art.
- Blog on any CSS art.


```
-$JarvisScript git push
```

{% twitter 1579463899694653448 %}
Understand how businesses can improve performance by integrating Enterprise Applications.
Tags: tutorial, webdev
Published: 2022-10-10 13:26:56

Enterprise application integration has become an exceptionally significant concern in this hyper-competitive world. The comprehensive approaches and ideologies around this idea prove that [enterprise application integration is extremely important](https://www.anblicks.com/blog/enterprise-apps-integration-for-business-performance-improvement/). Click on the link to read more.
Comparing signed and unsigned int in C
Published: 2022-10-08 09:17:43

If you are here to know if it is safe?
In short, it depends. **if both numbers are positive then you can ignore compiler warning**, else you better listen to it.

Let's begin with why this knowledge was important for me.
So i have started working on my own game written from base in C. While i was doing so i decided to force unsigned int in struct so my window size cannot be set to negative number.
I thought it was good idea so no one will make this silly mistake but new problem has arisen. Later in code i was checking is window size is in monitor boundaries, it would be simple but library for window initialization when asked about monitor parameters returned values as int giving me warning when compared to my struct. So i was wondering is it safe to just ignore them ?

So i started googling about signed-unsigned comparison but what i could find was only cpp articles about std library function. So yea not a good start. After a while I found a good video WHY those warnings are crucial:
_https://www.youtube.com/watch?v=c_iQQMkonjE = Comparing an int and an unsigned int_

In short: when comparing int and unsigned int values, signed value is interpreted as unsigned.
For example -10 becomes then 4 294 967 286.

Why is that ?
Because we just take bytes and we start treat them differently.
In fact nothing behind the hood was changed:

when we look at binary of -10 in 32-bit system we can see:
11111111 11111111 11111111 11110110
Those are just zero and ones but we know this is SIGNED value so we know that this is just negative 10.
Well, we know it but when we decide to act like it is UNSIGNED value then the same binary:
11111111 11111111 11111111 11110110 
is now 4 294 967 286.
Only way to diffrenciate it is to KNOW are we treating it as signed or no.
When comparing this 2 values compiler doesn't know that one is signed and other not. It acts like BOTH are unsigned.

But what about two positive numbers?
One signed and one unsigned, is it a problem ?
Short answer: no, you can do it safely.
Why is that?
Lets look into signed 15 in binary:
00000000 00000000 00000000 00001111
So let's look at 15 as unsigned:
00000000 00000000 00000000 00001111
We have same output, that's why it doesn't matter if both are positive.

So that's everything you have to know about this weird behavior. 
May the safe code be with you!
Making a conditional tag
Tags: javascript, tutorial, reactive, rjsf
Published: 2022-10-10 12:49:46

---
title: Making a conditional tag
published: true
description: In this installment I explain how I made a conditional element.
tags: javascript, tutorial, reactive, rjsf
series: DIY reactive framework
cover_image: https://dev-to-uploads.s3.amazonaws.com/uploads/articles/1eble812kv34qoah8l1k.png
# Use a ratio of 100:42 for best results.
---

Sometimes you want people to see something, sometimes you don't.

In vue.js you can do conditional rendering with the `v-if` attribute.

``` html
<h1 v-if="awesome">Vue is awesome!</h1>
```

I have gone a different route for the time being, by creating a whole element that wraps other elements that maybe people shouldn't see:

``` html
<rjsf-if data-model="hidethis">
  <p>should I be seen?</p>
</rjsf-if>
```

This has the benefit of being able to use the code for connecting the element to the model. (See the [first post](/mellen/reactivity-1h2e) for how that works.)

The main change comes in the `updateElement` function:
```js
AppBuilder.prototype.updateElement = function(el)
{
  const property = el.dataset.model;
  if(el.tagName === 'RJSF-IF')
  {
    this.rjsfif(el, property)
  }
  else
  {
    el.textContent = this.data[property];
  }
};
```
Where I've added a check to see if the element is the conditional element, and, if it is, then a function is called to hide the element.
``` js
AppBuilder.prototype.rjsfif = function(el, prop)
{
  if(!this.data[prop])
  {
    el.style='display:none;';
  }
  else
  {
    el.style='display:inherit;';
  }
};
```

I'm not sure if this is the best way to handle conditions, also I'll have to figure out if I'll allow the model to be a function as well and how to deal with that.

## Conclusion
I have created an element that allows me to use the model to determine if things get shown. I don't know if I need to make an else element. Probably not, but I'll think more about it.

Next time we'll look into expanding from just handling clicks to handling any event.

Please let me know any thoughts or questions you have in the comments below.

❤️, share, and follow for the next instalment!
Started with GUI (update)
Tags: devjournal, python, programming
Published: 2022-10-10 12:47:54

## Helloww people
I am working on le internet still, mind you ;)

## Updates
I have completed a simple server and client, which only has a login system, but I am needing to add a database soon XP. I have started on the GUI, which is looking horrid honestly.

### Bad stuff

![Ihack](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/avbnqvf2os469v63itdu.png)

### E
That's it for now! I will see you next monthish?
Top Companies using Ruby on Rails for Web development
Published: 2022-10-10 12:40:59

Even though Ruby on rails was introduced nearly 16 years back its popularity of it is still reaching the sky. If we talk about some of the successful company’s web development we will find ROR at its core. The majority of the MNCs have taken advantage of Ruby on rails for delivering smooth service and effective implementation within the enterprise as well.

If we talk about the present, Ruby on rails development has become the core foundation of many successful companies. Rather than hiring and establishing a whole new department nowadays, there is a concept where businesses outsource Ruby on rails developers on the basis of project needs. Yes, you are heading all this right !!!

For Ruby web development nowadays there is a huge demand of **freelance Ruby developers** who are well-versed in all the latest ROR tools and frameworks to build customized business applications.

If you are confused about which are the top companies that have used Ruby on rails in the past for successful web development, here below is a detailed list of them. Let’s talk about each of them one by one:

## Companies using Ruby on Rails:

**1.Airbnb:**
It is an online rental platform that connects people who are looking for rental places while traveling.  Ruby on rails played a huge role in the company's success as the codes were written in it and also it serves as a fast-processing website for the company. Also, it offered less development cost with high efficiency to Airbnb. 

**2.Bloomberg:**
It is a leading media distribution channel focusing more on Finance and economic parts. This company has made use of Ruby on rails being one of the leading sites sharing news publications all over the world. The company got in touch with [freelance Ruby developer](https://www.bacancytechnology.com/ruby-on-rails-development) to come up with a robust website to serve the best reading experience to viewers.

**3.Zendesk:**
It provides a support solution between customers and businesses irrespective of the size or type of industry. Here Ruby on rails has greatly improved the website performance helping the business thrive as a whole. ROR has helped in building such a user-friendly application which has its core value and purpose to easily integrate the client-side application.


**4.Shopify:**
Shopify is a top website for retailers to showcase their own eCommerce shop to a Shopify platform. Here they have been doing great and all thanks to ruby on rails as it has offered quality service in terms of security, authentication, and accounting as well. Here freelance ruby developers have helped in building the backend development of an application to make sure it runs smoothly. 


## Conclusion:

Thus we can say that whether it is a startup or a multinational company Ruby on rails has proved its significance for ages by being the top choice for web development. Businesses get in touch with _freelance ruby developers_ to build effective applications without spending huge amounts of money. 

So what are you waiting for now ???
What is the AWS Community Builders Program?
Published: 2022-10-09 14:02:05

---
title: What is the AWS Community Builders Program?
tags: 
canonical_url: https://dev.to/makendrang/aws-community-builders-program-31d8
---

![OIP.jpg](https://cdn.hashnode.com/res/hashnode/image/upload/v1660815223957/tBDq-yutf.jpg)

## Introduction

I'm excited to announce that I've been accepted into the **[AWS Community Builders](https://aws.amazon.com/developer/community/community-builders/)** program!

I got an email today inviting me to the program and I can't wait to dive in!

![image.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1660814957383/lN8LkMO_b.png)

I will focus on **cloud operations** and I am excited to expand the content of this page to cover more on this topic.

## What is the AWS Community Builders Program?

> _The AWS Community Builders program offers technical resources, education, and networking opportunities to AWS technical enthusiasts and emerging thought leaders who are passionate about sharing knowledge and connecting with the technical community._

During the program, **AWS subject matter experts** will host informative webinars, sharing information, including information about the latest services, as well as best practices for creating technical content, increasing accessibility, and sharing AWS knowledge through online and in-person communities. The program accepts a limited number of members per year.

## What are the benefits of joining AWS Community Builders Program?

- Listen to AWS product teams and learn about new services and features
- Learn from AWS experts on a variety of topics through weekly webinars
- AWS Promotional credits and other useful resources to support content creation
- Opportunities to connect and learn from like-minded developers

## Service categories represented in the AWS Community Builders Program

The program currently covers the following technology areas:

- Containers
- Data (databases, analytics and BI)
- Developer tools
- Front-end web and mobile
- Gaming technology
- Graviton/Arm development
- Cloud Ops
- Machine learning
- Network content and delivery
- Security and compliance
- Serverless
- Storage

## My Focus Area

I've been focusing on supporting applications hosted on AWS for the past year or so, and that's where I've been on my cloud journey. I've written a few articles about some of the AWS components I've worked on, but I haven't really focused on them.

In email, I focus on the cloud operations category of the program, so I spend more time reading and creating content. My current role majorly focuses on automating the cloud operations, so I will be creating more content on this topic.

## Conclusion

I am very excited to be a part of the AWS Community Builders program. I look forward to sharing more content and seeing how I can contribute.

I'm very curious about what you want to see about AWS related content. Please leave your comments on this article. All suggestions are welcome!

![2021-05-15-aws-community-builder.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1660815280088/JK4YnFt-d.png)
MATLAB Based Projects for ECE
Tags: javascript, webdev, matlab, beginners
Published: 2022-10-10 12:26:01

MATLAB is short form for MATrix LABoratory. It is a fourth generation programming language and multi-paradigm numerical computing environment. MATLAB allows matrix manipulations, functions and data plotting, algorithms implementation, user interface creation, interfacing with programs written in other languages which include C, C++, Java, Fortran, etc. 
 
MATLAB is widely used in image processing, signal processing, academic and research institutions as well as industrial enterprises. Another important point is that most of the MATLAB users come from various backgrounds like science, engineering and economics.

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/iebh654ppp0akjtc3rdv.png)
 
We have already got good ideas about the following engineering projects:
 

- Embedded Projects
- Solar Power Projects
- VLSI Projects
 
So, Here we have the top list of [MATLAB projects](https://www.youtube.com/watch?v=moby3aQXR1M) for engineering students. This list includes image processing projects using MATLAB, [MATLAB projects for ECE](https://takeoffprojects.com/matlab-based-projects-for-ece) students, digital signal processing projects using MATLAB, etc. 
 
All these projects are collected from various resources and are very useful for engineering students. 
 
1. Build a Car Parking Indicator.
2. Use Artificial Neural Network for Image Encryption.
3. Design and Apply an Electronic Differential System.
4. Build a MATLAB Based Inspection System with Image Processing.
5. Perform Image Encryption and Verification with Chaotic Maps.
Automation: Trigger GitHub workflow from the backend
Tags: webdev, github, wrokflow, automation
Published: 2022-10-10 12:19:33


[GitHub](https://blog.canopas.com/swiftlint-integration-in-xcode-and-gitlab-ci-1ae9ef6e5d85) Automation - Learn how to trigger GitHub workflow using API.

We often come around to the requirement of automation at every step in development. I have to trigger the GitHub workflow from our admin panel.

Thanks to GitHub REST APIs. Using them, I was able to do that automation.

You will learn the same step-by-step process in this post.

GitHub provides Rest API endpoints to create integration, obtain data, or automate workflow. You can explore more about them in their API reference guidance.

As we have to automate workflow runs, we will use workflow runs API from Actions reference.

For more information, visit [our blog](https://blog.canopas.com/automation-trigger-github-workflow-from-the-backend-f04e818094e5).