teleren/devto huggingface dataset:
My First AWS certification
Tags: aws, firstpost, beginners
Published: 2022-01-25 10:40:22

Hello everyone If you are reading this then you must be new to cloud or must be trying to achieve the cloud certification as a beginner. If so keep reading and I hope this blog will help you out during your first certification. Now AWS provides in total 11 cloud certification which are divided into categories like foundational, associate, professional and specialty. This post is mainly focused on the developer associate certificate of AWS which can be considered as beginner level.

## A Little background

 I am not completely new to the cloud domain. I was somewhat familiar with the basic concepts of cloud before this certification. If you want to clear some of the basic understanding regarding aws cloud you can take this totally free courses offered by aws here- [link](https://explore.skillbuilder.aws/learn/course/external/view/elearning/134/aws-cloud-practitioner-essentials?dt=tile&tile=fdt)
 

##Resources

There are plenty of resources available online free and paid both for the deep preparation of this exams. Here are few of them that helped me to pass the certification exam.

1.**Official AWS Documentation** - This is the best way to read and understand regarding the all the services provided by AWS [link](https://docs.aws.amazon.com/).

2.**Udemy Courses**- Udemy provides many paid courses for preparation of this exam but I have used the course by stephane maarek. The course structure is very well articulated and more than enough to score the passing marks in the exam [link](https://www.udemy.com/course/aws-certified-developer-associate-dva-c01/).

3.**Test Series**- The test series helps to test your knowledge before exam and have a firsthand experience of how the questions will appear in the real exam. Here is the link for test series offered by tutorialsdojo [link](https://portal.tutorialsdojo.com/courses/aws-certified-developer-associate-practice-exams/).

4.**AWS community**- The AWS community on the reddit is very helpful and friendly. This community was a great help in my preparation of the exam [link](https://www.reddit.com/r/AWSCertifications/).

##Tips and Tricks

1.Decide a proper timeline for completing certificate and study accordingly.

2.Hands-on experience of AWS console will be much more beneficial to you rather than only watching videos and tutorials, so open your AWS console and get your hands dirty in various services. keep the costs of various services in mind while doing this because you don't want any unnecessary bill on your AWS account.

3.Make notes while doing hands-on will come in handy during last phase of preparation.

4.AWS documentation, FAQs and white papers are great for deep understanding of each service.

##Future

Moving forward I am interested in completing the other two associate level certificates which are solution architect and SysOps administrator. If you have liked this post let me know in the comments and your valuable feedback is always welcome from my side.
Publish Connector from Designer to webMethods.io integration tenant
Tags: webmethods, integration, esb, cloudstreams
Published: 2022-01-26 12:52:41

---
title: Publish Connector from Designer to webMethods.io integration tenant
published: true
date: 2022-01-25 10:33:50 UTC
tags: webmethods, integration, esb, cloudstreams
canonical_url: https://tech.forums.softwareag.com/t/publish-connector-from-designer-to-webmethods-io-integration-tenant/254763
---

Usecase: Develop a connector and publish that connector to the [webMethods.io](http://webMethods.io) integration tenant from Designer.

Prerequisites:

- Designer 10.5 with Cloudstreams and all the latest fixes
- [webMethods.io](http://webMethods.io) tenant
- [webMethods.io](http://webMethods.io) user with admin role

**Steps to publish**

Check out the steps to publish in the [original article](https://tech.forums.softwareag.com/t/publish-connector-from-designer-to-webmethods-io-integration-tenant/254763) in the Software AG Tech Community.
Restaurant Website with HTML CSS JS
Tags: css, tutorial, javascript, beginners
Published: 2022-01-25 10:27:22

{% youtube W52FwaTd6c4 %}

How to make restaurant website using html css javascript

In this video, I will show you how to create (mobile-first responsive) restaurant website.

[Live Website](https://codewithsadee.github.io/foodhub-restaurant-website/)
[Github Repo](https://github.com/codewithsadee/foodhub-restaurant-website)
[Source Code](https://drive.google.com/file/d/1QIxD2VEocDtH7vRdqADhs5DLILEVxfIs/view?usp=sharing)

---

HI 👋
I'm Sadee (webdev)
In this channel I make videos about Complete Responsive website.
You can checkout my channel 👇

📺 My Channel : [codewithsadee](https://www.youtube.com/channel/UC1PZHWV6VvICTL1LgFUZq6g)
🔔 Subscribe : [subscribe now](https://www.youtube.com/channel/UC1PZHWV6VvICTL1LgFUZq6g?sub_confirmation=1)
🕐 New Videos Every Week

---

🔗 Essential links
-----------------------------
[All Images](https://drive.google.com/file/d/1bqrVxu6d-sIj6ILfaw2zRHcldXMExLJe/view?usp=sharing)
[Html Text](https://drive.google.com/file/d/1OZWcfmXiTW2eC-FbHxayXnevGXXsF9SL/view?usp=sharing)
[Font - Rubik](https://fonts.google.com/specimen/Rubik?query=rubik)
[Font - Monoton](https://fonts.google.com/specimen/Monoton?query=monoton)
[Ionicon](https://ionic.io/ionicons)

---

⏱️ Timestamps
-----------------------------
0:00 - Demo
3:40 - File structure
4:05 - Html initial
4:35 - Css variable & reset
7:08 - Header section
25:04 - Home section
36:31 - About section
44:48 - Service section
47:19 - Product section
57:48 - Testimonials section
1:01:50 - Footer
1:04:45 - Javascript
1:08:54 - Media queries

---

💜 Like - Follow & Subscribe Me
-----------------------------
Twitter : https://twitter.com/codewithsadee
Github : https://github.com/codewithsadee
YouTube : [codewithsadee](https://www.youtube.com/channel/UC1PZHWV6VvICTL1LgFUZq6g)
Buy Me A Coffee : https://www.buymeacoffee.com/codewithsadee
Patreon : https://www.patreon.com/codewithsadee

---

[![Buy Me A Coffee](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/9kn6vwn4mulhsx6o69is.png)](https://www.buymeacoffee.com/codewithsadee)
Bluetooth Hacking
Published: 2022-01-25 10:18:52

Bluetooth hacking is a technique used to get information from another Bluetooth enabled device without any permissions from the host. This event takes place due to security flaws in Bluetooth technology. Bluetooth hacking is not limited to cell phones, but is also used to hack PDAs, Laptops and desktop computers.

## **The most common types of Bluetooth attacks**
BlueSmacking. BlueSmacking is a way to execute a Denial of Service attack against a Bluetooth-enabled device.
BlueJacking. BlueJacking sounds like Bluetooth plus hijacking for a reason.

- BlueSnarfing.

- BlueBugging.

## **Tools**

Super Bluetooth Hack 1.08. This software is used for controlling and reading information from a remote phone via Bluetooth or infrared. …

- Blue Scanner. …

- Blue Sniff. …

- BlueBugger. …

- BTBrowser. …

- BTCrawler. …
How to use Local Fonts in CSS
Tags: css, tutorial, beginners, webdev
Published: 2022-01-25 10:10:48

There are many great fonts that you might want to use into your website but that font might not be a font which you can import to your CSS file like you can do with some like google fonts.

Importing local font into CSS is a little different than importing fonts from websites like Google fonts, where we have import at-rule (@import) 

Example:

```
@import url('https://fonts.googleapis.com/css?family=Open+Sans&display=swap');
```

_You might have seen this syntax where we just pass the font URL._

___

##Importing local font

Now, to import a local/downloaded font into your css file there is a different CSS at-rule that creates a custom font property that you can reference in your css file.

```
@font-face 
{ 
font-family: "Open Sans";  
src: url("/fonts/OpenSans-Regular-webfont.woff2")format("woff2"); 
}
```

This a simple and clear syntax at first look, you are giving a name to reference your font `font-family:`, also giving the the relative URL to your font `src:` and the format of the font `format`

You can use same syntax again for different styles of same font like bold or light.

Here, you can use any name in the font-family, and reference that name in css afterwards, so different names for different styles.

Also, It would be a good practice that you create a fonts folder in your assets folder to store the font.

_For reference and more detailed overview you can check out section of MDN on same here -> [MDN Link](https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face)_

---

**If you found the content i share useful than share it with your developer friends and also follow me on [Instagram](https://www.instagram.com/gaurav_vaala/) and [Twitter](https://twitter.com/gaurav_vaala)**
The State of Quality Report 2022 | The Next Stepping Stone of Software Testing
Tags: softwaretesting, testingtrends, shiftlefttesting, qualityreport2022
Published: 2022-01-25 10:09:43

---
title: The State of Quality Report 2022 | The Next Stepping Stone of Software Testing
published: true
tags: softwaretesting,testingtrends,shiftlefttesting,qualityreport2022
---
The software testing field is ever-changing to accommodate the demand for high-quality software. At the start of the new year, let’s go through the main findings of The State Of Quality Report 2022 to keep an eye on the latest software testing trends.
![The State of Quality Report 2022](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/l4oeew9lixxeq7t4aq4k.png)

## Shift-left is the Current Testing Trend.
In our report, the most cited struggles of delivering high-quality software are frequent requirement changes (46%) and lack of time (39%). Insufficient time and regular requirements changes are significant setbacks for testers, leaving them no bandwidth to practice more in-depth testing. To mitigate this roadblock, teams have been shifting-left - monitor and test earlier in production. Despite being a powerful tool to support this practice, only 51% of our respondents said they had implemented automation in testing.

## Test Automation is Worth the Investment. 

A whopping 63% of respondents reported that they had experienced 20% or more cost/time-saving by adopting automation. The inconvenience in the set-up phase is worth it in the long run if teams are willing to commit. The effectiveness in time/cost saving of automation might be why the popularity of open-source tools, such as Selenium, has declined 50% in 3 years. On the other hand, frameworks such as KS and Perfecto, which require minimal building and maintenance effort, are on the rise.

## AI Testing is the Next Big Thing in Automation.

AI adoption is still low among QA teams. Less than 50% of our respondents had used AI in their testing process. At the moment, its maturity is only sufficient for simple script generation and screen comparison. Most tools are currently not AI-supportive. As a result, implementing AI means introducing a collection of new tools to the system. However, the future of AI testing is fruitful as the technology becomes more comprehensive, according to our interviewees. 

## Our Recommendation for the QA Community in 2022

Automation has emerged as a vital component in Agile and DevOps. Align with the 59% of respondents; we think it is crucial to improve the adoption of automation in testing. Fully invested and committed automation will eventually lead to better QA processes and practices, which is the common goal in 2022 for 67% of our respondents. 

![Primary software quality goals](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/595dj86bnu4zxqhp6b8r.png)

Get our [free report](https://www.katalon.com/state-quality-2022/) for more practical objectives and testing trends to better software quality in 2022.
Best WooCommerce Authorize.net Plugins
Published: 2022-01-25 10:02:26

Offering secure payment gateways for transactions is one of the important concerns of every eCommerce store owner. Customers will have different preferences when it comes to payment gateways. So most store owners will opt to feature multiple payment gateways on their stores. If you have a WooCommerce store, you can find several popular plugins to help you integrate with different payment gateways. In this article, we will try to familiarize you with some of the best WooCommerce Authorize.net plugins.

**1. ELEX Authorize.net Patment Gateway for WooCommerce**

This is one of the best options in the market to help you integrate Authorize.net payment to your WooCommerce store. Once you install this plugin, you will be able to accept credit card and eCheck payments from your customers. One of the important features of this payment mode is that the customers will stay on your site throughout the entire checkout process. You can forget the hassles of redirecting your customers to the payment gateway site and then driving them back to your site.

**2. WooCommerce Authorize.net**

This is another plugin that you can use for a seamless integration of Authorize.net payment gateway into your WooCommerce store. You can make sure that the transactions are completely secure and offer the best possible checkout experience to your customers using this plugin. Customers will be able to save their credit card details as well for faster checkout the next time. Moreover, the plugin offers seamless compatibility with important plugins like WooCommerce Subscriptions and WooCommerce Pre-orders. Furthermore, the plugin provides you with some of the advanced features of Authorize.net like eCheck processing, customer profiles, and card tokenization.

**3. YITH WooCommerce Authorize.net Payment Gateway**

Authorize.net is one of the universally accepted payment options and will be a good option to have on your online store. As it is a fast and reliable option for transactions, a lot of customers will be confident to make a purchase on your site, and thereby contributing to better conversion rates. Moreover, it also increases the possibility of repeat purchases on your store. If you have a WooCommerce site, this plugin will help you integrate Authorize.net payment gateway on your site effortlessly. Your customers will be able to make payments through credit cards, and will have a nice checkout experience on your store.
The plugin offers two modes so that you can decide how to create the checkout experience. You can either redirect them to the payment gateway site or let them complete the checkout process on your site itself. Along with credit card payments, customers can also use eCheck payments where they can directly pay from their accounts. The plugin allows to provide itemized order details to customers for better clarity. Furthermore, the plugin offers quick refunds, which you can manage with a single click on your WooCommerce admin.

**<u>Reference Blog</u>**
https://www.gomahamaya.com/authorize-net-plugins-woocommerce-wordpress/
Raport got hunted on ProductHunt🚀
Published: 2022-01-25 09:57:14


![Raport dashboard with single metrics](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/oa4rfhc3f8tz3ce6h8e0.png)

Raport is an app that me and my Co-founder have been working for past 8 months. It integrates metrics from other web apps into one clear and easy to use dashboard to help people simplify analytics and reporting.

We've build it to solve our own problem of staying up to date with performance of other project we've created. Switching between multiple web apps (Analytics, Ads, Social Media, Stripe, AdSense) just took too much time and wasn't ideal solution for comparing different data.

Right now our main features are:
- Clear and easy to use dashboard with all your metrics
- Daily, weekly and monthly email reports
- Data monitoring with alerting



Let me know what you think about Raport and leave any feedback on our [ProductHunt page](https://www.producthunt.com/posts/raport).
UX and Web Analysis
Tags: ux, analytics, design, webdev
Published: 2022-01-25 09:54:48

{% youtube c2blKt5jJ1o %}
Hi!
Focus on user experience and web analysis. Why do we need web analytics? What to watch out for while working with web analytics? How to use web metrics in the measurement plan? What about segmentation? These and even more you will find in the newest episode of Experts Zone.

Enjoy! You can also read the article at [Frontend House](https://frontendhouse.com/experts-zone/ux-and-web-analysis-experts-zone).
Why Salesforce Implementation?
Published: 2022-01-25 09:50:54

Once in a while, since beginning with Salesforce can represent a test, you should pick the right Salesforce execution expert for a smooth Salesforce progress in your association.

With more than 13 years of involvement, [Bigworks](https://bigworks.co) offers start to finish types of assistance of Salesforce counseling, execution, and backing. We tweak [Salesforce Implementation](https://bigworks.co/salesforce-implementation/) administrations to suit both basic and complex cycles. Lighting Components, Apex, Visual power, movement of information from inheritance frameworks, and combination with outsider applications are for the most part accessible at a low Salesforce execution cost.

Outfitted with a wonderful group of experienced Salesforce-guaranteed in-house trained professionals, we give the best of the business ability, skill, and the important apparatuses for a simple Salesforce venture for you.
How do I check my Cash App balance without App?
Published: 2022-01-25 09:33:58

**[Cash App Balance](https://i-cashapp.com/check-cash-app-balance/)** :- You can check Cash App Balance without App also. If you do not have access to your phone, you can open your Cash App online. Visit the official Cash App website and go to the login page. Enter your mobile number or e-mail ID and log in to your account. The Cash App dashboard will display on the screen. Now, locate the dollar sign and see your balance. However, you can also contact customer support to know the Cash App balance. It is important to know the remaining balance in the account to avoid a transfer failed issue. Maintain your Cash App balance for smooth transactions.

Read More :- **[https://i-cashapp.com/check-cash-app-balance/](https://i-cashapp.com/check-cash-app-balance/)**
Using GOCURE to generate html reports in GO
Tags: go, selenoid, testing, html
Published: 2022-01-25 09:33:26

Some months ago, I wanted to generate a modern html report from my selenoid json reports using Go. I tried to find something good for me already ready to use, but I didn't. So I've created the GOCURE.

GOCURE is a library written in pure Go providing the possibility to generate html reports from cucumber json reports.

&nbsp;


## Import

Is it possible to use gocure by importing in a project

```go
import (
	"gitlab.com/rodrigoodhin/gocure/pkg/htmlreport"
)
```

Generate html report file with charts
```go
htmlreport.Generate("cucumber_report.json", "output/", true)
```

Generate report html file without charts
```go
htmlreport.Generate("cucumber_report.json", "output/", false)
```

Generate report html text with charts
```go
htmlReport, _ := htmlreport.Export("cucumber_report.json", true)
```

Generate report html text without charts 
```go
htmlReport, _ := htmlreport.Export("cucumber_report.json", false)
```

## Build and Execute

If you don't want to import, you can build the project and execute
```
git clone git@gitlab.com:rodrigoodhin/gocure.git
cd gocure
go build gocure.go
```

Usage of gocure
```
Example:
./gocure -j <CucumberJSONFile> -o <OutputFolder> -c

-j = Cucumber Json File. MANDATORY
-o = Output Folder
-c = Set if chart will be included
```

Example:
```
./gocure -j /path/to/json/file.json
./gocure -j /path/to/json/file.json -o output/folder/
./gocure -j /path/to/json/file.json -o output/folder/ -c
```

&nbsp;

## HTML Report Screenshot

Example of a html report generated with gocure

![HTML Report Screenshot](https://res.cloudinary.com/dc0rph0xf/image/upload/v1643101988/projects/gocure/screenshot_zdppki.png "HTML Report Screenshot")

&nbsp;

### [Gitlab Repository](https://gitlab.com/rodrigoodhin/gocure)
Animate Checkbox in React
Tags: javascript, react, tutorial, webdev
Published: 2022-01-25 09:33:18

### Hello Folks 👋
What's up friends, this is **SnowBit** here. I am a young passionate and self-taught developer and have an intention to become a successful developer.

Today, I am here again with cool stuff and I hope you learn something new. So, let's get started.

![demo](https://cdn.hashnode.com/res/hashnode/image/upload/v1643102829367/lVRxk7wJN8.gif)
So, let's see how to animate like this,

###  Step 1 - Install this package
Install this npm package to your React application
```bash
$ npm i react-animated-checkbox
```

### Step 2 - Import the package
```js
import CheckBox from "react-animated-checkbox";
```
### Step 3 - Creating Checkbox
```js
<CheckBox
        checked={checked}
        checkBoxStyle={{
          checkedColor: "#34b93d",
          size: 100,
          unCheckedColor: "#b8b8b8"
        }}
        duration={400}
        onClick={() => setChecked(true)}
      />
```

### Full Source Code
```jsx
import CheckBox from "react-animated-checkbox";
import { useState } from "react";
export default function App() {
  const [checked, setChecked] = useState(false);
  return (
    <div className="App">
      <h1>Hello world</h1>
      <CheckBox
        checked={checked}
        checkBoxStyle={{
          checkedColor: "#34b93d",
          size: 100,
          unCheckedColor: "#b8b8b8"
        }}
        duration={400}
        onClick={() => setChecked(true)}
      />
    </div>
  );
}
```
---

Thank you for reading, have a nice day!
**Your appreciation is my motivation 😊**

- Follow me on Twitter - [@codewithsnowbit](https://twitter.com/codewithsnowbit)
- Subscribe to me on YouTube - [Code With SnowBit](https://www.youtube.com/channel/UCNTKqF1vhFYX_v0ERnUa1RQ?view_as=subscriber&sub_confirmation=1)
Adding Custom Item to the Context Menu in Blazor File Manager Component
Tags: blazor, webdev, csharp, dotnet
Published: 2022-01-25 09:18:22

Learn how to add custom item to the context menu in a Syncfusion [Blazor File Manager component](https://www.syncfusion.com/blazor-components/blazor-file-manager) easily. Also, this video explains how to add icon and handle click operation for the custom context menu item in the File Manager.

Product Overview: https://www.syncfusion.com/blazor-components/blazor-file-manager

Example project: https://github.com/SyncfusionExamples... 

Explore tutorial videos: https://bit.ly/3fAz0Ch

{% youtube ajeXGfk6FUw %}