teleren/devto huggingface dataset:
Software AG webMethods.io API Devbytes training videos
Tags: training, video, integration, tutorial
Published: 2021-10-29 12:14:54

---
title: Software AG webMethods.io API Devbytes training videos
published: true
date: 2021-10-08 13:47:57 UTC
tags: #training, #video, #integration, #tutorial
canonical_url: https://tech.forums.softwareag.com/t/webmethods-io-api-devbytes/244918
---

[![Software AG webMethods.io API Devbytes](https://aws1.discourse-cdn.com/techcommunity/original/3X/f/8/f8825c4cf1d2cb83ed4524a5dede0f0c6f1fc168.jpeg)](https://aws1.discourse-cdn.com/techcommunity/original/3X/f/8/f8825c4cf1d2cb83ed4524a5dede0f0c6f1fc168.jpeg "image")

## Overview:

These training videos are categorized as overviews, tutorials, and tips & tricks for topics in [webMethods.io API](https://www.softwareag.cloud/site/product/webmethods-api.html). This training also demonstrates advanced concepts of [webMethods.io API](https://www.softwareag.cloud/site/product/webmethods-api.html).

## Playlist:

[![Software AG webMethods.io API Devbytes playlist](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/4t2fi2d4ejqh97vnbjhx.jpg)](https://www.youtube.com/watch?v=C5d2sKp9uRo&list=PL3HwmrSYjxiNPb9CkcmJYqSCYvue9IIZD)
 

[Read full topic](https://tech.forums.softwareag.com/t/webmethods-io-api-devbytes/244918)
Software AG webMethods.io B2B Essentials Devbytes
Tags: b2b, training, video, tutorial
Published: 2021-11-02 15:18:03

---
title: Software AG webMethods.io B2B Essentials Devbytes
published: true
date: 2021-10-08 13:47:46 UTC
tags: #b2b, #training, #video, #tutorial
canonical_url: https://tech.forums.softwareag.com/t/webmethods-io-b2b-essentials-devbytes/244919
---

[![image](https://aws1.discourse-cdn.com/techcommunity/original/3X/3/d/3d0ac829548ceaacc6044a5eb98fdfabdb5788c9.jpeg)](https://aws1.discourse-cdn.com/techcommunity/original/3X/3/d/3d0ac829548ceaacc6044a5eb98fdfabdb5788c9.jpeg "image")

## Overview:

[webMethods.io](http://webMethods.io) B2B Essential Devbytes videos can be used as reference videos during [webmethods.io](http://webmethods.io) B2B implementation. The videos provide demos of use cases and implementation.

These training videos are categorized as an overview, use case implementation, and tips & tricks in product [webmethods.io](http://webmethods.io) B2B.

## Playlist:


[![webMethods.io B2B Essentials Devbytes](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/lupr2ph3pwp1xdvqw5e4.jpg)](https://www.youtube.com/watch?v=osbfHQAksJE&list=PL3HwmrSYjxiNPoDuxjslUEzwpHUmhpMWy)
 
[Read full topic](https://tech.forums.softwareag.com/t/webmethods-io-b2b-essentials-devbytes/244919)
PAGINATION in pieces
Tags: react, javascript, pagination, logic
Published: 2021-10-08 13:46:24

---
title: PAGINATION in pieces
published: true
description: Here we will break down the pieces behind pagination logic
tags: react, javascript, pagination, logic
cover_image: https://miro.medium.com/max/800/1*Tk0DldorcoyL923BhnOs9A.png
---

## Pagination

Instead of dumping and confusing the END USER with all the data we have on the server at once, we can use concept of pagination.

Here we will present data in chunks, so basically we will feed small piece of pizza slice instead of the 12' pizza at once.

### Benefits

We can reduce the end point API response time as we are requesting only small piece of data. Consider the server has users list of 43,890 records instead of pumping all the records at once, we will pass the EXACT needed slice of record based on the where the user is.

### Show the logic

Here are few things we need to keep in mind while designing pagination concept.

1. Number of records we need to show on each page (5,10,15)
2. How many number of pages you want to show the end user (<,1,2,3 > or <1,2,3,4,5)

Here i'm taking JavaScript as my coding language, consider the data is residing inside the huggeeeee array. To extract piece of data at specific place from an array can be done by using SLICE

Array.slice(startIndex, endIndex), this will provide you the data at that frame.

Now how to calculate startIndex & endIndex 

dataLimit = the number of records we want to show on the page!

endIndex = startIndex + dataLimit;


![image](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/m4s0tm5mhw4897i0iwu5.png)
 
Now what about startIndex

startIndex = (pageNumber * dataLimit) - dataLimit

consider dataLimit = 10 records per page.

so for the first page startIndex = (1 * 10) - 10 = 0

now the endIndex will be = 0 + 10 = 10;

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

Also to get the paginationGroup, ie how many pages we want to show on the UI

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

consider pageLimit = 5, we show atleast 5 pages eveytime

 let start = Math.floor((currentPage - 1) / pageLimit) * pageLimit;

  return new Array(pageLimit).fill().map((_, idx) => start + idx + 1); 


hey future you, i hope that makes sense. 

Links used for reference:

https://academind.com/tutorials/reactjs-pagination
How To See Which Branch Your Teammate Is On In Android Studio
Tags: programming, webdev, android, tutorial
Published: 2021-10-08 13:41:18

*“What branch are you on?”* is often the first question you ask when a teammate says *“The tests aren't passing”* or *“The build failed”*. Here’s how you can get an answer to that question without even needing to ask.

In Android Studio, open up the Team Window by clicking GitLive on the bottom tool window bar.


![img-1-red-box.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1633699664183/dCnhqbt0w.png)



This will show a list of your teammates, if they are online (or away) and the issue they are currently working on. Locate the teammate you are interested in and click the arrow on the left-hand side of their avatar.


![new-img-2.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1633696676702/W-2ANiHzz.png)



Now you will see all the repositories they have cloned including the name of their current branch! 



![new-img-3.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1633696689852/rPanxv416.png)

**NOTE:** If an issue has been connected to the branch you’ll see the issue name instead, if that's the case just hover your cursor over the issue name and a tooltip will appear showing you the branch name (and even the commit hash)



![new-img-4.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1633696698108/62rzalZXQ.png)


Don't have the GitLive extension installed yet? You can [find GitLive here](https://plugins.jetbrains.com/plugin/11955-gitlive) and, if you need help setting it up, follow the instructions in [GitLive docs](https://docs.git.live/docs/installation/).
AlShop-Cart {Day - 29}
Published: 2021-10-08 13:31:15

#100daysofcode {Day -29}

Today I created a simple shopping cart page with ReactJS. You can add products to the cart and it will give you the total amount.

Live Preview: https://alshop-cart.netlify.app
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/bpn0gqgngfe3ewufq76h.png)
#javascript #reactjs #programming
Divtober Day 8: Growing
Tags: codepen, divtober, css, showdev
Published: 2021-10-08 13:25:20

---
title: Divtober Day 8: Growing
description: A cartoon animation of a tree growing.
published: true
tags: codepen,divtober,css,showdev
series: divtober
---

Day 7 of #divtober is "Growing", so I coded an animation of a tree growing (only animated on Chromium and when reduced motion is not active):

{% codepen https://codepen.io/alvaromontoro/pen/MWvgVGx %}

I don't like the code. It feels too big, verbose, and an overkill. There has to be a better way to do this.
Best practice in SpringBatch
Tags: springbatch, springboot, batchprocessing
Published: 2021-10-08 13:17:55

Hi there,

I'm looking for best practice in SpringBatch like: things which are mandatory, itemReader/writer declare in the same class as job, or in a separate one..
Is there any resource on the subject? I think i may try to write some of these; I discover the subject so I need it, are people would be interested?

It seems that there's not much of it online, i'm suprised.

Edit: After reading here and there and trying myself on a sample project. I would start with these:

* Just One Job in your batch
* Log jobParameters values, startTime via (JobLoggerListener)
* Log at the end of Job (JobLoggerListener): endTime, Status of Job, ExitStatus.exitCode, and description (maybe the returnCode for the system).
* Implements a ChunkListener to see in your log the progressing of your treatment.
* Organize your listeners in differents package so you can specify appender log for example just jobListener without log all the other details. So in Production, you have a nice log with just minimum information.
* Implements an ExitCodeGenerator to return to your system a meaning code for your ops team.
* Don't use Hibernate if not necessary, prefer JdbcTemplate.
* Use a HSQLDB database for unit testing.

For books, I read the "The Definitive Guide to Spring Batch" from Michael Minella which is great to learn the framework.
Animated Gradient Loader Using Pure HTML & CSS.|
Tags: webdev, beginners, html, css
Published: 2021-10-08 12:39:51

Hi Guys This is Awesome animated Gradient Loader Here you can get source code.
<br>
#Source Code:
##HTML:
```html

<!DOCTYPE html>
<html lang="en">
<head>
    <link rel="stylesheet" href="style.css">
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Animated Gradient Loader HTML and CSS</title>
</head>
<body>
    <div class="loader">
        <span></span>
    </div>
    
</body>
</html>
```
<br><br>
##CSS Code:
```css
*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    text-decoration: none;
}
body{
    height: 100vh;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #010113;
}
.loader{
    position: relative;
    overflow: hidden;
    box-shadow: -5px -5px -5px rgba(255, 255, 255, 0.1),
                10px 10px 10px rgba(0, 0, 0, 0.4),
                inset -5px -5px -5px rgba(255, 255, 255, 0.2),
                inset 10px 10px 10px rgba(0, 0, 0, 0.4);
    height: 200px;
    width: 200px;
    border-radius: 50%;
}
.loader:before{
    position: absolute;
    content: '';
    z-index: 10;
    opacity: 10;
    top: 25px;
    left: 25px;
    right: 25px;
    bottom: 25px;
    background-color: #010113;
    border-radius: 50%;
    box-shadow: -5px -5px -5px rgba(255, 255, 255, 0.1),
    10px 10px 10px rgba(0, 0, 0, 0.4),
    inset -5px -5px -5px rgba(255, 255, 255, 0.2),
    inset 10px 10px 10px rgba(0, 0, 0, 0.4);
}
.loader span{
    position: absolute;
    height: 100%;
    width: 100%;
    filter: blur(20px);
    border-radius: 50%;
    background: linear-gradient(#0e11d4, #0b8f84, #d81587);
    animation: loader 0.6s linear infinite;
}
@keyframes loader {
    0%{
        transform: rotate(0deg);
    }
    100%{
        transform: rotate(360deg);
    }
}
```
<br><br>
#Youtube Tutorial
<h2><a href="https://www.youtube.com/watch?v=UAo19NrQdrc">Watch Here</h2></a>
<br><br>
##Find Me On:
<a href="https://www.facebook.com/technicalvandar" terget="_blank">Facebook</a>
<a href="https://www.youtube.com/technicalvandar" terget="_blank">Youtube</a>
<a href="https://github.com/Technical-Vandar-885/" terget="_blank">Github</a>
Wrong English Disclaimer
Published: 2021-10-08 12:39:48

xDDD 

I'm spanish and I know I should learn correctly english...  and I will do.

But for now I will use my "not correctly" english for write in this posts instead publish it in spanish.

I will not check if I write correctly what I'm writting in 100% of cases cause the point of this posts are publish the progress of my actions and I will try spend the less time possible writting and focus more on what im working :P

Thanks for understand!

<3
How to create objects and pass to components in React
Tags: react, tutorial, programming
Published: 2021-10-08 12:08:50

Const arraydata = [
{  
Title:’Miraj’, 
Info: ‘miraj……..’
},
{
Title:’rahul’,
Info:’rahul..’
}
]


arraydata.map((data)=>{
	

	<Miraj, title={data.title}  info={data.info} />	
})


Const Miraj = (props)=>{
	
	const {title,info} = props

return(
	<div>
	{title}
	
	</div>
	
	<div>
	{info}
	</div>
) 
}
CosmosDB: JSON Expression
Tags: azure, cosmosdb, andreacarratta, json
Published: 2021-10-08 12:03:23

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/xjxlwk6brw14omog58gh.jpg)

🌎 CosmosDB: JSON Expression

🧪 Hai mai giocato con questa accoppiata?

Quante volte estraendo i dati con una select ti sei trovato a doverti poi costruire un JSON dedicato?

Nel post appena scritto ti mostrerò come evitare questo doppio passaggio se utilizzi CosmosDB.

💡 Si, hai letto bene! Con un attimo di attenzione e studio della SELECT potrai ottenere il tuo JSON senza doverlo poi elaborare in seguito.

[Link: CosmosDB: JSON Expression](https://links.devandreacarratta.it/5yjr)

Happy coding ... e soprattutto week-end!

#azure #cosmosdb #clouddevelopment #json #andreacarratta
October 8th, 2021: What did you learn this week?
Tags: weeklylearn, discuss, weeklyretro
Published: 2021-10-08 12:00:44

It's that time of the week again. So wonderful devs, what did you learn this week? It could be programming tips, career advice etc.

<center>

![A picture it a dog waving their paw with the caption “Learning, cool at school or at home”](https://media.giphy.com/media/1xpm1nTQiRL96Di3Q6/giphy.gif)
</center>

Feel free to comment with what you learnt and/or reference your TIL post to give it some more exposure.

{%tag todayilearned %}

And remember, if something you learnt was a big win for you, then you know where to drop it as well.👇👇🏻👇🏼👇🏽👇🏾👇🏿

{% link https://dev.to/devteam/what-was-your-win-this-week-5h25 %}

<center>

![Drama from Entourage screaming “Victory!”](https://media.giphy.com/media/lnlAifQdenMxW/giphy.gif)
</center>
Today's Daily Humor For Devs - Daily Developer Jokes
Tags: jokes, dailydeveloperjokes
Published: 2021-10-08 12:00:03

---
title: "Today's Daily Humor For Devs - Daily Developer Jokes"
description: "Check out today's daily developer joke! (a project by Fred Adams at xtrp.io)"
series: "Daily Developer Jokes"
published: true
tags: #jokes, #dailydeveloperjokes
---

Hi there! Here's today's Daily Developer Joke. We hope you enjoy it; it's a good one.

![Joke Image](https://private.xtrp.io/projects/DailyDeveloperJokes/public_image_server/images/5e1259369613c.png)

---

For more jokes, and to submit your own joke to get featured, check out the [Daily Developer Jokes Website](https://dailydeveloperjokes.github.io/). We're also open sourced, so feel free to view [our GitHub Profile](https://github.com/dailydeveloperjokes).

### Leave this post a ❤️ if you liked today's joke, and stay tuned for tomorrow's joke too!

_This joke comes from [Dad-Jokes GitHub Repo by Wes Bos](https://github.com/wesbos/dad-jokes) (thank you!), whose owner has given me permission to use this joke with credit._

<!--
Joke text:
___Q:___ How does a sysadmin keep a fire going?

___A:___ They rotate the logs.
 -->
Hiring SQL Developer in Hyderabad
Published: 2021-10-08 11:44:53

We are looking for “SQL Developer” for Reputed Client @ Hyderabad Permanent Role.
• Design the Code: Design and develop TSQL, Stored Procedures, Functions, indexes
• Review the Code: Perform code reviews, analyze execution plans, and re-factor inefficient code.
• Improve the bottom line: Use customer requirements to improve functionality (speed, performance / usability).
• Take the Lead:Respond quickly to bug fixes and enhancement requests. Follow data standards, resolve data issues, complete unit testing and system documentation for ETL processes
• Reports: Work and create reports using SSRS
Qualification:
• 3 - 7 years experience with SQL programming
• Knowledge on SSRS and SSIS will be an added advantage
• Experience with Microsoft Business Intelligence Toolset
• Data warehouse / Data mart development experience
• Excellent written and verbal communication skills and be able to interact with business team & clients for requirements
• To take directions and complete tasks on-time with minimal supervision.
• To work in a team environment

If you are suitable and interested, send your resume to hr@reqroots.com
Using localStorage to store data in the browser
Published: 2021-10-08 11:35:48

---
title: Using localStorage to store data in the browser
published: true
description: How to save data to the localStotage
tags: 
//cover_image: https://https://th.bing.com/th/id/OIP.5KgWr95mREV26deYL3KaRwHaDH?pid=ImgDet&rs=1
---

It is possible to save data handled by web application without building a database. Two of the properties that allows this to happen are the localStorage and sessionStorage. Both of these are Web Storage APIs mechanisms which basically allow data to be stored in key-value pair. So basically, you have something really similar to the JavaScript object. They do not change after page loads or refresh.  The focus of this article is on localStorage.

localStorage
Whenever data is saved to the localStorage, it remains intact even after the browser has been closed. This means that data in the localStorage is not affected by the closing and restarting of the browser. To save data in the localStorage, the setItem() method can be used. 
Example: localStorage.setItem("name", "value");

If the value passed is an array, you will have to transform it to a string by using the JSON.stringify() method.

Example:  localStorage.setItem("name", JSON.stringify(object));
 The name and value represents the key and value of the item being stored.

Note: The Web APIs key-value pair objects are always in strings, hence the need for the second example above.
Now to retrieve item stored in the database, the getItem() method comes in handy. 
Example: localStorage.getItem("name");
 Again, the data retrieved need to be transformed from strings into an object, and we will be using another method called the JSON.parse().
Example: JSON.parse(localStorage.getItem('name'));

To remove item from the localStorage, the removeItem() method is used. It takes the key of the item to be removed as below:
Example: localStorage.removeItem("name");

Lastly, you can clear the storage by using the clear() method on the localStorage object.
Example: localStorage.clear();

Watch out for my next article as I will be writing about sessionStorage() and its respective methods.
BigBlueButton & AdobeConnect Monitoring
Tags: bigbluebutton, adobeconnect, monitoring, webinar
Published: 2021-10-08 11:34:31

**BAMS** (**B**igBlueButton & **A**dobeConnect **M**onitoring **S**oftware)

It shows in progress meetings of both BigBlueButton and AdobeConnect with current usage of server resources in an integrated view.

View on [GitHub](https://github.com/geraked/bams).
Marathi Father Birthday Wishes From Daughter
Tags: birthday, father, daughter
Published: 2021-10-08 11:19:31

dad birthday
<a href="https://ibirthdaycake.com/birthday-wishes-for-father-from-daughter-in-marathi/"> Marathi Birthday Wishes </a>
dad birthday wishes
dad birthday status
dad birthday cake
dad birthday wishes in punjabi
dad birthday lines
dad birthday cake ideas
dad birthday wishes from daughter
dad birthday status in punjabi
dad birthday anniversary
dad birthday activities
dad birthday art
dad birthday amazon
dad birthday activity ideas
dad birthday art gifts
dad and birthday quotes
dad a birthday gift
dad birthday best wishes
dad birthday background
dad birthday best quotes
dad birthday but he is no more
dad birthday balloons
dad birthday blessings
dad birthday bible verse
dad birthday banner
Hello Dev!
Tags: welcome
Published: 2021-10-08 11:17:35

Heeeeello :)

I'm Alex, from Spain, and... well, my english is not really good and I'm not a Social Networks user but.. I'm gonna try change this here :)

So, the first of all sorry for my english xDD

Talking about me, I was an amateur dev from my kid times, with focus in a lot of different areas, application dev, infosec, devops, teaching, graphic design, robotics, domotics, etc.. 

I form different teams to do freelance works around the web world just for learn and try life doing what I love

Anyway I get a job in one electromedicine company and it was an incredible experience: repair / configure / install / test a looooooot of different machines with vital and really important functions like desfibrilators, RX machines, anaesthetic machine, etc.. that was a new world for me and I needed to constant learn to do my job, so I really loved it.

I started this work like technic and I got some promotions to team lead and manager of so many different contrats with hospital and military units, but...  It was not what I wanted to do the rest of my life so...  I quit :)

And now..

After some life adventures,.. travels, hobbies, etc.. I'm back to the dev world!

In this blog I'm going to try talk about the progress of the adventure what I just started, learn a new language + new framework (Python + Django) while I create a new project: XPanel (Temporal name)

If you are interested to know.. I will talk about this in my next post! :)
How to update my Garmin Connect application without any trouble?
Published: 2021-10-08 11:08:26

Hello guys, I am a new user of Garmin fitness device and trying to fetch my daily fitness activities in Garmin Connect application. But when i open the Garmin Connect application then it displayed some kind of error like update your Garmin Connect app. I tried all possible solutions from my side but still facing the same issue, so I am looking for solution for how to update Garmin Connect application. If anyone has any idea then please let me know.
https://www.garminmapgpsupdates.com/garmin-connect
Working with functions
Tags: programming, javascript, beginners, codenewbie
Published: 2021-10-08 11:08:16

As I'm going into more intermediate coding with my class, we've talked a bit about best practices and how to "think" or "interpret" the different tools provided with coding.

Something that helped me a lot with understanding how to properly use functions is when our teacher @hassanmian told us to see them as different persons.

This got me thinking; so I found a good analogy for it in a relay race. The work that needs to be done has to be devided between the different runners evenly. It'd simply be unfair if one person had to to the whole race and the rest still gets cred for it.

So if it's a lot that needs to be done, the first function needs to hand the baton to the next function and so on.

I've got a feeling that my future DEV posts are going to involve more analogies, but it helps me anchor what I learn to something I understand and who knows; it might help somebody else out there.