teleren/devto huggingface dataset:
Playwright with Typescript tutorial on FIFA World cup site
Tags: testing, javascript, webdev, beginners
Published: 2022-12-05 13:19:22

In this video, we will automate the FIFA world cup site using Playwright and Typescript. Let's do a quick overview on Playwright:

Playwright is one of the most popular end-to-end automation tools in the market today. It works with multiple languages such as Typescript, JavaScript, Python, .Net, and Java. It supports all the major browsers, such as Chrome, Firefox, and Safari, and more. Getting started with Playwright is easy, with just a few steps you can have your first test running.

### The video below will cover the following topics -
- **Setup and installation:** We will go through the process of installing and setting up Playwright, as well as the necessary dependencies and tools.
- **Project and config overview:** We will provide an overview of the project structure and configuration, including how to define and organize tests, and how to customize settings and preferences.
- **Writing the first Playwright test:** We will show you how to write your first Playwright test, using Typescript and the Playwright API. This will include an introduction to the syntax and concepts, and a step-by-step guide to creating and running your first test.
- **Playwright page locator:** We will explain how to use the Playwright page locator, a powerful tool for identifying and selecting elements on a web page. 
Working with multiple elements: We will demonstrate how to work with multiple elements on a page and retrieve text from it.
- **Disabling HTML report:** We will show you how to disable the HTML report, which is a feature of Playwright that automatically generates an HTML report of your test results.
- **Playwright debugger / inspector:** We will introduce you to the Playwright debugger and inspector, which are powerful tools for debugging and inspecting your tests in real-time. This will include an overview of the different debugger and inspector features, and how to use them to diagnose and fix problems with your tests.
- And much more..

{% youtube Ov9e_F8I5zc %}

**👩🏻‍💻 Access the source code [here](https://subscribepage.io/fifa-pw).**

---

**To learn more about Playwright, check out my full course on Playwright here -**

https://automationbro.com/playwright-course

---

👩🏻‍💻 It's time to advance your career by joining the SDET-U Academy today 👇🏻
[Join Academy](https://bit.ly/3Vcqv69)

📧 Subscribe to my [mailing list] (https://automationbro.com/mailing-list) to get access to more content like this as well as be part of amazing free giveaways.

👍 You can follow my content here as well - 
- [Twitter](https://twitter.com/automationbro)
- [LinkedIn](https://www.linkedin.com/company/automation-bro)

...

Thanks for reading!
20 useful pandas methods to spice-up your coding
Tags: pandas, python, chatgpt
Published: 2022-12-05 13:04:08

---
title: 20 useful pandas methods to spice-up your coding 
published: true
description: 
tags: pandas,python,chatgpt
# cover_image: https://direct_url_to_image.jpg
# Use a ratio of 100:42 for best results.
# published_at: 2022-12-05 13:03 +0000
---
1.  Use `df.head()` to display the first few rows of a DataFrame.
2.  Use `df.tail()` to display the last few rows of a DataFrame.
3.  Use `df.info()` to display the column data types and non-null values in a DataFrame.
4.  Use `df.describe()` to generate summary statistics for each column in a DataFrame.
5.  Use `df.columns` to view the column labels of a DataFrame.
6.  Use `df.index` to view the index labels of a DataFrame.
7.  Use `df.rename()` to rename columns or index labels in a DataFrame.
8.  Use `df.sort_values()` to sort a DataFrame by one or more columns.
9.  Use `df.drop()` to drop columns or rows from a DataFrame.
10.  Use `df.loc[]` to select rows or columns by label.
11.  Use `df.iloc[]` to select rows or columns by position.
12.  Use `df.isnull()` or `df.notnull()` to check for missing or non-missing values in a DataFrame.
13.  Use `df.fillna()` to fill missing values in a DataFrame with a specified value.
14.  Use `df.dropna()` to drop rows or columns with missing values in a DataFrame.
15.  Use `df.pivot_table()` to create a pivot table from a DataFrame.
16.  Use `df.groupby()` to group a DataFrame by one or more columns and perform an aggregation.
17.  Use `df.merge()` to combine two or more DataFrames based on common columns or index labels.
18.  Use `df.join()` to merge two or more DataFrames based on their index labels.
19.  Use `df.apply()` to apply a function to each row or column of a DataFrame.
20.  Use `df.to_csv()` to write a DataFrame to a CSV file.

---

Note: This article is actually written by chatGPT (https://chat.openai.com/chat)🤩
Unity Interview Questions
Tags: gamedev, unity3d, csharp
Published: 2022-12-05 12:47:09

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

In this, I am going to list some of the very commonly asked interview questions for unity developer profile.

1. Unity Engine Specific Question :
2. Difference between Update,Fixed Update and Late Update.
3. What is Prefabs in Unity 3D?
4. What is the use of AssetBundle in Unity?
5. What is difference between Resources and StreamingAssets Folder.
6. What is Batching and what is the use of Batching?
7. Difference between Destroy and DestroyImmediate unity function
8. Difference between Start and Awake Unity Events
9. What is the use of deltatime?
10. Is this possible to collide two mesh collider,if yes then How?
11. Difference between Static and Dynamic Batching.
12. What is the use of Occlusion Culling?
13. How can you call C# from Javascript, and vice versa?
14. What is Dot product and Cross product?
15. What is Normal Vector ? and what is Unit Vector ?
16. What are the common ways to optimize 2D project ?
17. What is Layer ? What are the different ways it is being used.
18. How to optimize 3d project?
19. What is Addressable Asset System?
20. What is ECS ( Entity Component System)

I will keep updating this post

If you know any other question, please feel free to write down in the comment section. :)
Javascript frameworks
Published: 2022-12-05 12:41:07

There are many popular JavaScript frameworks, and the most popular ones may vary depending on the specific use case and the preferences of the developers. Some of the most popular JavaScript frameworks include:

## React
A popular and widely-used library for building user interfaces, developed and maintained by Facebook.
Angular: a powerful framework for building single-page applications, developed and maintained by Google.

## Vue.js
A progressive and versatile framework for building user interfaces, developed and maintained by an active community.

## Ember.js
A popular framework for building ambitious web applications, developed and maintained by a dedicated team.

## Meteor
A full-stack JavaScript platform for building real-time web and mobile applications, developed and maintained by the Meteor Development Group.
These frameworks are used by many developers and companies around the world to build a wide variety of web applications, from simple to complex. They are constantly evolving and improving, and new frameworks are also emerging to meet the needs of the developers and the changing landscape of the web
How to add SSL Certificate in AWS ec2 Instance Without Route 53
Tags: aws, awsssl
Published: 2022-12-05 12:31:44

Cloud computing is the next revolution in IT. The fact that people can use their computers anywhere, any time to access the internet has changed everything we know about IT. In fact, it's a revolution in a lot of different ways. One way it has changed things is by changing the way we store data, and the way we use technology to access and process it. But another revolution is coming from the 'cloud':

the cloud computing revolution .

Some argue that this will go down as one of these revolutions in IT - but others argue that it will change as much more than just how we use technology - and how it interacts with our lives. As big companies look at this technological change, they must make sure they understand what customers want, so they can provide them with products that meet their needs and expectations better than ever before." It's not clear exactly what type of services or products a customer might be looking for or even what exactly he/she wants to do

—

A typical Internet Service Provider (ISP) goes through the process of installing an SSL Certificate to enable secure browsing on their services.

One of the most common mistakes that software developers make is to install an [SSL certificate for a website in AWS](https://www.connectdigitalworld.com/add-ssl-certificate-in-aws-ec2-instance/). They do this without any SSL certificates and export it as the site datacenter file. The only way to avoid this mistake is to add a SSL certificate into the server configuration but I will show you how you can get rid of Route 53 in order to do this without using our own development cloud infrastructure.

—

There are a lot of resources online on how to install and set up SSL certificates for AWS instances. But it is not clear as to how you would do that without using Route 53.

HTML can be triggered with IP addresses, but when done in real time, it needs to be run as a command in AWS. This guide will show you step-by-step how to do this with no technical background - just basic knowledge of the AWS platform.
Python Programming Bootcamp #8 - Is Python compiled or interpreted?
Tags: python, beginners, programming, tutorial
Published: 2022-12-05 04:52:00

---
title: Python Programming Bootcamp #8 - Is Python compiled or interpreted?
published: true
description: This is the 8th part of the bootcamp. 
tags: python, beginners, programming, tutorial
# cover_image: https://direct_url_to_image.jpg
# Use a ratio of 100:42 for best results.
published_at: 2022-12-05 04:52 +0000
canonical_url: https://code-maven.com/programming-bootcamp-for-scientists-8
series: bootcamp
---

{% youtube ahpXJG3GbuE %}


00:00 Solutions of the Rectangle and Calculator exercises.
03:30 Solution of Calculator with eval and why not to use eval.
08:25 Compilation vs. Interpretation
16:00 [Is Python compiled or interpreted](https://code-maven.com/slides/python/compilation)?
20:50 [Flake 8](https://code-maven.com/slides/python/flake8-compile) static code analysis (linter).
22:10 [Numbers chapter](https://code-maven.com/slides/python/numbers)
25:10 Operators for Numbers
30:08 Integer division and the __future__
30:50 Pseudo Random numbers (uniform distribution)
35:38 Fixed Random numbers (seed)
37:56 Rolling dice - randrange
40:41 Random choice
41:40 built-in method
45:19 Exception: TypeError: 'module' object is not callable
48:30 Exception: AttributeError: module 'random' has no attribute
52:28 Exercises: Number guessing game; Fruit salad
Effective Unit Testing
Tags: testing, beginners, tutorial, programming
Published: 2022-12-05 12:25:41

For a software developer, unit testing is an essential part of the development process. It allows you to verify that individual units of code are working as expected and helps you identify and fix any issues early on. Effective unit testing can save you time and effort in the long run by catching bugs before they become larger problems.

There are several key factors to consider when it comes to effective unit testing. First and foremost, it's important to have a thorough understanding of the code you're working with. This will allow you to identify potential issues and write test cases that effectively cover all possible scenarios.

It's also important to have a clear understanding of the overall architecture of the codebase and how the different units of code interact with each other. This will help you ensure that your tests are comprehensive and cover all possible interactions between units.

Another key factor is the use of test automation tools. These tools can help you automate the execution of your test cases and provide you with clear and concise reports on the results. This can save you a significant amount of time and effort, allowing you to focus on more important tasks.

In conclusion, effective unit testing is an essential part of the software development process. It allows you to catch bugs early on and save time and effort in the long run. To achieve this, it's important to have a thorough understanding of the codebase, a clear understanding of the overall architecture, and the use of test automation tools.
Recursive Function
Published: 2022-12-05 12:22:14

Hi experts,

I have the below recursive logic:

```
// Imports
const cds = require("@sap/cds");

/**
  * The service implementation with all service handlers
  */
module.exports = cds.service.impl(async function () {

    const { locations} = this.entities();

    this.on("locationTree", async (req) => {

      const location = await SELECT.one.from(locations).where({ location: req.data.location})

      let locationTree = []

      await buildTree(location,locationTree)

      console.log(locationTree)

      return locationTree

    } )

    async function buildTree(location, tree) {

      await tree.push(location)

      const childLocations = await SELECT.from(locations).where({ parentLocation: location.location})

      if (childLocations) {
        childLocations.forEach(async (child) => {
          await buildTree(child,tree)
        });
      } else {
        return
      }
      
    }

});
```

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

Printing the final locationTree variable on the log I can see the below:

locationtree.png

Here I can see inside the array the 9 expected entries that matches the length 9 but only the first 3 objects are replied in the response which matches with the (3) at the top of the figure above.

Any idea what is going on?

Thanks!

C.
Day #11: Strategies for conflict resolution for a team leader
Tags: leadership, team, teamwork, teamleader
Published: 2022-12-05 12:08:55

[As a team leader, one of the main responsibilities is to ensure that your team has a healthy, collaborative, safe, and stable environment. Sometimes this is organically achieved because the team simply works really well together, but not everyone is as simple as that. This article can help leaders that are preparing for an interview for a leadership role.](https://medium.com/@journeypreneur/day-11-leadership-for-conflict-resolution-for-a-team-leader-f7fac088d85b)
Flutter SafeArea Widget
Tags: flutter, dart, safearea, openai
Published: 2022-12-05 11:48:33

"SafeArea" widget'ını kullanmak, widget'ların Flutter'daki sistem UI elementleri tarafından gizlenmesini önlemek için kullanışlı bir tekniktir.

"SafeArea" widget'ı, butonlar ve text gibi önemli öğelerin cihazın çentiği, klavyesi veya navigation bar gibi sistem UI öğeleri tarafından engellenmemesini sağlamak için uygulamanızın kullanıcı arayüzüne otomatik olarak padding ekleyen özel bir widget'tır.

Kullanıcı arayüzüne dolgu eklemek için "SafeArea" widget'ını kullanarak, önemli öğelerin sistem kullanıcı arabirimi öğeleri tarafından gizlenmediğinden emin olmak için dolguyu manuel olarak hesaplamak ve eklemek zorunda kalmazsınız.

Bu örnekte, "SafeArea" widget'ı, "Hello World!" metnini görüntüleyen "Text" widget'ını kaydırmak için kullanılır. Bu, "Text" widget'ının cihazın çentiği, klavyesi veya navigation bar gibi sistem kullanıcı arabirimi öğeleri tarafından engellenmemesini sağlar.

```
import 'package:flutter/material.dart';

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        body: SafeArea(
          child: Center(
            child: Text("Hello World!"),
          ),
        ),
      ),
    );
  }
}
```

Çentiklerden ve benzeri şeylerden etkilenmeyen kenarlar için minimum bir dolgu ayarlayabilirsiniz:

```
SafeArea(
  minimum: const EdgeInsets.all(16.0),
  child: Text('My Widget: ...'),
)
```


Bu örnekte ekranın sol tarafındaki dolguyu devre dışı bırakmak için "left" özelliği "false" olarak ayarlanmıştır, ekranın sağ tarafında dolguyu etkinleştirmek için "right" özelliği "true" olarak ayarlanmıştır ve "top" ve "bottom" özellikleri, ekranın üstündeki ve altındaki dolguyu etkinleştirmek için "true" olarak ayarlanmıştır.

"Minimum" özelliği, hem üst hem de alt dolgu için 10 piksellik sabit bir değere ayarlanmıştır. Bu, sistem kullanıcı arabirimi öğeleri daha az yer kaplasa bile ekranın üstünde ve altında her zaman en az 10 piksel dolgu olmasını sağlar.



```
import 'package:flutter/material.dart';

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        body: SafeArea(
          left: false,
          right: true,
          top: true,
          bottom: false,
          minimum: const EdgeInsets.only(top: 10, bottom: 10),
          child: Center(
            child: Text("Hello World!"),
          ),
        ),
      ),
    );
  }
}
```

Genel olarak bu örnekler, "SafeArea" widget'ının ve özelliklerinin, uygulamanızın kullanıcı arayüzüne dolgu eklemek ve önemli öğelerin sistem kullanıcı arayüzü öğeleri tarafından gizlenmemesini sağlamak için nasıl kullanılabileceğini gösterir.


Kaynaklar:
https://chat.openai.com/chat
https://stackoverflow.com/questions/49227667/using-safearea-in-flutter
Solving day 05 of Advent of Code 2022 in JavaScript
Tags: challenge, adventofcode, javascript, video
Published: 2022-12-05 11:29:37

---
title: Solving day 05 of Advent of Code 2022 in JavaScript
published: true
description: JavaScript walkthrough of Advent of Code 2022 (day 05)
tags: challenge, AdventOfCode, javascript, video
series: Advent of Code 2022 in Javascript
---

{% youtube Imq-uO3d-YE %}
SwiftUI animations with examples
Tags: swift, ios, swiftui, mobile
Published: 2022-12-05 11:01:01

Why do users love motion(animation) so much? 

Because animation supports the essence of actual and real interaction.

Here are some of the cool and eye-pleasing animations developed using SwiftUI.

This post consists of 3 animations:

- **Rotating Dot Animation** — Dot rotates in the circle and works as a loader
- **Three Bouncing Dot animation** — 3 dots that bounce in the flow one-by-one
- **Clock Animation** — Self-explanatory right?

The final implementation will look like this:


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

If you're not interested in the process and want to use them directly in your project, check out the source code on our [GitHub](https://github.com/canopas/Swiftui-animations-examples).

For implementation detail, [visit canopas blog](https://blog.canopas.com/animations-in-swiftui-with-examples-part-3-56411ae2ffe0).
From zero to developer: My Python story
Published: 2022-12-05 10:57:12

From zero to developer: My Python story
With this post, I'd like to start a series of series about how I'm learning Python and getting closer to work.

It all started when I got interested in creating software for a job where I currently work (Internet marketing). There were a lot of routine, monotonous activities in my job that could be simplified with programming.

The first thing I started doing was writing bookmarklets for the browser in JavaScript. A couple of books I had read on object-oriented programming helped me with that because I already understood the logic of the code. I was familiar with things like variables, loops, conditions, and so on.

This went on for about a year, and from time to time I wrote scripts for myself, and I used them successfully. At work they appreciated my eagerness and gave me a small Python course, as my knowledge could help the whole department.

I found the course itself boring: not because of Python, but because of the lecturer. He has a very incomprehensible teaching method. I decided to figure it out on my own with the help of YouTube and StackOverFlow.

The first program I decided to write was a text generator for [https://5vulkanvegas.com/ro](https://5vulkanvegas.com/ro) from already existing chunks of sentences (yes, we sometimes needed that).

When I sat down to write it, I had only just gotten to the for and while loops. But what I wanted was a desktop application that anyone could install.

I had to go into the process and got acquainted with the tkinter GUI. After watching a short lecture series (3 hours) I already knew how to create a desktop application, how to place elements in it, how to create buttons, assign commands to them and so on. At the end of the lecture series, the task was to make a calculator.

While writing it, I ran into a couple of problems, which were kindly explained to me on stackoverflow. And not just solved the problem for me, but explained why this happened to me and how to avoid it in the future.

Now I have planned a project on a larger scale: I want to create a database on my site, in which the department will work with data: mark used data, enter new data, and so on. I already know that I need to deal with Django, SQL and the frontend.

The next post will be about how I did this work.

Lastly I wanted to say that there's nothing wrong with learning. If you really want to learn, it doesn't matter what experience you had before or how old you are.

There's a lot of useful and important information on the Internet right now to help you get started on your exciting journey as a developer.

Share your first programs and how you started as a developer in the comments :)
hi...i just try to learn by myself
Tags: css, html, webdev, beginners
Published: 2022-12-05 10:52:23

Hello, this is my portfolio, even with unfinished projects. I don't apologize, but I can only code for an hour a day, I hope soon to finish the Bootcamp and create more web projects and some company hires me.

link: [https://portfoliogus.vercel.app/](https://portfoliogus.vercel.app/)


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