teleren/devto huggingface dataset:
An Overview of the scikit-learn Clustering Package
Tags: machinelearning, datascience, python, clustering
Published: 2022-01-07 09:17:54

Clustering is an unsupervised Machine Learning technique, where there is neither a training set nor predefined classes. Clustering is used when there are many records, which should be grouped according to similarity criteria, such as distance.
A clustering algorithm takes a dataset as input and returns a list of labels as output, corresponding to the associated clusters.

Cluster analysis is an iterative process where, at each step, the current iteration is evaluated and used to feedback into changes to the algorithm in the next iteration, until the desired result is obtained.

The `scikit-learn` library provides a subpackage, called `sklearn.cluster`, which provides the most common clustering algorithms.

In this article, I describe:
* class and functions provided by sklearn.cluster
tuning parameters
* evaluation metrics for clustering algorithms

## 1 Class and Functions
The `sklearn.cluster` subpackage defines two ways to apply a clustering algorithm: classes and functions.

### 1.1 Class
In the class strategy, you should create an instance of the desired clustering class algorithm, by also specifying the class parameters. Then you fit the algorithm with data and, finally, you can use the fitted model to predict clusters:

`from sklearn.cluster import AffinityPropagation
model = AffinityPropagation()
model.fit(X)
labels = model.predict(X)`

###1.2 Functions
In addition to the class definition, Scikit-learn provides functions to perform the model fitting. With respect to classes, functions can be used when there is a single dataset, which must be analyzed just once, in a single spot.
In this case, it is sufficient to call the function, in order to get clusterized data:

`from sklearn.cluster import affinity_propagation
result = affinity_propagatiom(X)`

## 2 Tuning Parameters
Clustering algorithms can be split into two big families, depending on the main parameter to be tuned:
the number of clusters to discover in the data
minimum distance between observations.

### 2.1 Number of Clusters to Discover
Usually, in this group of clustering algorithms, you should tune at least the maximum number of clusters to find. In `scikit-learn`, often this parameter is called n_clusters.
The `sklearn.cluster` package provides the following clustering algorithms belonging to this category (both the (both the class and the function is shown for each provided algorithm):

Continue Reading on [Towards Data Science](https://towardsdatascience.com/an-overview-of-the-scikit-learn-clustering-package-d39a0499814)
Top 10 Free Open-Source Testing Tools, Framework & Libraries
Tags: opensource, testingtools, framework, libraries
Published: 2022-01-07 09:09:25

Free open-source frameworks, libraries, and tools are the go-to solutions for automation testing.

The main difference between these is knowing your preference between building a brand new test automation framework using libraries or working with a made-ready tool where testing is all you will have to care about.

This article gives you a quick glance at the Top 10 Free and Open Source Testing Tools, Framework and Libraries.

[Continue reading](https://www.katalon.com/resources-center/blog/open-source-testing-tools/)
Project 95 of 100 - React Native Party Invites List
Tags: reactnative, react, javascript
Published: 2022-01-07 08:32:41

*Hey! I'm on a mission to make 100 React.js projects. Please follow my dev.to profile or my [twitter](https://www.twitter.com/jwhubert91) for updates and feel free to reach out if you have questions. Thanks for your support!*

Link to the repo: [github](https://github.com/jwhubert91/project95_reactNative_partyListApp)

**If you like projects like this and want to stay up to date with more, check out my Twitter [@jwhubert91](https://twitter.com/jwhubert91), I follow back! See you tomorrow for another project.**
Angular material table remove element by index with paginator
Tags: angular, javascript, webdev
Published: 2022-01-07 08:21:19

The easy way to implement this is to take the index of the row and apply the filter or the splice method to the dataSource.
Ideally we are going to create a click on the delete button and then we are going to get the row index. After that and with the row index we are going to filter the dataSource to exclude the record with the same index as the index that we get from the click event.
At this phase our code it will like look like this 

```
this.dataSource.data = this.dataSource.data
  .filter(item, index => index !== selectedIndex );
```

This works fine in all cases if we don’t have pagination on our material table.
So what happens in the case that we want to delete a record that it is on the second or the third page of the table and not in the first page?

###The Problem###

The problem is that, when we have pagination on the material table, the row Index starts from zero in every page. For example, the first element of the first page has index 0 and the first element of the second page has again index 0. Actually, every first element on every page has index equals to 0.

One solution to this is to follow the dataSource index.
So the only thing that we need to do is to calculate the index every time that we want to remove an element.
So from ngAfterViewInit we have available the table paginator

```
ngAfterViewInit() {
    this.dataSource.paginator = this.paginator;
}
```

With this we have access in some properties that paginator has. The properties that we want here is the pageIndex and the pageSize.
Then we can calculate the rowIndex and will be 

```
rowIndex + (pageIndex * pageSize)
```

Now we can create a function like below to remove the record from our table
```
delelteRecord(){
 const { pageIndex, pageSize } = paginator;
 const removeIndex = parentIndex + (pageIndex * pageSize);
 return dataSource.data.filter((i, index) => index !== 
 removeIndex);
}
```

Now the rowIndex will follow the dataSource index and we are ready to apply the filter method in our dataSource to get the new dataSource and display it to the screen.
Automated vs. Manual Testing: When and Why?
Tags: automatedtesting, manualtesting, softwaretesting, opensource
Published: 2022-01-07 08:14:14

"Testing is the backbone of the Agile software development methodology. The efficiency of the testing process directly impacts the quality of the deliverables and the goodwill of the organization. Buggy software can lead to poor user experience, delayed project timelines, diminished brand value, and revenue losses."

[Continue reading](https://www.katalon.com/resources-center/blog/manual-testing-vs-automation-testing/)
Future and Scope Of Web Applications
Tags: webapplications, futureofwebapplication, scopeofwebapplication
Published: 2022-01-07 08:04:34

## According to the report, Approximately 38% of the visitors will stop visiting your website if they don’t find the design attractive and unique.

## Another report suggests that more than 60% of users trust websites with correct details.

## It requires only 10 seconds to impress users when they visit your websites.

## Approximately 94% of users prefer a mobile-friendly website.

## These stats will guide you to develop web apps that make you unique from others.

## ** know the scope and future of web application development
**
_Artificial Intelligence
Machine Learning
Internet of Things- IoT_

To begin your career in web application development, you will require to learn different programming languages, including:

C#, .NET, PHP, SharePoint, Web Services, CMS, Java, Python, AJAX, Ruby on Rails, ASP, J2EE/ Java EE, and many more.

if you want build a career in [web development](https://www.mobulous.com/website-development) field. You have to  update with all the latest and trending technologies for beinh a best developer.

Article Refrence:- https://www.mobulous.com/blog/what-is-the-future-and-scope-of-web-applications-2022/
Bootstrap 5 Gradient Button With Hover Effect
Tags: bootstrap, css, html, webdev
Published: 2022-01-07 08:02:02

In this element, we use Gradient background color for buttons. Here we also modify bootstrap classes used in these frameworks.

Here we also use hover effects for making this button more attractive. Also, we used large and small buttons components.

Make it yours now by using it, downloading it, and please share it. we will design more elements for you.

[Source Code](https://w3hubs.com/bootstrap-5-gradient-button-with-hover-effect/)
Future of Angular 12
Tags: futureofangular, futureofangular12, scopeofangular12
Published: 2022-01-07 07:55:36

Angular is an amazing technology that is continuously evolving and bringing new updates. The technology is the product of Google’s TypeScript based framework that allows developers to build web applications for smartphones, desktops, etc. Over the years, the framework has gained immense popularity and has become the favorite of most developers. The frequent updates by the Angular team are another reason to fall in love with the language.
Angular 12 is the latest upgrade to Angular introduced on 12th May 2021.

Angular 12 supports typescript 4.2. Hire Developers so they can use numerous innovative and wonderful language features of it.
According to the latest study, the majority of the developers prefer to work on Angular 12, and in the coming years, the demand for Angular 12 is going to increase even more. You can use Angular for your next [website development project](https://www.mobulous.com/website-development
).

Article Refrence Link: https://topappdevelopers.medium.com/what-is-the-future-of-angular-12-2bfc627f5cce
Introducting myself and my blogging website Learn it!
Tags: ai, tutorial, discuss, machinelearning
Published: 2022-01-07 07:54:20

## What's this about?
Hey everyone! I'm very delighted to inform you that I have started a personal blog where I'll write about various **Machine Learning**, **Deep Learning** techniques, tutorials, resources etc.

## A bit about myself...
I'm a junior (Computer Science Engineering) at Indian Institute of Information Sricity, Andhra Pradesh, India. Machine Learning sparked interest in me during my sophomore year. Since then, this has been a roller coaster ride for me! I was very inconsistent with my learning, procrastinated a lot. But gradually I realised and corrected my mistake. 

Learning just the algorithms never felt home to me. I'm desperate to learn the solid mathematics behind each classical ML algorithm (Although I'm not very at mathematics). But the basic mathematics made most of the sense to grasp the crux of any ML algorithm. Unfortunately, most of the resources were kind of abstract (They're either very beginner level or advanced level). This is why I wanted to share my knowledge through blogging, so I started this blog.

I hope this'll help beginners like me in their ML journey and make their learning process enjoyable!
 

[Website Link 🔗](https://chandrakiran.tech/)
[RSS Feed Subscription 🗒](https://feedburner.google.com/fb/a/mailverify?uri=chandrakiran/VDNx)
[Weekly Newsletter 📰](https://www.getrevue.co/profile/learn-it-chandrakiran)

Do follow me on twitter for tweets that might help you: https://twitter.com/CHANDRAKIRANG5
Inspired by the future: Vision UI Dashboard React PRO
Tags: react, webdev, javascript, css
Published: 2022-01-07 07:48:34

Inspired by the future: Vision UI Dashboard React PRO

A Premium MUI Dashboard that comes with 300+ prebuilt innovative design blocks. Join the future with Vision UI.

Designed for those who like modern UI elements and beautiful websites. Made of hundred of elements, designed blocks and fully coded pages, Vision UI Dashboard PRO is ready to help you create stunning websites and webapps.

PRO Version: https://simmmple.com/product/vision-ui-dashboard-pro-react

Free Version: https://simmmple.com/product/vision-ui-dashboard-react


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


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


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


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


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/bdqz5p01yrskxzgj75n6.png)
I made a plugins weekly ranking site for all Figma Design Tool users.

Tags: nginx, jamstack, figma, webdev
Published: 2022-01-07 07:45:23

Hi guys,

I have developed a [website(https://pexr.net)](https://pexr.net) for all Figma Design Tool users.(Of course, it's also for developers who are not designers.)

## Why did you make that?

I have developed some [Figma Plugins](https://www.figma.com/@kurokky). And then, whenever that time I have to check when "Are there any similar plugins on [official page](https://www.figma.com/community/plugins)?"
But, that is not good for me(or same developers).

For Example

1. Can't see the tag informations without going to the detail pages.
1. Can't see the list of completely new creations.
1. Descending the order of "Installs" that I see only the standard ones that I can find in some blogs.
1. Ascending the order of "Installs" that I have to see a lot of unpopular plugins.

I felt that the opportunity loss was so huge in such a situation.
My motto are "Better than nothing" and "Do it myself rather than say complain."

OK,  Just do it!

## How does the ranking algorithm?

Basic Ranking excludes plugins that have been released more than 6 months after their v1.0.0 release and have once exceeded 1,000 DL. And then, It also excludes those that do not have 10 DL per week.

## How does it work?

It is made to be a almost [JAMstack](https://jamstack.org/). Actually I used Github Pages and my Raspberry Pi at the very beginning.　However, the Free plan requires a repositoriy to be public and I have to keep the build machine powered on to run the batch only once a week.
That's very inefficient for me!!!!

So, I got a domain and rent a VPS for the webserver and batch server.

## Technical problems

The official website is not Server-side rendering(SSR), you can not do the usual method (download using wget or curl) that's why　I had to use headless chrome.
I use the cui version of Inkscape to generate png file from SVG due to day of OGP image tag. However, the date notation could not be shown divided between Japan, the UK, and the USA.
I set NginX so that it can be displayed without the extension.(To make it a bit cooler)
I use the RANK function of sqlite3. (I was surprised because I didn't have this function when I started using it.)

I meant to convert the image to WEBP using [ImageMagic](https://imagemagick.org/index.php) etc..., but directly linking the one on the original site and 

## Sum up

I seem to have completely forgotten English.
Mastodon, a Destributed, Decentralized Twitter / Weibo Alternative
Published: 2022-01-07 07:42:35

Official Introduction Site: https://joinmastodon.org/  
Source Code: https://github.com/mastodon/mastodon  
Some existing mirrors, you just need to register and then log in,simply like twitter:  
https://mastodon.social/ (basically official)  

> Accessable in Mainland China:  
[acg.mn](http://acg.mn) (Not accept public registration)  
[https://wxw.moe/](https://wxw.moe/)  
[https://m.cmx.im/](https://m.cmx.im/) (Blocked)  
It’s Mirror:  [https://cmx-im.work/](https://cmx-im.work/)  Mirror: [https://unblockcmx.netlify.app/](https://unblockcmx.netlify.app/)  
[https://o3o.ca/](https://o3o.ca/)  
[mstdn.jp](http://mstdn.jp)  (japan)  
[mastodon.hk](http://mastodon.hk)  


[Other mirror sites](https://instances.social/list/advanced#lang=zh&allowed=&prohibited=&min-users=&max-users=)
Best WordPress CRM Plugins to Boost Your Online Business
Tags: wordpress, plugins, wordpresscrm, wordpressplugins
Published: 2022-01-07 07:30:58

## What is a CRM Plugin?

[CRM plugins ](https://tommyapps.com/blog/best-wordpress-crm-plugins/)allows you to store customer information in a database, create different accounts for each customer, and communicate with them. As a result, it provides a tremendous opportunity to collect and evaluate consumer data, which aids in making better business decisions and revenues.

By combining email, [live chat](https://tommyapps.com/blog/best-live-chat-software/), and social media networks into a single framework, an ideal CRM plugins will help enhance customer communication. It also provides communications records and analytics to help you determine the overall market value of your company and how many potential clients there are. You may take appropriate decisions, forecast the future of your revenues, and work on them based on the report.

Simply say, an ideal CRM tool establishes a relationship with consumers by communicating with them through a trackable framework that also assists in increasing sales and profitability.
CRM Plugins for WordPress

In this article, I have picked 6 of the best WordPress CRM plugins for your website and will be discussing their major features briefly. If you are in search of the best CRM plugins for your WordPress website, you can go through them and pick the one which would suit your business requirements.
MaxFit G3 Features Of This Product!
Published: 2022-01-07 07:14:37


We shall look at that hunch in a like manner. It was a circus atmosphere. That would be a really cool bonus if you are serious respecting using this. I just wanted to see what the results would be. This is the next best thing. For the moment at least, the downside is that you may only have one [MaxFit G3](http://ipsnews.net/business/2021/12/29/maxfit-g3-legit-or-cheap-scam-smartwatch-price-features-and-user-experience/) this is worth your time. As I said, I'm not searching for sympathy. You could look for a costly MaxFit G3 is that it details MaxFit G3 Smartwatch. About 93% of crowds never make it beyond that phase with this foundation. Which is the best scenario? I use MaxFit G3 Smartwatch first thing each morning. That's a picnic mentors. I may not always be right on target, but I thought I'd mention it to give you a frame of reference. 

Click Here=> [http://ipsnews.net/business/2021/12/29/maxfit-g3-legit-or-cheap-scam-smartwatch-price-features-and-user-experience/](http://ipsnews.net/business/2021/12/29/maxfit-g3-legit-or-cheap-scam-smartwatch-price-features-and-user-experience/)
Testing
Published: 2022-01-07 07:13:12

Problems with manual testing:
1. Difficult to write effectively
2. Impacts actual program
3. Very hard to read
4. Only a temporary fix

Automated tests:
1. Results displayed in an informative way
2. Test files are different from source code
3. Output is easy to read and understand
4. Guarantees code works as expected
5. Instantly see if anything has broken when making changes

Unit Tests:
Gurantee an individual piece of code or function work as its supposed to
Integration Tests:
Used when adding new code to already existing code to ensure changes dont break.
End to End Tests:
Timeconsuming , run from start to end for all application functions , methods etc

Behavior Driven environment is like writing a plan before you write your program. You write test before actual code.

Red, Green & Refactor
- write tests even though they will fail
- write easiest code to pass the test
- Go back and improve the code
- repeat
Why does angular run change detection Checks after a component is detached from the view?
Tags: angular, javascript, webdev, productivity
Published: 2022-01-07 07:04:21

A simple component using OnPush change detection. Detached the component in ngOnInit after the first cycle. Even after doing so, the life cycle hooks used here are being called when a button click from a different component triggers the change.

Would love to have any help understanding this!


![Component Template](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/yfc8z0p3rgti1rkngnpq.png)


![Component Class](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/rcsn7vx66yjx7kk2kiff.png)


The logs fired from the hooks can be seen below:


![Console Logs for life cycle hooks](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/x49rpbh88cnavkm1qxuh.png)
Developer Portal Connectivity to Azure API Gateway
Tags: webmethods, azure, gateway, developerportal
Published: 2022-01-12 11:51:22

---
title: Developer Portal Connectivity to Azure API Gateway
published: true
date: 2022-01-07 06:34:02 UTC
tags: webmethods, azure, gateway, developerportal
canonical_url: https://tech.forums.softwareag.com/t/developer-portal-connectivity-to-azure-api-gateway/254336
---

**Overview** :

WebMethods developer portal is simplified and lean architecture that is easier to run and requires less resources

• It is headless, pluggable, and extensible in nature – there’s an API for everything, customers will be able to use the Developer Portal or build their own UI for different type of asset.

• The developer portal is event-enabled – anything that happens in the product emits an event which other solutions can subscribe to.

• You can connect the Developer Portal with gateways from other vendors, or you can publish third-party APIs

Let us consider the use case of integration with 3rd party gateways. APIs from different gateways can be exported and imported into the developer portal. Both external and internal consumers can then consume the APIs. We can also have an optional integration layer to automate the configurations required on the gateway side to establish the connectivity with developer portal.

Check out the [original article](https://tech.forums.softwareag.com/t/developer-portal-connectivity-to-azure-api-gateway/254336) in the Software AG Tech Community to see the Azure Gateway and Developer Portal setups as well as the sequence of events to build the Integration Logic.
#8 - Simple remove duplicates CodeWars Kata (7 kyu)
Tags: javascript, tutorial, 100daysofcode, webdev
Published: 2022-01-07 06:23:51

#Instructions:

Remove the duplicates from a list of integers, keeping the last ( rightmost ) occurrence of each element.

**<u>Example:</u>**

> For input: [3, 4, 4, 3, 6, 3]
> remove the 3 at index 0
> remove the 4 at index 1
> remove the 3 at index 3
> Expected output: [4, 6, 3]


#My solution:

```javascript

function solve(arr) {
  let newArr = arr.slice().filter((n, i) => arr.indexOf(n) !== i)
  for(let i = 0; i< newArr.length; i++){
    arr.splice(arr.indexOf(newArr[i]), 1)
  }
  return arr
}
```

#Explanation
First I made a new array so I could get the repeated numbers, for this I sliced the arr var, so it makes a new array, then I filtered that new array using the condition that will filter if the index of the current number in the original array isn't the same as the one that is currently getting mapped, because remember that .indexOf() only takes the index of the first number in the array

After that I used a for loop that will execute for every element that is repeated, after that I spliced the original array, locating the elimination direction in the index of the repeated element in the original array.

After that I just returned arr

**What do you think about this solution?** 👇🤔


[Follow me on twitter](https://twitter.com/cesar__dlr)
[My Github](https://github.com/Cesardlr)
[Solve this Kata](https://www.codewars.com/kata/5ba38ba180824a86850000f7)
Re-Designing Facebook Find Friends
Tags: html, css, webdev, tutorial
Published: 2022-01-07 05:59:04

In this video, I will be re-designing Facebook's find friends page into a much snappier-looking web page. 

{% youtube gcWBABxprZg%}

I will be using HTML and CSS for the website page and will be explaining some useful things on HTML and CSS along the way.

This is a fun HTML tutorial for you to understand and apply your HTML and CSS skills.

#HTML #CSS #FACEBOOK