teleren/devto huggingface dataset:
55 berufliches Vorwärtskommen: zureichende emotionale Intelligenz bei Software-Entwicklern.
Tags: deutsch, career, motivation, discuss
Published: 2023-05-08 04:01:00

Moin Moin,

Durch eine Mischung aus [emotionaler Intelligenz→](https://dev.to/amustafa16421/comment/25k2n) / Sozialkompetenz und unserer Fachkenntnis erhalten wir unsere Arbeitsstelle bzw. unseren Auftrag. Unsere Sozialkompetenz hat zudem einen starken Einfluss auf die Team-Arbeit. Daher ist es sehr wichtig, dass Team-Mitglieder eine hohe Sozialkompetenz besitzen.
Folgendes zeichnet Sozialkompetenz / emotionale Intelligenz unter anderem aus:

- Selbstwahrnehmung: Unter anderem Wahrnehmung von Gefühlsveränderungen und deren Auslöser.
- Gefühlsverwaltung: Insbesondere der Umgang mit negativen Emotionen und Stress. Meister seiner Gefühle sein.
- Einfühlungsvermögen: Auch Empathie genannt.
- Beziehungsverwaltung: Verknüpfung der oberen drei Punkte zu einem förderlichen Umgang mit seinen Mitmenschen.

1) Hast du dich bereits mit den vier Eigenschaften, wie [Daniel Goleman↗](https://www.youtube.com/watch?v=Y7m9eNoB3NU) sie festlegt, beschäftigt und entwickelst dich in diesen weiter?

Lass uns mittels Kommentaren austauschen.

Beste Grüße,
Mustafa

Austausch mittels E-Mail: mustafa.kevin.dwenger@posteo.de
Betreff: Austausch
project idea dump.
Published: 2023-05-08 04:00:00

Phase 1 – project idea dump…..
I’m currently in the middle of my phase 1 project for flatiron. I’ll be honest, this hasn’t been easy. I fumbled around with different ideas, when it came down to it I decided to make a personal library app. I’m still having trouble finishing it up, so instead of sharing some code info today I’m going to use this to brain dump….so far here’s my breakdown so far I want to:

* to be able to search for books by title or author, and have the book covers display as the results.
* be able to click on a book cover and reveal the information regarding that book : title, author, rating, year published and a short summary of the book.
* be able to add the book to my personal library.
mark whether that book is currently reading, read and * be able to remove the item from my library.
* needs at least 2 eventListeners
* needs one instance of array iteration.
* db.json needs at least 5 elements with at least 3 attributes each.

wish list:

* have the book be able to be dragged into the library-div and add it to the library.
* hover over the books and have a pop up that shows the title, author and whether the dates read(if applicable), and rating,
* be able to rate the book 1 to 5 stars.
progress bar under each book to see how much is left to read.

I think the biggest problem I was running into was just trying to keep everything in order. after finally being able to separate my work into functions/const’s instead of being all over the place and trying to resolve everything at once, it started to be easier in keeping track of everything.
Best and easy way to capture events in react application for user behaviour analysis.
Tags: discuss, react, typescript, webdev
Published: 2023-05-08 03:27:10

We are looking to capture all the events(like button clicks and textfield changes) in a react application. The object is to capture all user actions so that further analysis can be done on user behaviour. We don't want to implement google analytics at every component level since the application is very huge and the effort will be more.

So we are capturing events in the root react component using jquery. This provides us the id of that html element responsible for generating the event. Now using this Id we are supposed to identify the react component to which it belongs and the state information present in that react component. Since we deal with table data, when a table cell is edited we get to know that table is edited using jquery, but inorder to derive the cell address (row,column) and other information, we need the local variables stored in that react component.

Hence we are trying to access the react component. Please let me know the efficient way to do this.

I have tried accessing the react fiber using the html id. This process is combersome as the react fiber is a complex structure and all states information might not be present one react fibre example -> if we have 3 nested divs like this.
```
<div id="div-1">
    // header
    <div id= "div-2">
        <div id="div-3">
             //contains a text field
        </div>
    </div>
</div>
```
If something is edited in div-3 we capture react fiber associated with it, which might not have all the state information. (react fibre associated with div-1 is most likely to have all data).
Please suggest how this can be done. 
Thank you.
Auto Join Zoom Meetings with Python
Published: 2023-05-08 02:43:32

**Step 1 Installation:**

Installing pip:
https://stackoverflow.com/questions/17271319/how-do-i-install-pip-on-macos-or-os-x

Installing virtualenv:
`pip uninstall virtualenv`
`sudo pip install virtualenv`

```console
mkdir zoom_automation
cd zoom_automation
virtualenv env
source env/bin/activate          *** for Mac
.\env\scripts\activate           *** for Windows
pip install schedule
```

**Step 2: Simple code**
`touch meeting_scheduler.py`

```
import schedule
import time
import webbrowser

def open_link(link):
    webbrowser.open(link)

def demo_meeting():
    open_link('MY ZOOM MEETING URL')

schedule.every().friday.at("12:25").do(demo_meeting)

while 1:
    schedule.run_pending()
    time.sleep(1)
```

**Step 3: Run**
`python meeting_scheduler.py`
Join our #30DaysMasterFlutter Challenge and Learn Flutter & Dart in One Month!
Tags: dart, flutter, news
Published: 2023-05-08 02:41:54



Greetings, Aspiring App Developers! 📱

We're excited to announce that our [#30DaysMasterFlutter ](https://appwriters.dev/30days/flutter)challenge has finally begun, and it's your opportunity to master Flutter & Dart. This project-based course 📚 is completely free and provides you with the foundation to learn one of the most exciting technologies in the app development industry.

For the next 30 days, we will focus on a significant concept each day and give you the resources to comprehend and implement them. You'll not only learn these concepts but also use them to create real-world projects. 💻🌍 This course is suitable for beginners and experienced programmers alike.

Don't worry about getting stuck. Our enthusiastic community of learners 👥 is there to support you and answer your queries, share insights, and work collaboratively.

This journey is about learning, building, and growing together. So let's embark on this adventure and come out as skilled app developers. 🎉

Remember to use the hashtag **#30DaysMasterFlutter** on social media to share your progress each day. We can't wait to see your accomplishments! 🏅

Are you ready to join us? [Let's dive in and start coding!](https://appwriters.dev/30days/flutter) 🤓

Happy Learning! 🎓

Originally posted on [appwriters.dev](https://appwriters.dev/blog)
Shorter faster stronger
Tags: beginners, rust
Published: 2023-05-08 02:12:25

Improving code is a crucial part of software development. Not only does it make code more readable for future developers, but it also helps to make it shorter and faster.

One way to improve code is by making it shorter. This can be achieved through the use of functions or loops, which can help to simplify complex sections of code. Additionally, removing unnecessary code can also help to make code shorter and more efficient.

For example we have two vectors and we want to remove duplicates from both of them
```Rust
fn main() {
    let vector_1 = vec!['l', 'o', 'w'];
    let vector_2 = vec!['w', 'v', 'e'];

    let vec_1 = remove_elements(&vector_1, &vector_2);
    let vec_2 = remove_elements(&vector_2, &vector_1);

    println!("vec_1 {:?}", vec_1);
    println!("vec_2 {:?}", vec_2);
}
```

Here's where I started
```Rust
fn remove_duplicates(edit: &Vec<char>, compare: &Vec<char>) -> Vec<char> {
    let mut result = Vec::new();
    let mut set = std::collections::HashSet::new();

    for id in compare {
        set.insert(id);
    }

    for id in edit {
        if !set.contains(id) {
            result.push(*id);
        }
    }

    result
}
```

And this is how I write now
```Rust
fn remove_duplicates(edit: &Vec<char>, compare: &Vec<char>) -> Vec<char> {
    let mut temp_vec: Vec<char> = edit.clone();
    temp_vec.retain(|e| !compare.contains(e));
    temp_vec.clone()
}
```

See also “[Automating button creation](https://dev.to/antonov_mike/automating-button-creation-3caj)”
5 AWS mistakes you must avoid
Tags: aws, infrastructure, programming, devjournal
Published: 2023-05-08 01:53:00

I helped set up infra for small to mid-sized startups.

Here are 5 AWS mistakes you must avoid:

1. Managing AWS infra manually

2. Not using Auto Scaling Groups

3. Not analysing Metrics in CloudWatch

4. Ignoring Trusted Advisor

5. Underutilising virtual machines


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

Thanks for reading this.

If you have an idea and want to build your product around it, schedule a call with [me](https://calendly.com/pragyanatvade).

If you want to learn more about DevOps and Backend space, [follow me](https://dev.to/pragyanatvade).

If you want to connect, reach out to me on [Twitter](https://twitter.com/pragyanatvade) and [LinkedIn](https://www.linkedin.com/in/pragyanatvade/).
New TOP Project: Library
Tags: webdev, javascript, beginners, programming
Published: 2023-05-08 01:44:37


I finally made it to the first project of the JS path for TOP(The Odin Project). Excited that I am back to learning more JS and working on JS based projects. I am putting an emphasis on making sure I am do everything the right way, and that starts with the planning process!

I started by writing out by writing out the steps I would have to take in order to get the desired output. 
![Google doc of steps](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/f0lub26v3pfdx3lvznmk.png)
While there will be more needed in the end than what I have written above I felt this would suffice to get me going in the right direction.

Spending the time to break down the problem I'm facing has really helped me understand. I don't think I spent enough time doing this with previous projects.
![List of problems to solve](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/e7d9leq91p9b1k1jvpbl.png)
Being able to talk through the problem and visualize everything really helps me organize my thoughts and keep track what I have to do.

Slow is smooth, smooth is fast.
Building a Web Application: My Journey on Day 3 of #100DaysOfCode Challenge
Tags: webdev, programming, java, springboot
Published: 2023-05-08 01:12:42

On the third day of the #100DaysOfCode challenge, I decided to start working on a project that I will add to my portfolio. I have spent the past two days working on my website, and now I feel like applying the concepts I’ve learned to a project that I can showcase under the “projects” section in my portfolio.

My project will be a web development application, which will have a frontend built using JavaScript, HTML, and CSS, a backend using Java with SpringBoot, and a MySQL database.

Today, I focused on designing the user interface using HTML and CSS, and also added some JavaScript functionality. However, I haven’t yet linked it with the backend, so the only feature that is currently working is clearing the screen when the user clicks on the subscribe button.

Here’s a preview of what I’ve accomplished so far:

![Simple HTML and CSS subscribe screen.](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/3kus8cy5zer2avjjl9a6.png)



Here’s the link to the video — it’s only 27 seconds long so you won’t waste your time!

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

It was a relatively simple task. Do you like it? 🙂

That’s it for now. See you later! Bye-bye.
Convert images to WebP and AVIF format without a terminal
Tags: webdev, beginners, seo, frontend
Published: 2023-05-08 00:59:19

Have you ever had a bad score on google lighthouse report and it advises you to change images to the modern format? I personally did, and I decided to find a solution where I can change the format, reduce the size, and resolution at the same time. The terminal is a good option, but you can’t visualize how much you need to change your images in resolution. If you use some CMS like WordPress you can find a plugin that does it for you. In WordPress you need to have some sort of access to the .htaccess file but not all virtual machines and hosting providers allow you to do that for security reasons. After some research I found a web app which could do it. It is called [squoosh](https://squoosh.app/). It’s an open source app from Google and works great! You can change to any web format, reduce size, and change resolution at the same time. I wanted to share that this tool exists. You can use it to make your website significantly faster. If you’re into website development, you will never regret using it. It will save you a lot of time and make your life easier. I hope you found this information helpful.
Dự án La Mia Bảo Lộc
Published: 2023-05-08 00:27:25

https://www.lamiacity.com/ Biểu tượng mới cho thành phố Bảo Lộc về lối sống XANH – TIỆN NGHI – ĐẲNG CẤP, đáp ứng được 02 tiêu chí: an cư và nghỉ dưỡng. Mặt tiền Nguyễn Bá Ngọc, Quốc lộ 20, TP. Bảo Lộc, Lâm Đồng, Việt Nam


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

Với tâm huyết mang đến cho khách hàng những sản phẩm bất động sản có pháp lý minh bạch, sở hữu lâu dài cùng với không gian cảnh quan nhiều mảng xanh được thiết kế theo phong cách Ý sang trọng, LA MIA được xây dựng để trở thành chốn đi về bình yên, riêng tư, thoải mái, thân quen nhưng cũng đầy đủ các tiện ích cho cư dân.

https://www.facebook.com/lamiabaoloc.vn
https://twitter.com/lamiabaoloc01
https://www.youtube.com/@lamiabaoloc01/
https://www.pinterest.com/lamiabaoloc01/
https://www.tumblr.com/lamiabaoloc01
https://getpocket.com/@a28d5p3cT0x5fgfv9dA6922Absg1T5d0GO4k3db2e3h401W265734i62z6ekJ633?src=navbar
https://lamiabaoloc01.wordpress.com/
https://lamiabaoloc01.blogspot.com/2023/05/du-la-mia-bao-loc.html
lamiabaoloc01.weebly.com
https://www.linkedin.com/in/lamiabaoloc01/
https://trello.com/u/lamiabaoloc01
https://profile.ameba.jp/ameba/lamiabaoloc01/
https://www.vingle.net/lamiabaoloc01
https://dribbble.com/lamiabaoloc01/
https://500px.com/p/lamiabaoloc01
https://www.flickr.com/photos/lamiabaoloc01/
https://flipboard.com/@lamiabaoloc01
https://linktr.ee/lamiabaoloc01
https://gab.com/lamiabaoloc01
https://www.pearltrees.com/lamiabaoloc01
https://linkhay.com/u/lamiabaoloc01
https://ok.ru/lamiabaoloc01
https://lamiabaoloc01.mystrikingly.com
https://lamiacitycom.wixsite.com/la-mia-b-o-l-c
https://postheaven.net/lamiabaoloc01/du-an-la-mia-bao-loc
https://writeablog.net/lamiabaoloc01/du-an-la-mia-bao-loc
https://groups.google.com/g/lamiabaoloc01/about
https://www.reddit.com/user/lamiabaoloc01
https://blogfreely.net/lamiabaoloc01/du-an-la-mia-bao-loc
https://www.slideshare.net/CityLaMiaBoLc
https://band.us/@lamiabaoloc01
https://penzu.com/p/b449ae6a
https://wakelet.com/@lamiabaoloc01
https://scrapbox.io/lamiabaoloc/
https://pbase.com/lamiabaoloc01/
https://pantip.com/profile/7539480#topics
https://www.leetchi.com/c/lamiabaoloc01
https://www.ohay.tv/profile/lamiabaoloc01
https://www.instapaper.com/p/lamiabaoloc01
https://www.diigo.com/user/lamiabaoloc01
https://solo.to/lamiabaoloc01
https://heylink.me/lamiabaoloc01/
https://boosty.to/lamiabaoloc01
https://velog.io/@lamiabaoloc01
https://plaza.rakuten.co.jp/lamiabaoloc01/
https://peatix.com/user/17171826
https://matters.town/@lamiabaoloc01
📦 Upgrading Dependencies
Tags: npm, yarn, dependencies
Published: 2024-02-21 12:39:58

---
title: 📦 Upgrading Dependencies
published: true
date: 2023-05-08 00:00:00 UTC
tags: npm,yarn,dependencies
canonical_url: https://akamfoad.dev/blog/upgrading-dependencies
---

What are NPM dependencies and how to upgrade those used in my projects?

Read more on [Akam's Blog | 📦 Upgrading Dependencies](https://akamfoad.dev/blog/upgrading-dependencies)
Formatting External Drives On Linux Using Gparted.
Tags: linux, gparted, formatting, drives
Published: 2023-05-07 23:33:23

Formatting a pendrive or external hard drive can sometimes be a real pain. There are a variety of tools that can be used to format a drive. Commandline tools, third party premium software and open source tools like gparted.
Gparted is a free partition tool that is used for disk management.It allows for creating, moving and deleting a partition on a drive.

![GUI of Gparted](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/7qj1kjc29ks7iicpr5hf.png)

**Table Of Content**

- Installation of gparted on linux
- Formatting a drive with gparted
- Labelling a drive after formatting

**Installation of gparted on linux**

Gparted can  be installed in several forms. However, the method I will discuss here is with the use of the Command Line Interface(CLI).
Firstly, update the repositories on the linux installation with the command:


![CLI on linux](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/m4ssfyx9tj4386a971fd.png)

After a successful update of all the programs, the next command to run is:


![gparted installed successfully](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/7cd65prou4p7342v27du.png)

You can then run the command `gparted` in the terminal to open the application.

**Formatting the drive in gparted**

From the top right corner of the display, select from the partitions dropdown the partition or device you want to work on.


![device](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/j4zhv7u6lhr6sur5gkhu.png)
Exercise caution by double checking that you have selected the right device.Right-click on the device and a popup will appear like this:

![Popup](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/sc63n3vutpcscrbq1nns.png)
Unmount the device/partition you selected.
From the popup, click on 'format to' to have all the possible formats you can format the drive to displayed.

![last popup](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/3l80h4pizo7rplkudvfb.png)

Select from the dropdown list the format you want the drive to be formatted to among NTFS(New Technology File System), FAT 16, FAT 32 and a whole lot.
Depending on the size of the drive, the operation may be done quickly or it will take some time.

**Labelling the filesystem**

Furthermore, once the formatting is completed, right-click on the device and from the popup choose 'label filesytem'.

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


The device will show as the name defined above when mounted in any computer.
Gparted is an advanced software that can be used to make a bootable to use on live partitions without data loss.
That is a beyond the scope of this tutorial.
Ta-da, you have successfully learned how to use gparted.
WELCOME TO A PLANNED ONE DAY TRIP TO AUSTIN, TEXAS
Tags: beginners, programming, python
Published: 2023-05-07 22:17:50


Using a temperature dataset of four locations in Austin 2016-2017, this code calculates the best date to go for a customization temperature and the best path to visit 3 out of the 4 locations. My code is written in python since it is the only programming I know. Here my goal was to use some of the computer science concepts I recently learned, data structures and algorithms. I was able to implement a greedy algoorithm to calculate a path to take to the 3 locaitons using the data struccture called graphs. Although, my greedy algorithm is inefficient I still wanted to use to apply my newly learned knowledge.

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

I split the python code into 4 files. Graphs.py holds the data structure of Graphs and nodes. shortest_path.py holds the functions that calculate the best order to visit each of the 3 locations the person is going to visit in Austin. The function to calculate the path is a solution to the variation called Travelling Salesman Problem called the Hamiltonian path problem. I changed this function so that all the nodes on the graph are visited at least once and the ends at the target nodes. Dates.py is used to output all the available dates that have a certain temperatures in the 3 locations we are visiting. Finally, script.py uses all the other files to compose the program.

A link to the the code on GitHub is below:

[https://github.com/froglegs1/Austin-visit](url)

I would appreciate any feedback on how to format my code, any problems in my code, general advice, etc.
Change the way you access your home network using Cloudflare Tunnel
Tags: kubernetes, cloudflare
Published: 2023-05-07 22:00:00

## Introduction

Recently, I changed my access method to my home network using Cloudflare Tunnel. This article will introduce that method.

## Old Configuration

Previously, I accessed each service on my home cluster using VPN connections. The following is a diagram of that configuration.

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

## New Configuration

By using Cloudflare Tunnel, I eliminated the need for VPN connections and made it possible to access my home network without direct external exposure.

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

### Pros/Cons

- Pros
    - No need to expose servers/home networks externally
    - Can benefit from Cloudflare CDN (security, IPv6 support, etc.)
    - Can restrict access to specific domains or paths
    - Can access services from external sources (compared to old configuration)
    - No need to set up a VPN server (compared to old configuration)
- Cons
    - No need to transfer, but need to manage the Apex Domain by Clouflare

### Changes in k8s Cluster Configuration

Several changes were required for the new configuration.

- Add
    - cloudflared ... necessary to tunnel access from Cloudflare
- Eliminate
    - MetalLB ... not necessary because cloudflared directly accesses each Service
    - Nginx Ingress ... same as above

The following article was useful in setting up Cloudflare Tunnel for a home cluster.

{% embed https://zenn.dev/yakumo/articles/b1f0e1115cb5b6 %}

## Restricting Access to Specific Domains or Paths

It is possible to restrict access to specific domains or paths, thus improving security.

For example, consider setting up WordPress in a Kubernetes cluster to be accessible from external sources.

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

In this case, it is possible to only authenticate with Cloudflare Zero Trust for paths starting with `/wp-login` or `/wp-admin`, without requiring authentication for normal requests.

## Conclusion

This article introduced the change in access method to my home network using Cloudflare Tunnel. This new configuration has benefits such as improved security and IPv6 support. Additionally, it is possible to configure it with security in mind by restricting access to specific domains or paths.

{% embed https://github.com/corrupt952/home-apps %}
Detect any AdBlocker with Javascript code.
Published: 2023-05-07 21:31:48

```
// This is react example.

import { useEffect } from 'react';

const hello = () => {
    useEffect(() => {
        const timeoutId = setTimeout(() => {
            const adBoxEl = document.querySelector(".ad-box");
            const hasAdBlock = window.getComputedStyle(adBoxEl)?.display === "none";
            console.log(hasAdBlock, "hasAdBlock");
            // ... save to DB
        }, 1000);
        return () => clearTimeout(timeoutId);
    }, []);

    return (
        <div className="ad-box" style={{ position: "fixed", top: 0, left: 0 }} aria-hidden="true">
            &nbsp;
        </div>
    );
}

export default hello
```