teleren/devto huggingface dataset:
Robotic Process Automation helps increase the Speed of the Trade Surveillance Process by 6 times

Tags: rpa, automation, roboticprocessautomation
Published: 2021-09-24 14:33:24

{% youtube ahIjQ1mh4Gk%}

Robotic Process Automation helps increase the Speed of the Trade Surveillance Process by 6 times

Check out how a leading German bank increased the speed of the Trade Surveillance process by six times after implementing the 
[Robotic Process Automation tool](https://www.datamatics.com/intelligent-automation/rpa-trubot/).
Mistakes to Avoid as a Senior Software Engineer
Tags: webdev, machinelearning, serverless
Published: 2021-09-24 14:22:58

There is no perfect man, holy books say so. A senior developer is always at higher pressure compared to the rest of the team. This is because the managers and business owners are looking to you when they need anything. Remember, you have to report to the board as well as organize your juniors to make sure the software is working right.


Fear of making mistakes


The number of years doesn’t matter when it comes to mistakes. As both a junior and senior developer, there is a point where you will make the worst mistakes, Kindly do not be afraid about that. Have a positive mentality that an error is a learning process, learning never ends. If you don’t make errors, then you don’t make anything. Be better and accept your own mistakes, then look at solutions.


Learning new things to solve problems


Remember, you have been upgraded to a senior engineer. If it’s a startup, everyone is looking for you, both front end and backend. You need to know how to manage the server and networks. It’s like you become a DevOps engineer. Yeah, do not be afraid of learning new petty stuff, even from your junior friends. The thing is that I am familiar with the minor staff. Have knowledge about most things in all the teams.


Getting it wrong first


That is the way. Software development is like a rough game where you don’t know about the end results during the first stage of development. So always expect the worst after the junior team has brought the code together. You don’t need everything to be working right. Have a book and note down what was done the wrong way and needs rectification. Majorly, don’t feel bad when the software doesn’t work the first time. Let the mistakes bring more ideas.


Stop Pareto Principle


This is hilarious and I learned this from certain blogs. The Pareto principle dictates that the 80% being brought about by 20%. Is this true? If you are a non-technical team, be sure some projects are built by purely third parties and function well. But as a senior, avoid this, have the required skills, and follow the right path to achieve your own product. Let your junior understands that their own product is much better than using any third party.
- is ( ) in CSS :  
Tags: css, html
Published: 2021-09-24 14:12:44

- is () : One of the things that allow us to write more than CSS selectors in short, and make it easier for us to do a lot of CSS operations, including reducing code lines and increasing the efficiency of the code in CSS.


It is possible through these examples that you understand what I want to convey.

![232](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/vx4acj5g995pai94kxee.PNG)
 


In this example, you see a simple and small need. The difference may not be clear. see with me if there is a large example, the difference may be a factor in how.

![2321](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/m8n183r7zgara9kid2rt.PNG)
 
 


This can be clearly between the topic and on a scale of projects and the code will be complex, the importance of :is() and the code will be added and easy to modify.


The :is() is very similar to the nested operation in the CSS preprocessor.

![231](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/86shy787m4g6rbycnfje.PNG)
 


:is( ) is supported in all browsers except IE (internet explorer).

Finally, you can look at these links and you will understand them better.


- https://bit.ly/3CmTU3c

- https://bit.ly/3AeQDlY
How to implement POM(Page Object Model) In Cypress
Tags: cypress, cypressio
Published: 2021-09-24 13:58:12

Explain with :
- Without POM with example
- With Implementing POM In Cypress with example

VIDEO with detail explanation:
https://youtu.be/9jul26uOutE

https://www.youtube.com/channel/UCrRPMnWk2slXl4xFOVXfTmQ?sub_confirmation=1
Whats is Cypress Dashboard? || Step by Step Integration with CI Jenkins
Published: 2021-09-24 13:56:39

The followings items are covered in this Cypress VIDEO: :
-Configuration of cypress dashboard
-Connecting Cypress dashboard with git
-Connecting cypress dashboard with CI
-Run test case in .jenkin and track result in cypress dashboard

https://qaautomationlabs.com/integrate-cypress-dashboard-with-jenkins-and-execute-the-test-cases/

https://tinyurl.com/2fssys4p
IST402 CTA Button Progress
Published: 2021-09-24 13:46:13

For our web component, my partner Liz and I are making a Penn State button that links to the Penn State hockey schedule.

**Successes**
We have the css for the design of the button, as well as the hover state working for our button. Thursday we also learned how to add an icon to the button. Which we plan to continue to develop along with the other parts of the button that we need.

**Struggles**
We're struggling a little bit with the disable part of the button, but since the professor posted a video editing another persons button which included disabling the button, that should help us be able to figure out how to get the disable part of work for our button.

**Group Repo:**
https://github.com/runtimeErrorsMadeEasy/ctaButton
Gia Hạn Định Vị
Tags: giahandinhviprotrack
Published: 2021-09-24 13:43:11

Hướng Dẫn Gia Hạn Định Vị Protrack  ( Định vị siêu nhỏ, Định vị theo dõi bí mật ) : 300.000 vnđ/năm. (chưa bao gồm cước sim data)
* Lưu ý: Một số thiết bị không phải do Đơn vị chúng tôi cung cấp vì vậy những thiết bị này Có thể gia hạn được. Chúng tôi có thể hỗ trợ gia hạn đổi sang Phần mềm mới có máy chủ tại Việt Nam hoặc thu cũ đổi mới thiết bị. Chi tiết vui lòng liên hệ
https://dinhvixemay.org/huong-dan-gia-han-dinh-vi-protrack.html
https://baovietgps.vn/cach-gia-han-dinh-vi-protack-vt08-vt05-vt02-vt03d-lk201.html

Để đóng phí Gia hạn định vị Protrack  đúng cho nhà cung cấp dịch vụ, các bạn cần cung cấp các thông tin sau:

Tên tài khoản đăng nhập
Biển số xe
Số điện thoại mua hàng
Cách Gia Hạn Định Vị Protrack.
Có 3 cách để gia hạn:
1. Chuyển khoản vào tài khoản ngân hàng. (Liên hệ để lấy số tài khoản khi gia hạn).
2. Chuyển khoản qua momo. Nếu quý khách có momo.
3. Đóng trực tiếp tại cửa hàng.
Ngoài ra quý khách đang sử dụng các phần mềm khác, Có thể liên hệ chúng tôi để gia hạn như:
- Gia hạn định vị itrack 
https://dinhvixemay.org/cach-gia-han-dinh-vi-itrack.html
- Gia hạn định vị DAGPS 
https://dinhvixemay.org/huong-dan-gia-han-dinh-vi-dagps.html
- Gia Hạn Định Vị Viettel 
https://dinhvixemay.org/huong-dan-gia-han-dinh-vi-viettel.html
Làm thế nào để Định Vị Xe Máy Bằng Điện Thoại 
https://dinhvixemay.org/dinh-vi-xe-may-bang-dien-thoai-2.html
Bước 1: Bạn phải đăng ký mua một thiết bị định vị tại Bảo Việt GPS Xem sản phẩm tại đây
Bước 2: Kỹ thuật viên sẽ đến lắp đặt thiết bị định vị vào xe của bạn muốn theo dõi
Bước 3: Cài đặt phần mềm để Định Vị Xe Máy Bằng Điện Thoại

⇒ Quý khách có thể dùng thử phần mềm bằng cách sau: Từ điện thoại của quý khác đối với điện thoại Android bạn vào CHplay, trên Iphone Bạn vào Appstore tìm và Tải chương trình T-Track pro về máy. Sau đó mở chương trình bạn mới tải về lên và làm điền thông tin như trong hình.

» Ổ số 1 bạn gõ: baovietgps.com
» Ô số 2 bạn gõ: DEMO
» Ô số 3 bạn gõ: 123456 và bấm đăng nhập
Tìm hiểu thêm bài viết Thiết bị định vị xe máy nào tốt 
https://dinhvixemay.org/thiet-bi-dinh-vi-xe-may-nao-tot.html
Liên hệ: Bảo Việt Technology
www.baovietgps.vn
Typescript for JS people
Tags: typescript, javascript
Published: 2021-09-24 13:40:25

The source code related to this blog can be found here:
https://github.com/abhidatta0/Typescript-for-JS-people
 
In order to setup Typescipt in your own local computer, install   

- nodejs
- npm 
- VSCode(optional).

After that create a folder, (I have given mine as "typescript-for-js-people").
Now, go to Gitbash or any command line tool, and type
`npm init -y`.This will auto generate a package.json file and the folder root.
After that install typescript by typing
`npm install typescript --save-dev` in cmd.
This tells npm to install typescript as a dev dependency since we are going to need Typescript only in dev.It will also add a node_modules folder and package-lock.json file, but we dont need to bother about those.

If everything goes well, after this the package.json file will look like :
![typescript-1](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/y9a3x2s7gw8jlrlksxeg.png)
### Folder Structure
First go to cmd and type `npx tsc --init`
This will create a tsconfig.json file at the project root folder.
Docs for tsconfig.json: https://www.typescriptlang.org/docs/handbook/tsconfig-json.html
If you look in the tsconfig.json file, there will be many commented line in a key-value pair (same as js object), we need to uncomment  "rootDir" key and  give value as "./src",
"outDir" key and give value as "./dist".
This basically means that we will write our typescript code in src folder(or subfolders) and javascript code will be outputed by typescript compiler(`tsc`) to dist folder. 
Create a folder structure in src as src/Basic 1/_1.ts.
So, our project folder will look like this.
![typescript2](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/3szslwaohd9dfkugcrv9.PNG)

### Start writing code
Now inside the _1.ts write code
```
console.log("Abhirup");
```
That's it! It is actually typescript(as well as javascript).

### Compiling
Now type in terminal,
`npx tsc` . This will generate the js file inside a newly created `dist` folder(done by the tsc compiler).

Inside it, the js files are there with the same folder structure as src folder(but with .js extension).

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

Please do like and share this blog.
QA processes setup. What does it mean on practice?
Tags: testing
Published: 2021-09-24 13:37:12

QA processes setup. What does it mean on practice?
➡️ Test strategy development and test planning.
➡️ Various testing type from manual to automation and mobile testing on real devices.
➡️ Testing docs development.
➡️ Test management.
➡️ QA manager who will monitor the work of each QA engineer, provide reports and carry out all project related communication.

Want to learn more? We’ll be glad to hear from you at general.okqa@gmail.com
How to cooperate? Dedicated QA team or on-demand testing?
Tags: testing
Published: 2021-09-24 13:36:46

How to cooperate? Dedicated QA team or on-demand testing? Dedicated QA team means:
👉 Dedicated team or separate QA specialists for full-time involvement.
👉 Quick team resize upon your request.
👉 Daily meetings to synchronize the working process.
👉 QA manager for reporting and organizational issues.

On-demand testing is:
👉 Manual or automation specialists dedication upon your request for testing tasks.
👉 1-2 days for testing at the end of each sprint.
👉 Testing of the new functionality.
👉 Regression testing of the previously implemented features.

To discuss the details or to get a comprehensive consultation, reach us out at general.okqa@gmail.com
Manual testing. When to use it, and what are the pros and cons?
Tags: testing
Published: 2021-09-24 13:36:17

Manual testing. When to use it, and what are the pros and cons?
Manual testing best works for:
✔️ Short-term projects when there is no point in spending higher maintenance and management costs on automation of the testing process. since you can cover basic project needs with manual testing.
✔️ Exploratory testing when you need to evaluate a product or its features from different perspectives, explore an extensive range of user paths, and find bugs that can be missed by automated scripts.
✔️Ad-hoc testing when you want to walk in the end-customer's shoes and unveil defects through unexpected behavior or error guessing. Strict test cases can't give you the same freedom, right?

‼️Pros of manual testing
💯 Real-life, human feedback.
🔗 Flexibility and no upfront expenses on specialized tools as in automated testing.
➰ Visual product evaluation.

⛔ Cons of manual testing
🚧 May become resource-consuming throughout the whole project’s life-cycle.
📒 Human factor and higher chance of missed errors.
🔧 Technical limitations when it comes to load, performance, or stress testing.

So, manual or automation testing? What works best for your project? https://ok-qa.com/
Automated testing. When to use it, and what are the pros and cons?
Tags: testing
Published: 2021-09-24 13:34:44

Automated testing. When to use it, and what are the pros and cons?
Opt for automated testing if you want to:
✏️Optimize speed and efficiency of the testing process.
✏️Reduce and speed up regression testing.
✏️Automate complex test cases.
✏️Check the functionality with numerous data sets.

Pros of automated testing:
↗️Mitigated risks connected to the human factor.
↗️Reusability of test scripts.
↗️Reduced feedback cycle.
↗️More accurate and consistent results.
↗️Broader test coverage and faster testing cycle.

Cons of automated testing:
↘️Significant time and money investments.
↘️It may be difficult to get insight into visual aspects.
↘️Costly tests maintenance and tricky test scripts debugging.
↘️Test tools selection. As you may know, automation testing tools can be expensive and have their limitations able to reduce the scope of automation.

Looking for automated testing services? Tap https://ok-qa.com/
Automated or manual testing. How to find the right balance?
Tags: testing
Published: 2021-09-24 13:33:53

Automated or manual testing. How to find the right balance?
We bet this is the question for which many of you would like to get a clear answer. The right balance between automated and manual testing is also one of the main challenges a team faces at different stages of the SDLC.

So, when is it better to use automated testing?
- For regression testing, when the repeated execution of the task is required.
- For functional testing during swift and frequent code changes.
- For performance testing to simulate a huge number of concurrent users.
- For load testing to evaluate the load efficiency.
- For stable features or product builds.

It's better to apply manual testing if you want to:
- Check the usability and evaluate how user-friendly and convenient the solution is.
- Run ad-hoc testing without a scenario and study the application as an ordinary user.
- Perform exploratory testing relying on the tester’s experience and intuition.
- Start short-term projects.
- Gain full control and flexibility of how to execute single tests.

Looking for manual or automated testing services? Tap https://ok-qa.com/
How to work with the dedicated QA team from OKQA?
Tags: testing
Published: 2021-09-24 13:32:46

How to work with the dedicated QA team from OKQA?
✏️You can get a dedicated team or separate QA specialists for full-time involvement.
✏️Quick team resize upon your request is possible at any time.
✏️You can establish daily or weekly meetings to synchronize the working process.
✏️We can also allocate a QA manager for reporting and organizational issues, ensuring a two-tier product verification.

Want to learn more or looking for a dedicated QA team? Follow https://ok-qa.com/
Why QA processes setup on a project is so important?
Tags: testing
Published: 2021-09-24 13:31:34

Why QA processes setup on a project is so important? Because it is integral to your success. A comprehensive QA process precisely defines requirements, provides a thorough understanding of the features, and outlines a path for QA engineers. It also grants the following benefits:
1. Improved productivity and efficiency.
2. Smooth product operation and enhanced user experience.
3. Boosted clients' confidence.
4. Saved money and effort on unexpected bugs fixing after the deployment.
5. More profit for selling quality assured solutions at a higher rate.

Want to learn more, or are ready to discuss your first steps on the QA processes setup path? Reach out to the OKQA team: https://ok-qa.com/
5 Reasons Why We Love Software Testin
Tags: testing
Published: 2021-09-24 13:30:25

5 Reasons Why We Love Software Testing
➡️We love software testing because it is complex.
➡️We love software testing because it improves products' quality.
➡️We love software testing because it challenges us.
➡️We love software testing because it is about understanding not only your customer but product end-users as well.
➡️We love software testing because it allows us to implement new ideas.

And why software testing is important for you? The real benefits you can explore with the OKQA team. Reach us out https://ok-qa.com/
Debugging Maven tests in IntelliJ IDEA
Tags: java, intellij, maven
Published: 2021-09-24 12:56:00


We all know it. You write the test, it works when you click the Run button in IntelliJ but it fails when run with `mvn clean test`.

It can be all sorts of issues, related to jar packaging, etc... You add the breakpoint into your test, but how to convince Maven's Surefire plugin to debug mode? 
How to use awesome power set of IntelliJ debugging tools? 

**Remote debug to the rescue.** 

## IntelliJ IDEA

Setting up remote debug for your Tomcats, etc can be very cumbersome, but doing it for Maven Surefire plugin tests is actually very easy. 

In IntelliJ we create new run Configuration. 

![IntelliJ IDEA Run Configuration](https://ppolivka.com/images/maven-debug.png)

We can just add new one and leave the defaults in. 

## Maven

Now we execute the maven run in debug mode. 

```bash
mvn test -Dmaven.surefire.debug
```

This will start the tests in debug mode. Read the terminal text and when there is line that the debug mode started, start the IntelliJ run config. 
It will attach itself to the executing test, and you can use all the tools IntelliJ provides. 

If you want to execute just one concrete test, you can do it like so:

```bash
mvn test -Dtest=TestClass.java#testMethod -Dmaven.surefire.debug
```

---

If you like this article you can follow me on [Twitter](https://twitter.com/pavel_polivka).
Portfolio React Hooks
Tags: react, javascript, reacthoks
Published: 2021-09-24 13:29:45

# Said MOUNAIM

<p align="center">
  <kbd>
    <img src="https://i.ibb.co/N9mXnwr/sm.png"></img>
  </kbd>
</p>

## Getting Started

These instructions will get you a copy of the project up and running on your local machine for development and testing purposes.

You'll need [Git](https://git-scm.com) and [Node.js](https://nodejs.org/en/download/) (which comes with [npm](http://npmjs.com)) installed on your computer.

```
node@v10.16.0 or higher
npm@6.9.0 or higher
git@2.17.1 or higher
```

Github : https://github.com/saidMounaim/SMPortfolio
Why did you choose the QA Engineer career?
Tags: testing
Published: 2021-09-24 13:28:01

Why did you choose the QA Engineer career? This is one of the most common questions you can hear during the interview process. How to answer it? Think over and jot down the key points that resonate with your expertise. Here is what we would answer.
➡️We love to decipher riddles. And testing is a kind of solving complex logical puzzles.
➡️We eagerly take on challenges and do not give up solving the most complex QA tasks.
➡️Testing is about contributing to releasing a quality product to the market. And quality products help us all to go forward.
https://ok-qa.com/
How to cooperate with a QA vendor?
Tags: testing
Published: 2021-09-24 13:24:48

To build successful and productive cooperation with a QA vendor, you can request an engagement model that best fits your business goals and product objectives. There are the most common options you can choose from:
-Dedicated team working as your remote QA department.
- On-demand testing when QA specialists join your team for specific QA tasks upon your request.
- QA staff augmentation to extend your in-house QA capabilities.
Ready to discuss further? https://ok-qa.com/
QA at different SDLC stages
Tags: testing
Published: 2021-09-24 13:23:24

You are on the planning stage of your product development life-cycle? Probably, software testing and QA is almost the last item in your list of top priorities. But here is how we can help you:
1. Check and testing requirements.
2. Prepare a project test plan.
3. Develop test scenarios.

Reach us out at general.okqa@gmail.com and we'll work out a QA action plan perfectly fitting your project peculiarities.
Applying Filter to Table using Livewire
Tags: laravel, livewire
Published: 2021-09-24 12:22:32

In this Tutorial, we will see how to implement Filter on a Table using Livewire. This is the part 4 of the Series related to adding New Functionality to a Table using Livewire. In [Last Part](https://dev.to/100r0bh/bulk-action-using-livewire-31i7) of the Series we saw how to implement Bulk Action using Livewire.

Let us assume we have a Model called as `Product` and it has a column `status` which represents whether the Product is active or not. And we want to give User the ability so that they can Filter the Products using `status`.

I would assume that you already have a working Livewire Component which is showing the Records in a Table Form. First of all we are going to create a Dropdown in View which would allow User to Filter the Records.

```
<div>
    <label>
        Status
    </label>
    <select>
        <option value="">Any</option>
        <option value="1">Yes</option>
        <option value="2">No</option>
    </select>
</div>
```

The Dropdown has 3 Values. Any, Yes and No. When User selects Any, all Products will be displayed. When User selects Yes, only those Products which have `status` of 1 should display. And when the User selects No, Products with `status` of 0 will display.

Next we will create a property called `$selectedStatus` and link it with above dropdown using `wire:model`.

```
public $selectedStatus = '';
```

```
<select wire:model="selectedStatus">
    <option value="">Any</option>
    <option value="1">Yes</option>
    <option value="2">No</option>
</select>
```

This way whenever User changes the above Dropdown, the property `$selectedStatus` would be updated in the Component and Livewire will re-render the component. Now all we need to do is to change the Query so that User Selection is honoured.

Below is the current Query that we have.

```
public function query()
{
    return Product::query();
}
```

We will change this using `when` Condition like below

```
public function query()
{
    return Product::query()
        ->when($this->selectedStatus, function($query) {
            return $query->where('status', $this->selectedStatus);
        });
}
```

Since we are using `when` clause, the query with where clause on `status` column will only be added when User selects Yes or No. So if the User selects `Any` which is equivalent to empty, then the query with where Clause will not be added. 

This is all that we need to filter the Records using Livewire. Here we filtered the Records using the column from the current table. In the next [post](https://dev.to/100r0bh/applying-belongsto-filter-to-table-using-livewire-1elp) we will see how to filter the Records using Belongs To Relation.

If you have liked this Tutorial, please checkout the Livewire Package [tall-crud-generator](https://github.com/ascsoftw/tall-crud-generator) which automatically generates all the Code related to Filter on multiple columns.