teleren/devto huggingface dataset:
10 Automation Testing Tools That every QA Should Know.(With MindMap).[2020 Edition]
Tags: webdev, beginners, programming, tutorial
Published: 2022-12-11 07:09:46

Here is the List of top 10 Automation Testing tools 2020 Edition,

Learn Cypress Tutorial :  https://cypresstutorial.com
.
Learn API Testing : https://www.learnapitesting.com

Automation Tester Training : https://thetestingacademy.com


Download MindMap :  https://bit.ly/3c7Gv20

{% embed https://youtu.be/CntxAXMZSu0 %}

 Automation Tester tools are must have tools for any SDET or QA to know to perform a Automation Testing.

In this video, I am going to explore the top 10 Automation Tools that you should learn as QA/SDET.

Automation testing is a Software testing technique to test and compare the actual outcome with the expected outcome. This can be achieved by writing test scripts or using any automation testing tool. Test automation is used to automate repetitive tasks and other testing tasks which are difficult to perform manually


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

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

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

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

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

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

#automationtesting #manualtesting #testautomation #thetestingacademy #scrolltest

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

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


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


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


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


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


✅Cypress Tutorial with LIVE Projects -
http://cypresstutorial.com
Make a simple nav-bar with Laravel and Bootstrap
Tags: laravel, php, bootstrap
Published: 2022-12-11 07:08:31

Bootstrap has it's own component to make navbar and you can see that [here](https://getbootstrap.com/docs/5.2/components/navbar/). In this tutorial we want to show how to use it in Laravel. 
First of all you have to include bootstrap's CSS file in your project. if you want to use JS features it is required to use JS file also. 
lets create some routes in laravel:
```
Route::view('/', 'home')->name('home');
Route::view('/about', 'about')->name('about);
Route::view('/contact', 'contact')->name('contact');
``` 
In views you can `@include()` nav-bar view like this:
```
@include('nav-bar') 
```
now lets create the `nav-bar.blade.php` for navbar you can use the default [nav bar of bootstrap](https://getbootstrap.com/docs/5.2/components/navbar/). 
and generate links like this:
```
<li class="nav-item">
    <a class="nav-link @if(Route::currentRouteName() == 'home') active @endif" href="{{ route('home') }}">Home</a>
</li>

```
As you can see for making active routes bold you have to write a complicated code like this:
```
@if(Route::currentRouteName() == 'home') active @endif 
```

## Easier way to activate links in Laravel 
For making links active you can use the [Active package](https://github.com/tuytoosh/active) and it really makes your code easy and instead of using above code you can write this:
```
@active('home') 
```
You can find the package [here](https://github.com/tuytoosh/active). I hope it helps you.
How to remove trailing commas from the last element of an array using JavaScript?
Published: 2022-12-11 07:00:46

To remove the comma from an array's last element, call the replace() method.
```
let array = ['value1', 'value2', 'value3', 'value4', 'value5,'];
    let last_index = array.length-1;
    let last_value = array[last_index].replace(',', '');
    array[last_index] = last_value;
   console.log(array);
   //Output
   ['value1', 'value2', 'value3', 'value4', 'value5']
```

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/y4tg1lbbmzaodecsgjmw.png)
- Find the last element from an array using length.
` array.length-1;`
- Replace comma using replace method and filter new value
` array[last_index].replace(',', '');`
- Push new value at last element index 
`array[last_index] = last_value;`

Output will be 
` //Output
   ['value1', 'value2', 'value3', 'value4', 'value5']`
The storm before the calm: finals week
Tags: beginners, programming, productivity, opensource
Published: 2022-12-11 06:35:57


I am sure all students can relate to how stressful finals week is! 
Going to sleep at 6 am,  and waking up at noon is now the new norm and has been for the last 2 weeks. I have been through many finals weeks by now, but this one is the most uniquely brutal. I underestimated the amount of work before signing up for all the difficult courses that I did in September. 

## The good stuff 

Before starting release 0.4, I was stressed out! I was worried about finding a big enough issue that I could comfortably work on and make it before the deadline. But then I thought why not work on many small issues and challenge myself to do multiple pull requests. 

I picked my favorite Seneca College project [my-photohub](https://github.com/humphd/my-photohub) and successfully created two pull requests there. 

[PR1](https://github.com/humphd/my-photohub/pull/35): For the first pull request I had to integrate a previously implemented functionality `github-upload` into the rest of the application. 

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

Next, I found another very interesting project[ bcgov/cas-cif](https://github.com/bcgov/cas-cif/pull/1251) This was a project by the government of British Columbia and I thought it would be nice to contribute to this project. 

All I had to do as described below, was refactor and optimize the regex for emails and phone numbers across multiple files. 


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



I also ended up doing a last-minute contribution to [vscode-seneca-college ](https://github.com/Seneca-CDOT/vscode-seneca-college/pull/16)extension repo for the issue regarding displaying user stats such as screen time and edits made per hour. 

This issue required me to do some research and learn about vscode APIs. Since I had never done any vscode extensions before I had to study the documentation and look through some examples before diving into the code. 


## Endless learning 📖

All of the issues I picked taught me something new. So far, my progress has been smooth without any major bugs or hurdles. 

## The struggle 😪

Fitting in multiple assignments in a short time span is hard! This week has been about four things: open-source development, cloud computing, mobile app development, and robotics. I had very little time to dedicate to other courses. However, despite the hurdles and bottlenecks, I feel pretty good about my accomplishments so far.
Top 3.00 VS Code Extensions For Productivity
Published: 2022-12-11 05:25:50

## Top 5 VS Code Extensions For Productivity

> VS Code is a great tool for editing code, but it isn’t useful unless you also have extensions that make it easier to do your day-to-day tasks. These extensions can help you be more productive by giving you features that will streamline your workflow and improve your ability to work on code faster. In this read, we’ll provide a list of the top extensions for productivity in VS Code.


[GitLive](https://marketplace.visualstudio.com/items?itemName=TeamHub.teamhub)

GitLive is a great add-on that gives users real-time features such as an online presence for team members and instant merge conflict detection with the IDE’s built-in Git functionality.

The IDE plugin adds a team sidebar/tool window where you can see who in your team is online, what issues and branches they are working on, and what changes they’ve made on those branches. This is excellent for remote teams and makes it feasible to view or share work in progress without using a screen share or cutting and pasting snippets of code into Slack or Teams.

[Trunk](https://marketplace.visualstudio.com/items?itemName=Trunk.io)

The Trunk meta code checker and reformatted are great for scalarly checking, formatting, and monitoring code. It has a number of cool features, such as caching, detecting preexisting issues, a daemon, and a language server, that make it a must-have extension. It’s managed entirely via config-as-code, so you can easily pin your repository to specific versions of your linters, formatters, and static analyzers. You will enhance code quality and uniformity, and you can be sure that your setup matches everyone else’s. It is very stable and quick to install and run on your IDE, CLI, or CI platform.

[Markmap](https://marketplace.visualstudio.com/items?itemName=gera2ld.markmap-vscode)

With Markmap, you can generate visualizations for your markdown files in a number of ways. It parses markdown content and concentrates its inherent various leveled design and delivers an intuitive mindmap. The most significant advantages include the ability to preview markdown files as markmap and the ability to modify markdown files in a text editor, as well as being able to update them even offline.
Escaping Tutorial Hell and Building Your Own Projects as a Programmer
Published: 2022-12-11 05:08:00

The problem of "tutorial hell" plagues many beginning programmers. In this circumstance, you may feel stuck in your instructional learning and unable to advance to creating your own projects. In this post, we'll look at various strategies for getting out of tutorial hell and beginning to develop your own programming projects.

Setting a goal for yourself is one method to get out of tutorial hell. This might be a project you want to complete or a skill you want to pick up. You'll feel more motivated to keep going forward and have a sense of direction if you have a clear goal in mind.

Another way to escape tutorial hell is to start building small projects on your own. This will allow you to practise the abilities you've learnt through tutorials in a practical context. You will unavoidably run into difficulties and issues as you work on these tasks that you will need to resolve. This will assist you in improving your programming abilities and problem-solving abilities.

It's also important to seek out feedback and guidance from other programmers. This could be through online forums, communities, or even in-person meetups. Getting feedback from other programmers will help you to improve your skills and overcome any obstacles that you might encounter.

Here are a few project ideas for you:

Build a **simple to-do list web application** that allows users to add and manage their tasks. This project could be  using technologies such as HTML, CSS, and React JS to create the user interface, and a server-side language such as Node.js to manage the data.

Create a **personal portfolio website** to showcase your skills and projects as a web developer. This project could involve designing and building the website using HTML, CSS, and JavaScript, and using a content management system such as contentful or wordpress to make it easy to update and manage.

Develop a **blog or a news website** that allows users to read and write articles. This involves creating a responsive design using CSS, implementing user authentication and authorization and using a database to store the articles and the user data.

Build a **simple e-commerce website** that allows users to browse and purchase products. This project could involve using technologies such as HTML, CSS, and JavaScript for the front-end, and a server-side language such as Node.js to manage the data and process payments.

Finally, it's important to remember that learning to program is a journey, and there will be ups and downs along the way. Don't be discouraged if you hit a roadblock or if things don't go as planned. Keep pushing forward, and don't be afraid to ask for help when you need it.

Escaping tutorial hell is a challenging but rewarding process. By setting a goal, building small projects and seeking feedback you can overcome tutorial hell and become a successful programmer.
It is a Mini-Calculator Which made by HTML5,CSS3,JavaScript.
Tags: javascript, programming, html, css
Published: 2022-12-11 04:16:13

UI Of This Calculator.
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/dp9xmxeu968olh29pu6t.PNG)

---
After Giving a result
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/nzae5cpu5rg74gu1kmme.PNG)

I Made this Mini Calculator By HTML5,CSS3,JavaScript.
It will help you to get Wholecube Wholesquare cube-root,Square-root,remainder,Addition,Multiplication,Division,Substract.
My Github Link is attched below. 
https://github.com/sujatrodas96/myproject
Digital frequency
Tags: perl, python, theweeklychallenge
Published: 2022-12-11 04:15:26

# Weekly challenge 194

[Challenge](https://theweeklychallenge.org/blog/perl-weekly-challenge-194/), [My solutions](https://github.com/manwar/perlweeklychallenge-club/tree/master/challenge-194/sgreen)

## Task 1: Digital Clock

### Task

You are given time in the format `hh:mm` with one missing digit.

Write a script to find the highest digit between `0-9` that makes it valid time.

### My solution

This is relatively straight forward. The following rules apply.

* If the first digit is missing, it will be '2' if the second digit to 3 or less (being 20 to 23), otherwise it will be one (being 14 to 19).
* If the second digit is missing it will be '3' if the first digit is 2, otherwise it will be one.
* If the third digit is missing, the answer will be five (being 50 to 59).
* If the last digit is missing, the answer will be nine (being 09, 19, ..., 59).

### Examples

```bash
 ./ch-1.py ?5:00
1

$ ./ch-1.py ?3:00
2

$ ./ch-1.py 1?:00
9

$ ./ch-1.py 2?:00
3

$ ./ch-1.py 12:?5
5

$ ./ch-1.py 12:5?
9
```

## Task 2: Frequency Equalizer

### Task

You are given a string made of alphabetic characters only, `a-z`.

Write a script to determine whether removing only one character can make the frequency of the remaining characters the same.

### My solution

I am concerned that I have over-engineered this task. An easier option may have been to remove each digit one by one and see if the resulting string meets the criteria.

1. The first step is to calculate the frequency of each letter. This is stored in the `letter_freq` dict (hash in Perl). The key is the letter, and the value is the number of occurrences of that letter.
1. The next step is to calculate the frequency of frequencies. This is stored in the `freq` dict. The key is the frequency, and the value is the number of times that frequency occurs.
1. We know that there will only be a possible solution is there are only 2 values in the `freq` dict.
1. I then find the (numerically) minimum and maximum frequency value and store this as `min_freq` and `max_freq` respectively. The solution can only be found if one of the following is true:
  * The minimum frequency is 1 and it occurs once. Removing that letter means the remaining letters will all occur the same.
  * The difference between the minimum and maximum is 1, and the higher value occurs once. Remove the extra letter means all the letters will have the same frequency.
1. Then as I am writing the blog post, I realized that there is another situation. If all letters only occur once, then removing any letter means the remaining characters also only appear once. It was at this point, I knew I probably have found the wrong technique for solving this challenge.

### Examples

```bash
$ ./ch-2.py abbc
1

$ ./ch-2.py xyzyyxz
1

$ ./ch-2.py xzxz
0
```
Desarrollo de una app web
Tags: programming, emprendimiento, dev, webdev
Published: 2022-12-11 03:16:52

Hace días comencé con un desarrollo de una app web y espero que les de una idea de como es el proceso de desarrollo de una app web

Adopte un plan de desarrollo para esta app.
1. Idea, características que tendrá la app y modelo de negocio
2. Diseño de la app - papel y lápiz.
3. Implementación del diseño de la app. Frontend y Backend
4. Deploy a producción
5. Publicidad 😎😉 

## Parte II - 13/12/2022
Continuando con el desarrollo vamos ahora a pasar la idea a algo visual; es decir con el diseño de la app (lápiz y papel)
les muestro por ahora como vamos.
- Home: tendrá un filtro y un container de servicios

![HomePage app](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ln4l3m1vqh8jc6ekfaog.png)

- Modal de inicio de sesión: se podrá entrar a la app con usuario/contraseña, facebook y google.

![Sign up/in app](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/9yj0no3ra6195qvukrzf.png)

por ahora solo llevamos estas dos pantallas luego las pasaremos
a código...El stack a utilizar es react js en el frontend y .net en el backend. Creao que seré exigente con la experiencia de usuario 🧐. por supuesto les mostrará todo este proceso.

16/12/2022
He decido no usar .Net en el backend; sino que utilizaré el framework web "fastAPI" para crear una web api, asi se me hace un poco mas escalable y sostenible el desarrollo y poder manipular mucho mas eficiente la data de mi aplicación.

19/12/2022
Pasando el diseño código, va quedando de esta manera: 
### Home Page
![Frontend Home page](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/3uzw675z8jen7j9l5yvz.png)
por supuesto esta es una primera versión y esta sometida a cambios en cualquier momento si la considero necesario. 

### Sign out/ in

![Iniciar/registrar sesión](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/rc6ghy71q4jwptv5kyom.png)

01/01/2023
Para el manejo de autenticación de usuarios se ha usado el software como servicio: SUPABASE(alternativa a firebase). se implementó la funcionalidad de autenticación con link al correo y con cuentas gmail.
ahora se implementará el desarrollo de Storage para las imágenes que subirán los usuarios.
JS da API bilan ishlash
Published: 2022-12-11 03:13:29

```js
fetch('https://jsonplaceholder.typicode.com/todos/1')
  .then(response => response.json())
  .then(json => console.log(json))
```

Savollar : 
##  1. Promise Api nima ? 
##  2. Fetch nima ?
##  3. then keywordi vazifasi nima?
##  4. json ni js objectga aylantirish funksiyasi ?
##  5. obyektni jsonga aylantirish funksiyasi
##  6. e nima vazifa bajaradi ?
##  7. jsondan api ni o'qib browserda jadvalga joylang .
##  8. jsondan api ni o'qib browserga chiqaring joylang .
##  9. fetch funksiyasini yozing .





fetch - berilgan api manzilga bog'lanishni ta'minlaydi
[AI] Which subjects a computer science major should focus during college to be industry ready by graduation?
Tags: ai, openai, answer, learn
Published: 2022-12-11 03:05:42

I asked OpenAI to list down subjects that one should focus on during college days so that by the time one graduate with a computer science/engineering degree, s/he is industry ready. This shall help in landing the first job.

Here is what the AI answered:

1. Algorithms and Data Structures
2. Computer Networks
3. Programming Languages and Operating Systems
4. Database Management Systems
5. Artificial Intelligence
6. Computer Architecture
7. Computer Security
8. Software Engineering
9. Web Technologies
10. Mathematics for Computer Science

I asked AI further questions about zooming in on the most important topics within these subjects. Here is what the AI answered for each of these subjects:

1. **Algorithms and Data Structures**: Big O notation, sorting algorithms, time complexity, space complexity, graph algorithms, tree algorithms

2. **Computer Networks**: Network protocols, network topologies, routing algorithms, TCP/IP, data link layers, network security

3. **Programming Languages and Operating Systems**: Object-oriented programming, functional programming, scripting languages, memory management, Unix/Linux, Windows, Mac OS

4. **Database Management Systems**: SQL, NoSQL, database design, query optimization, replication

5. **Artificial Intelligence**: Machine learning, natural language processing, neural networks, deep learning, reinforcement learning

6. **Computer Architecture**: Computer organization, instruction sets, assembly language, logic design, computer arithmetic

7. **Computer Security**: Cryptography, authentication, authorization, security protocols, security architecture, risk management

8. **Software Engineering**: Design patterns, agile development, software testing, software maintenance, software architecture

9. **Web Technologies**: HTML, CSS, JavaScript, XML, AJAX, web services, web application development

10. **Mathematics for Computer Science**: Discrete mathematics, linear algebra, calculus, probability, statistics, graph theory.

It's interesting to see that most of these topics were topics of interest when I was in college. I'll write more about each of these topics in the coming day and of course, I'll get the help of OpenAI to add some additional insights.

Bonus: I used Dall E 2 to create an oil painting of a student.

![A Dall E 2 generated oil painting of a student](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/39tuuyry67hggdb62i65.png)
How to update ECS Cluster automatically to new version task definition
Tags: ecs, aws, fargate, ec2
Published: 2022-12-11 02:19:21

ECS is the Amazon Elastic Container Service, which allows you to run and manage Docker containers in the cloud. An ECS cluster is a group of EC2 instances that are running the ECS service and are used to host your Docker containers.

To update the version of a task definition in an ECS cluster, you can use the update-service command in the AWS CLI. This command allows you to specify a new task definition for a service and deploy it to your ECS cluster. For example, to update the task definition for a service named my-service with a new task definition named my-new-task-definition, you can use the following command:

```bash
aws ecs update-service --cluster my-cluster --service my-service --task-definition my-new-task-definition --force-new-deployment

```

This will update the task definition for the my-service service in the my-cluster cluster to use the my-new-task-definition task definition. The new task definition will be automatically deployed to the cluster, and the service will be updated to use the new task definition.

You can also specify additional options with the update-service command, such as the number of tasks to run for the service, or the deployment configuration for the service. For more information about the update-service command and all of its available options, see the [AWS CLI documentation for ECS](https://docs.aws.amazon.com/cli/latest/reference/ecs/update-service.html).
How to reusing workflows with Gitlab CI/CD
Tags: gitlab, ci, reusing, nelsoncode
Published: 2022-12-11 02:53:22

To reuse a workflow in GitLab CI/CD, you can use the `include` keyword in your `.gitlab-ci.yml` file. This keyword allows you to include the contents of another .gitlab-ci.yml file in your current file, effectively allowing you to reuse a workflow across multiple projects or repositories.

To use the include keyword, you first need to create a file containing the workflow you want to reuse. This file should contain the `.gitlab-ci.yml` syntax for defining your workflow, including any jobs, stages, and dependencies.


.gitlab-ci/node.yml

```yml
test:
  image: node:latest
  stage: test
  rules:
    - if: $CI_PIPELINE_SOURCE == "push"
  script:
    - node index.js
```

.gitlab-ci.yml
```yml
stages:
  - test
  - build

include:
  - local: /.gitlab-ci/node.yml

build:
  image: python:latest
  stage: build
  rules:
    - if: $CI_PIPELINE_SOURCE == "push"
  script:
    - python main.py
```