teleren/devto huggingface dataset:
Anywebp - I Create This Free Site to Bulk Convert Webp to Jpg Files
Tags: webdev, productivity, discuss, showdev
Published: 2022-12-14 03:32:21


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/a517u74ij41wn5922ugx.jpg)
I feel so excited to annouce my new project "AnyWebp", a free website that allows you to convert any webp files to jpg formats. 

Anywebp is an online file conversion service that allows users to convert files from one format to another. Whether you need to convert webp to jpg or png, we have got you covered with our easy-to-use drag and drop interface.

It has been built with simplicity in mind. It's as easy as uploading your file through our website, choosing a target format and clicking on Convert! In no time at all your file will be converted into the desired format.

The best part about AnyWebp is that it runs in the browser without any plugins or extensions! And It supports batch files conversion at once! You can use it directly from your browser by visiting the site. 

**How to Use Anywebp for webp to jpg conversion?**

1. Go to anywebp’s homepage and upload your webp files.
2. Choose the file export format such as jpg or png, then set up the output size and quality. 
3. Once the settings done, click "convert" and wait for the image processing. After 10-15 seconds, you will get the result. 
4. Feel free to save the high-quality jpg files to your computer. 

**Support Formats:**

- Uploading formats: Webp/JPG/PNG/GIF/SVG/iCO/BMP
- Export formats: webp/jpg/png/ico

**Available Platforms**

- Online 
- Windows/Mac

Anywebp website: https://anywebp.com/
7 Web Performance Testing Tools for Software Testers(With Winner) | Performance Testing Tools.
Tags: programming, webdev, tutorial, beginners
Published: 2022-12-14 03:13:08

In this video, We are going to cover Top 7 Web Performance Testing Tools that As a Software Tester you Should Know.

Learn JMeter 👉👉 https://bit.ly/learnjmeter2020

{% embed https://youtu.be/90i84iqEZSo %}

Here is the List
1. Jmeter.
2. Locust.io
3. LoadRunner
4. Multi-mechanize
5. Element
6. LoadNinja
7. WebLOAD

JMeter : https://jmeter.apache.org/

The Apache JMeter™ application is open source software, a 100% pure Java application designed to load test functional behavior and measure performance.

Locust.io
An open source load testing tool. Define user behaviour with Python code, and swarm your system with millions of simultaneous users.

LoadRunner
LoadRunner is a software testing tool from Micro Focus. It is used to test applications, measuring system behaviour and performance under load. LoadRunner can simulate thousands of users concurrently using application software, recording and later analyzing the performance of key components of the application.

Multi-Mechanize is an open source framework for performance and load testing. It runs concurrent Python scripts to generate load (synthetic transactions) ...

Flood Element Load Testing Tool website : element.flood.io
Load Test Your App Using Real Browsers. Flood Element is the first scalable, browser based load generation tool — making load testing as easy as functional.

LoadNinja | Performance Testing and Load Testing Tool website : loadninja.com
The only load testing tool to record, replay, and test in real browsers at scale. Performance testing doesn't have to be the bottleneck.

WebLOAD: Load Testing and Website Performance Testing ...www.radview.com
WebLOAD is a powerful performance testing tool, used by Fortune 500 teams to validate complex systems under stress and pinpoint problems. Test for yourself.

-----------------------------------------------------
👪 Join our Community - http://bit.ly/learntesting2019

✅ Automation Tester Community - https://thetestingacademy.com

🐦Follow us on Twitter  - https://twitter.com/itstechmode

📖 Like us on Facebook - https://www.facebook.com/scrolltest

🎤 Listen to our Podcast - https://anchor.fm/thetestingacademy

------------------------------------------------------

#automationtesting #manualtesting #testautomation #thetestingacademy #scrolltest

🚀 Tools and services I recommend:
Some of the courses that I recommend to become better Automation Tester 🙌🙌

✅Selenium Training and Certification -
https://scrolltest.com/go/edureka


✅Learn Jenkins for QA -
https://bit.ly/learnjenkins-p1


✅Programming Java -
https://bit.ly/learnjava2020-p1


✅Test Automation - 
https://bit.ly/learnautomation2020


✅API Testing - 
https://www.learnapitesting.com


✅Cypress Tutorial with LIVE Projects -
http://cypresstutorial.com
What are API Marketplaces and how you can build one using webMethods Developer Portal
Tags: api, apimanagement, integration, marketplace
Published: 2023-01-06 08:34:05

---
title: What are API Marketplaces and how you can build one using webMethods Developer Portal
published: true
date: 2022-12-14 02:33:26 UTC
tags: api, apimanagement, integration, marketplace
canonical_url: https://tech.forums.softwareag.com/t/what-are-api-marketplaces-and-how-you-can-build-one-using-webmethods-developer-portal/267313
---

[![API Marketplace](https://aws1.discourse-cdn.com/techcommunity/optimized/3X/1/9/1947f5782526ce96e87848708620269681d0ff97_2_690x459.jpeg)](https://aws1.discourse-cdn.com/techcommunity/original/3X/1/9/1947f5782526ce96e87848708620269681d0ff97.jpeg "API Marketplace")

Organizations want to use more and more APIs created by internal developers, their partners, or third party organizations. They also want to open up their APIs to more and more application developers who work in the same organization, in partner organizations, or third party developers. The aim to build applications that create the most value possible and that reach the most number of users.

You can build a feature rich, highly customizable, and extendable API Marketplace using webMethods Developer Portal. We have created a number of enablement content that describes what API Marketplaces and their benefits are, and how you can build one with webMethods Developer Portal. Feel free to check them out.

[API Marketplaces demo video](https://www.youtube.com/watch?v=5cKDDzpTgEk)

[API Marketplaces blog post – part 1](https://blog.softwareag.com/api-marketplaces/)

[API Marketplaces blog post – part 2](https://blog.softwareag.com/api-marketplace-with-webmethods-developer-portal/)

[Read full topic](https://tech.forums.softwareag.com/t/what-are-api-marketplaces-and-how-you-can-build-one-using-webmethods-developer-portal/267313)
Part 1 - Fullstack Journey
Tags: webdev, javascript, programming, beginners
Published: 2022-12-14 02:28:44

Steps: 
-> **Learn Frontend Development**
-> Learn Backend Development
-> Databases
-> Deployment

At this moment we are starting from zero the studies with frontend. 

Since my knowledge with frontend is basic in creating Wordpress pages, static sites, making occasional changes, Carolina referred me to this course (Curso Web Moderno Completo com JavaScript 2022 + Projetos).

There are many classes to attend, so far I have done some exercises in Javascript fundamentals.

Check it out: ([Link](https://github.com/lleamancio/exercise-frontend))

- Basic Organization of a JS Code

- Running JavaScript

- Var, Let and Const

- Weak Typing

- Types in JavaScript: Number, String, Boolean, Array, Object

- Understanding Null & Undefined

- Functions

My routine is fitting in with my English studies, I believe in the next part we will have pages being created.

Lets go to next level!!!


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/4x0xo3qu8yaypcebdzvo.gif)
Looking for feedback for my job board for junior developers 💻
Tags: webdev, programming, feedback, jobs
Published: 2022-12-14 02:22:15

Hire Jr Devs is a job board focused on helping Jr developers find jobs easily 💻

[Hire Jr Devs](https://www.hirejrdevs.com/)

It's super difficult to find jobs for junior devs which is why I decided to create this website. I know it's difficult because I tried...many times.

The goal of the website is to make it extremely easy to find a job as a junior developer without having to waste time searching on huge job boards such as Indeed, SimplyHired, etc.

The pricing to post a job is also affordable compared to most job boards out there.

There are two plans:

**Basic - $149.99**

✅ Job Stays up for 1 month
✅ Includes Company Logo
❌ Email Blast to Developers Database
❌ Job Card Highlighted)

**Premium - $199.99**

✅ Job Stays up for 1 month
✅ Includes Company Logo
✅ Email Blast to Developers Database
✅ Job Card Highlighted

By no means the project is a 100% complete. Many things need fixing and I'm fixing them as I write this, but a fresh pair of eyes is always good to notice more things.

Feel free to use the website and sign up to get the latest junior dev jobs.

Feel free to let me know what works, what doesn't, what you like, what you don't like, etc.

You can reach out to me on Twitter as well.

Thanks in advance!!

[Twitter](https://twitter.com/balt1794)
What Is HTML and How Does It Work?
Tags: beginners, webdev, html, codenewbie
Published: 2022-12-14 02:16:05

HTML, or Hypertext Markup Language, is the building block of the Web. It is a standardized system for tagging text files to achieve font, color, graphic, and hyperlink effects on Web pages.

At its core, HTML is a way to mark up text so that web browsers can interpret and render it correctly for users. It uses a series of tags, or elements, enclosed in angle brackets to structure the content on a page. For example, the `<h1>` tag is used to create the largest and most important heading on a page, while the `<p>` tag is used to denote a paragraph of text.

Here's a simple example of what an HTML file might look like:

```
<!DOCTYPE html>
<html>
  <head>
    <title>My First Webpage</title>
  </head>
  <body>
    <h1>Hello, World!</h1>
    <p>This is my first webpage.</p>
  </body>
</html>
```

As you can see, the HTML file starts with a `<!DOCTYPE>` declaration, which tells the web browser what version of HTML the page is written in. In this case, we're using HTML5, the latest and most widely-supported version of HTML.

The `<html>` element surrounds the entire content of the page, and the `<head>` and `<body>` elements divide the page into two sections: the head and the body. The head contains metadata about the page, such as its title, while the body contains the actual content that will be displayed to the user.

In the body of the page, we have an `<h1>` element, which creates a large heading, and a `<p>` element, which creates a paragraph of text. This is just a small taste of what HTML can do – there are many more tags available for creating a wide variety of content, from lists and tables to images and videos.

HTML allows web developers to structure the content of a webpage in a consistent and meaningful way. This makes it easier for web browsers to render the page correctly and for users to understand its content. It also allows developers to create interactive and dynamic pages using technologies like JavaScript and CSS.

In addition to the core set of tags, such as the ones mentioned in the example above, HTML also includes tags for creating and styling forms, displaying multimedia content like images and videos, and linking to other pages and resources. These tags are added to the HTML code in a logical and hierarchical manner, forming a tree-like structure called the Document Object Model (DOM).

The DOM is what allows web browsers to understand the content and structure of a webpage and to render it on the user's screen. It also allows developers to manipulate the page using JavaScript, for instance to update the content or to respond to user actions.

Overall, HTML is a crucial part of the Web, as it provides the means to create and structure the content of webpages. It is constantly evolving and improving, with new versions of HTML being released periodically to support new features and capabilities. If you're interested in learning more about HTML and how it works, there are many resources available online, including tutorials, documentation, and online courses.
Google removes pagination
Published: 2022-12-14 01:20:03

Google has removed search results pagination (as it is seen right now for logged in users). So what, someone says. But this could to be a little more significant update than it may seem. There's no 2nd, or 3rd, or 5th results pages technically any more, there is only a long-scroll now. And this looks quite awesome. So many search results that were below the fold became a little more demanded than before. Now the whole thing just stopped being so vertical, so centric to the first few results in the list, and has given a chance for more content to create a relevant interest and attention. This could mean the whole thing big update yeah, and still such a small trick. Heh, let's hope for more in the next year! Merry holidays 🎄
Kafka mTLS Setup
Tags: kafka, security, mtls, decodable
Published: 2022-12-14 00:49:52

Learn how to setup Kafka with mTLS and build a consumer for it.

[![Kafka mTLS Setup](https://img.youtube.com/vi/7uLzYsEJrSE/0.jpg)](https://www.youtube.com/watch?v=7uLzYsEJrSE)
SPVM now uses Github Action Version 3
Tags: perl, spvm, github, githubaction
Published: 2022-12-14 00:14:09

<a href="https://metacpan.org/pod/SPVM">SPVM</a> now uses Github Action Version 3.

<a href="https://github.com/yuki-kimoto/SPVM/tree/master/.github/workflows">.github/workflows</a>

```
name: linux-ubuntu-latest

on:
  push:
    branches:
      - '*'
    tags-ignore:
      - '*'
  pull_request:

jobs:
  build:
    runs-on: ubuntu-latest
    steps:
      - uses: actions/checkout@v3
      - name: Perl version
        run: perl -V
      - name: Perl config
        run: perl -MConfig -MData::Dumper -e 'local $Data::Dumper::Sortkeys = 1;warn Dumper \%Config;'
      - name: Set PERL5LIB
        run: echo "PERL5LIB=$HOME/mylib/lib/perl5:$HOME/mylib/lib/perl5/"$(perl -MConfig -e 'print $Config{archname}') >> $GITHUB_ENV
      - name: Download cpanm
        run: perl -Mstrict -Mwarnings -MIO::Socket::INET -e 'my $socket = IO::Socket::INET->new(PeerAddr => qq(cpanmin.us), PeerPort => 80, Proto=> qq(tcp));print $socket qq(GET / HTTP/1.0\r\nHost:cpanmin.us\r\n\r\n);binmode STDOUT;print <$socket>;' | perl -p -0777 -e 'BEGIN { binmode STDOUT;binmode STDIN  } s/.*?\r\n\r\n//s' > cpanm
      - name: cpanm installs dependent modules
        run: perl cpanm -v -n -L ~/mylib --installdeps . --configure-args="--no-build-spvm-modules"
      - run: perl Makefile.PL
      - run: make
      - run: make disttest
```
Test React components in few steps: Unit tests
Tags: programming, react, javascript, tutorial
Published: 2022-12-13 23:58:17

The main reason why we need to test is to test whether the app behaves as expected on not. Apps may have  some errors which we may not discover but using react test library in the best solution.

React Testing is grouped into 3 categories.

 **1. Unit Test**
- whereby we test a single  a component.

 **2. Integration test**
- whereby we test multiple components

**3. End to End test (E2E)**
- where we test the whole App from Frontend-Backend.

Let's dive into :

 **Unit test**
1. Select a component you would like to test.
2. Copy and paste the name of that component. In my case the name of the my component is 
`PayButton`
 The name of the file is 
`PayButton.jsx`
and after pasting I will rename the file to `PayButton.test.js` 
3. You need to add the description of what you what to test in that test file(`PayButton.test.js`).
4. You need to import the component into that test file too.

Below is how my test file looks like `PayButton.test.js`



```
import {render, screen} from "@testing-library/react"
import PayButton from "./PayButton"

test('on initial render, the pay button is disabled,', () =>{

render(<PayButton/>);

screen.debug();
}
)

```

Once you are done, you now go to terminal and run the command



```
npm test
```

if you are using `npm `




```
yarn test
```


if you are using `yarn`.

You can also fix the errors in that test file too in that test file depending on the errors you are seeing.

Let's move on to **Integration** testing
Efficiently Finding and Replacing Text in Multiple Files Using ripgrep and sed
Tags: bash, sed
Published: 2022-12-13 23:52:35


## subtitle
Convenient way to search for and replace text in multiple files using the powerful ripgrep and sed tools


## command
```bash
rg "some string" | xargs -d "\n" sed -i "s/some string/another string/g"
```

The command searches for the specified string using ripgrep and pipes the results to xargs, which executes the sed command on each line returned by ripgrep. The sed command then replaces each occurrence of "find-string" with "new string" in the specified files.


Here's the breakdown of the command:

- `rg "find-string"`: This uses **ripgrep** to search for the string "find-string" in the current directory and all its subdirectories.
- `|`: This pipes the output of the previous command (the list of files containing "find-string") to the next command.
- `xargs -d "\n"`: This takes the output from the previous command and passes it as arguments to the **sed** command. The -d option narrows down the delimiter to a newline character, so that each line returned by **ripgrep** is passed as a separate argument to **sed**. By default it uses new line characters as well as spaces
- `sed -i "s/find-string/new string/g"`: This is the **sed** command, which replaces each occurrence of "find-string" with "new string" in the specified files. The -i option tells **sed** to edit the files in-place, so the changes are saved directly to the original files. The s command is the substitute command, which performs search and replace operations on the specified files. The g flag at the end tells **sed** to replace all occurrences of the search string, rather than just the first one.


## Links

- [sed](https://www.man7.org/linux/man-pages/man1/sed.1.html)
- [xargs](https://man7.org/linux/man-pages/man1/xargs.1.html)
- [ripgrep](https://github.com/BurntSushi/ripgrep)
Avent of Code - Day 13 - Distress Signal
Tags: adventofcode, python, blog, programming
Published: 2022-12-13 23:18:27

[Advent of Code](https://adventofcode.com/) occurs at Dec 01 to 25 where each day, you will need to solve a puzzle. It is Festival and the problem statement is mostly related to Christmas.

## Day 13 - Distress Signal
https://adventofcode.com/2022/day/13

![image.png](https://cdn.steemitimages.com/DQmYmJyKvbY4bDS7uz5HbUuU1HZPwckR3udRotcB65kstXg/image.png)

### Q1
```python
import sys
from collections import defaultdict, deque

file1 = open(sys.argv[1], "r")

ans = 0

def check(a, b):
    if a < b:
        return "yes"
    if a > b:
        return "no"

def f(a, b):
    ans = False
    for p in zip(a, b):
        if type(p[0]) == type(p[1]) == int:
            ans = check(p[0], p[1])
        elif type(p[0]) == type(p[1]) == type([]):
            ans = f(p[0], p[1])
        elif type(p[0]) == int and type(p[1]) == type([]):
            ans = f([p[0]], p[1])
        elif type(p[0]) == type([]) and type(p[1]) == int:
            ans = f(p[0], [p[1]])
        if ans:
            break
    if not ans:
        if len(a) < len(b):
            return "yes"
        elif len(a) > len(b):
            return "no"
    return ans

cur = []
data = []
while True:
    line = file1.readline()
    if not line:
        break
    line = line.strip()
    if not line:
        data.append(cur[:])
        cur = []
        continue
    cur.append(eval(line))

if len(cur) == 2:
    data.append(cur[:])

for i, (a, b) in enumerate(data):
    print(a, b)
    if f(a, b) == "yes":
        ans += i + 1
        print(i + 1)

print(ans)
```

### Q2
```python
from functools import cmp_to_key
import sys
from collections import defaultdict, deque

file1 = open(sys.argv[1], "r")

ans = 0

def check(a, b):
    if a < b:
        return -1
    if a > b:
        return 1
    return 0

def f(a, b):
    ans = False
    for p in zip(a, b):
        if type(p[0]) == type(p[1]) == int:
            ans = check(p[0], p[1])
        elif type(p[0]) == type(p[1]) == type([]):
            ans = f(p[0], p[1])
        elif type(p[0]) == int and type(p[1]) == type([]):
            ans = f([p[0]], p[1])
        elif type(p[0]) == type([]) and type(p[1]) == int:
            ans = f(p[0], [p[1]])
        if ans:
            break
    if not ans:
        if len(a) < len(b):
            return -1
        elif len(a) > len(b):
            return 1
    return ans

data = []
while True:
    line = file1.readline()
    if not line:
        break
    line = line.strip()
    if line:
        data.append(eval(line))

a=[[2]]
b=[[6]]
data.extend([a, b])

data.sort(key=cmp_to_key(f))
for x in data:
    print(x)
print((data.index(a) + 1) * (data.index(b) + 1))
```

Trick: use the [eval](https://helloacm.com/teaching-kids-programming-evaluate-reverse-polish-notation/) to simplify parsing inputs to mixed types of arrays/integers (multidimensional arrays).
Tenary Values
Q2 is sorting by cmp_to_key.


<hr/>

### [Steem](https://steemyy.com) to the Moon!
What is competitive programming
Published: 2022-12-13 22:50:19

Competitive programming is a type of computer programming competition in which participants solve challenging problems using algorithms and other programming techniques. It is a way to test and improve your problem-solving skills, as well as your knowledge of algorithms, data structures, and programming languages.

To get started with competitive programming, it is important to have a strong foundation in computer science concepts, including algorithms, data structures, and programming languages. It is also helpful to have a good understanding of math and logical reasoning.

Once you have the necessary knowledge, you can start practicing by solving problems on websites such as HackerRank, TopCoder, and CodeForces. These websites provide a wide range of problems of varying difficulty levels, which you can use to improve your skills.

In addition to practicing, it is also important to stay up to date with the latest developments in the field of competitive programming. This can be done by reading articles, blogs, and books on the subject, as well as attending conferences and workshops.

Finally, participating in competitions is a great way to test your skills and see how you measure up against other competitive programmers. Many websites, such as HackerRank, TopCoder, and CodeForces, also host regular contests and competitions.

Overall, competitive programming is a challenging and rewarding field that can help you improve your problem-solving skills, as well as your knowledge of algorithms, data structures, and programming languages. With practice and dedication, you can become a top competitive programmer.