teleren/devto huggingface dataset:
Episode 23/19: Angular Course, NgRx 16, Igor Minar on Angular's history
Tags: webdev, javascript, angular, programming
Published: 2023-06-02 12:45:23

An official Angular course led by Mark Thompson on YouTube covers the latest features. NgRx integrates Signals in version 16 for easier state management. Igor Minar shares insights on Angular's history in a podcast episode.

{% embed https://youtu.be/0b-ndx2JMWM %}

## Angular Course

Since the release of Angular version 2, the Heroes Tutorial has been the initial introduction for many developers. It gradually familiarised them with the basic concepts and the overall framework structure. However, a new approach is on the horizon.

We now have an official Angular course available on YouTube, led by Mark Thompson. This comprehensive course spans eight episodes, where participants build an application for finding housing. The course covers all the latest features, including standalone components, the inject function, and more. It's an excellent resource for staying up to date with the latest advancements in Angular.

One surprising aspect of the course was the utilisation of the native fetch method for backend communication, instead of the traditional HttpClient.

{% embed https://www.youtube.com/playlist?list=PL1w1q3fL4pmj9k1FrJ3Pe91EPub2_h4jF %}

## NgRx 16

Another significant development worth noting is the integration of Signals into NgRx, a popular state management library. NgRx version 16 was released just one week after Angular 16. This integration introduces a selectSignal function in the library's store service which returns a ReadableSignal. It is available in both the Global and Component Store. As a result, managing state with Signals becomes more seamless and intuitive.

Moreover, an RFC has been proposed for a new library called the NgRx Signal store, indicating further advancements in this area.

{% embed https://dev.to/ngrx/announcing-ngrx-v16-integration-with-angular-signals-functional-effects-standalone-schematics-and-more-5gk6 %}

[NgRx Signal Store RFC](https://github.com/ngrx/platform/discussions/3796)

## Igor Minar on the History of Angular

In a recent episode of the Angular Master Podcast, Igor Minar, who served as the Angular lead until the end of 2021, shared valuable insights into the early days of Angular. He discussed various topics, including the reception of TypeScript support and the challenges faced during the transition from Angular version 1 to 2. It's an enlightening conversation that provides a glimpse into the history and evolution of the framework.

{% embed https://podcasters.spotify.com/pod/show/angular-master/episodes/AMP-41-Igor-Minar-Reveals-the-Unknown-History-of-Angular-e23i7vf %}

## New Releases


There have been other minor releases, such as Cypress 12.12, a testing framework.

[Cypress 12.12](https://docs.cypress.io/guides/references/changelog#12-12-0)
7 Forbidden Secrets of Git: Master the Most Important Commands Now!
Tags: programming, discuss, git, webdev
Published: 2023-06-02 12:39:25

> Hold onto your hats, folks! Today, we're about to uncover the hidden secrets of Git that will transform you into a coding wizard in no time.

**1. _Git init_ - The Ancient Ritual**:
Step into the mystical world of Git with the sacred command "git init." It's like summoning a magical repository out of thin air, infusing life into your project. The ancients whispered that this command held the key to immortality, or at least to version control. Dive into the realm of Git, young padawan!

**2. _Git clone_ - The Cloning Conspiracy**:
You're about to discover a scandalous secret – the truth about "git clone." It's the ultimate act of digital espionage, enabling you to copy an entire repository with a single command. Imagine having access to all the secrets and code of others! But remember, with great power comes great responsibility, or at least some cool code snippets.

**3. _Git add_ - The Selective Superpower**:
Behold, the superpower to choose! With "git add," you become the ultimate selector of files, handpicking the chosen ones for the next big commit. It's like assembling your dream team of code warriors, ready to conquer the coding battleground. Harness this power wisely, for not all files are worthy of the commit hall of fame.

**4. _Git commit_ - Leave Your Mark**:
Prepare to embark on a journey of self-expression with "git commit." It's your chance to leave your mark on the codebase, forever etching your name in commit history. Think of it as the coding equivalent of signing the Declaration of Independence, but with fewer quills and more keyboard strokes. Get ready to make history, one commit at a time!

**5. _Git push_ - Release the Kraken**:
Break free from the chains of your local repository with the mighty "git push." It's time to release your code into the vast ocean of remote repositories, where it will traverse uncharted servers and brave the treacherous waves of network traffic. Watch as your code conquers new territories, leaving a trail of digital footprints in its wake.

**6. _Git pull_ - The Synchronized Symphony**:
Prepare for a harmonious symphony of collaboration with "git pull." It's like joining hands with your fellow coders, synchronizing your work and dancing to the beat of the latest updates. With a simple command, you'll be in perfect harmony, avoiding conflicts and ensuring a smooth coding experience. It's teamwork at its finest!

**7. _Git blame_ - The Detective's Toolkit**:
Become a coding Sherlock Holmes with the enigmatic "git blame." Unveil the true culprits behind those pesky lines of code that caused mayhem and confusion. Track down the guilty parties, armed with the power to assign blame and solve coding mysteries. It's time to put on your detective hat and let the truth be revealed!

**_Conclusion_**:

`Congratulations, dear reader, for unlocking the forbidden secrets of Git! Armed with these powerful commands, you're ready to conquer the coding realm and emerge as a true coding wizard.`
Azure Board com quadro Kanban
Tags: azure, beginners, devops, braziliandevs
Published: 2023-06-02 12:39:13

Coisas do dia a dia que aprendi usando o Azure Board com quadro Kanban

Os quadros Kanban proporcionam uma representação visual do fluxo de trabalho, mostrando os itens do backlog, histórias de usuário ou bugs em diferentes estágios de conclusão.

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

O Kanban prioriza duas práticas principais: visualizar o fluxo de trabalho e limitar a quantidade de trabalho em andamento (WIP).

Para utilizar um quadro Kanban, é necessário se conectar a um projeto e ser adicionado a uma equipe ou projeto. Também é preciso ter as permissões adequadas para adicionar e modificar itens de trabalho.

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

Você pode acessar o seu quadro Kanban pelo portal da web, selecionando a equipe correta no menu de seleção de equipes.

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

Ao utilizar um quadro Kanban, é importante mapear os estágios do fluxo de trabalho da sua equipe e configurar o quadro de acordo. É possível personalizar as colunas para corresponder aos estágios do seu fluxo de trabalho.

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

É fundamental estabelecer limites de WIP para cada estágio do fluxo de trabalho, a fim de garantir uma carga de trabalho gerenciável e identificar possíveis gargalos.
É possível adicionar itens de trabalho ao quadro Kanban inserindo um título e pressionando Enter. Os itens de trabalho podem ser atualizados ao movê-los para diferentes estágios ou modificando os campos diretamente no quadro.

Existem opções de filtragem disponíveis para focar em subconjuntos específicos de trabalho com base em palavras-chave, valores de campo ou tags.

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

Monitorar as métricas é uma parte essencial do Kanban. O Diagrama de Fluxo Cumulativo (CFD) fornece insights sobre o progresso do trabalho e pode ajudar a otimizar os processos.
As atualizações em tempo real podem ser ativadas para que o quadro Kanban seja atualizado automaticamente quando ocorrerem alterações.

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

Widgets de análise e o Serviço de Análise podem ser utilizados para uma análise mais aprofundada e visualização das métricas.
Create sample YugabyteDB table with data
Tags: yugabyte, postgres, sampledata, tutorial
Published: 2023-06-02 12:32:36

I keep finding myself looking around for a quick and convenient way to to create a table populated with data.
(the datasets are described as being free to use for testing)

Download 100,000 rows dataset.
```shell
curl -L https://github.com/datablist/sample-csv-files/raw/main/files/people/people-100000.zip > people-100000.zip
unzip people-100000.zip
```

Download 1,000,000 rows dataset.
```shell
curl -L https://github.com/datablist/sample-csv-files/raw/main/files/people/people-1000000.zip > people-1000000.zip
unzip people-1000000.zip
```

Create table and import data into YCQL (Cassandra compatible)
```sql
create keyspace sample;
use sample;
create table sample_data
(
index int primary key,
user_id text,
first_name text,
last_name text,
sex text,
email text,
phone text,
date_of_birth text,
job_title text
);
--copy sample_data from 'people-100000.csv' with header=true;
copy sample_data from 'people-1000000.csv' with header=true;
```

Create table and import data into YSQL (PostgreSQL compatible)
```
create table sample_data
(
index int primary key,
user_id text,
first_name text,
last_name text,
sex text,
email text,
phone text,
date_of_birth text,
job_title text
);
--\copy sample_data from 'people-100000.csv' csv header;
\copy sample_data from 'people-1000000.csv' csv header;
```
Meu blog sobre programação e afins 🦝
Tags: braziliandevs, programming, career, go
Published: 2023-06-02 12:23:54

E aí pessoal, espero que todos se encontrem bem no momento 😀.

Vou usar esse post para divulgar meu blog 😉: [fragmentando.substack.com](https://fragmentando.substack.com/) que criei em nosso querido idioma Português.

Minha idéia é trazer pequenos posts (fragmentos) falando sobre algum assunto de programação, desde pequenos tutoriais em Go, .NET ou alguma outra linguagem até reflexões e insights sobre a carreira dev, sempre em um formato de leitura rápida.

📌 Então, se achar interessante **não se esqueça de se inscrever** para receber uma notificação sempre que tiver post novo. 

Sua opinião é sempre bem vinda! Pretendo criar posts todas as semanas. 
Nos vemos lá 🙋🏻‍♂️
solve network "action needed" in windows
Tags: problem, cmd, productivity, network
Published: 2023-06-02 12:22:08

hello guys!
Today, i faced a problem that when i connect to my WLAN network and i had connection but i cloudnt see WiFi icon on my pc and got "Action needed" message for my network.

i tried to solve this problem by cmd and i founded out when i use DNS and VPN at the same time, this problem occured.
if you have this problem too, do things below in cmd:

**1. turn off your VPN.
2. Unset you DNS.
3. press windows+R, type cmd and hit ctrl+shift+enter to run as administrator.
4. type command ipconfig /flushdns
5. after you got results, type ipconfig /release
6. same as 5, after you got results, type ipconfig /renew
7. then type "netsh winsock reset" and restart your system.
7+. Disable and Enable your WiFi driver.**

maybe when you put DNS again, this problem occur again and you should change your DNS!

hope this guide be helpful for you
and this is my pleasure to improve this way by typing your idea below.

Thanks.
How to Configure Security.txt in Magento 2
Tags: magento, magento2, magento2tutorial
Published: 2023-06-02 12:04:32

Configuring Security.txt in Magento 2 is a crucial step in ensuring the smooth operation of your business website and providing an uninterrupted customer experience. As a store owner, you are well aware of the significance of safeguarding sensitive files and client data. While Magento 2 offers various security features, they may not provide complete protection against potential violations. This is where security.txt comes into play, as it simplifies the reporting of vulnerabilities.

If you are unfamiliar with security.txt, there's no need to worry. This comprehensive article will provide you with a clear understanding of security.txt and guide you through the process of **_How to Configure Security.txt in Magento 2_**.

Similarly, configuring robot.txt is essential for any website that focuses on SEO. Specifically, when you set up the sitemap to allow search engines to index your store, it becomes necessary to provide web crawlers with instructions in the robot.txt file to prevent indexing of disallowed sites. The robot.txt file, located in the root directory of your Magento installation, serves as a directive that search engines like Google, Yahoo, and Bing can easily recognize and follow.

For more information , please visit this :- **_[https://webguru.dev/how-to-configure-security-txt-in-magento-2/](https://webguru.dev/how-to-configure-security-txt-in-magento-2/)_**
Svelte TimeTable Game
Tags: svelte, javascript, webdev, opensource
Published: 2023-06-02 12:04:19

A few days ago, I decided to learn **Svelte** and **SvelteKit**.

Now I've made a simple TimeTable game with Svelte.

You can check out it's GitHub repo here:
{% embed https://github.com/VulcanWM/timetable-game %}

---

## What features does it have?
This is a game where you have a minute to answer as many timetable questions as you can.

You have an option to select which timetables you want to appear.

At the end of the game, you can see how many questions you got right and wrong, and a graph which shows how many questions you have answered each second also appears.

## How was it made?
This game is made using **Svelte** and **SvelteKit**, so it uses **HTML, CSS and JavaScript**.

It is hosted by **Netlify**.

## How did you get the idea of making this?
Since I first played TTRockstars, I've always wanted to make a game like this.

So when I started learning Svelte and needed a project idea, I decided to make this.

## Where can I play it?
You can play the game [here](https://timetable-game.netlify.app).

Or you can clone this repository, and run `npm run dev` to play it locally.
Freelancing: The journey so far
Tags: webdev, freelancing
Published: 2023-06-02 11:57:49

I started freelancing in late 2021 and felt like laying out some thoughts on my experience so far.

## Communication is key

Clients appreciate regular updates and transparency, plain and simple.
If things aren't going to plan, **be open with them** to resolve issues quickly.
Send screenshots often so they can see their project coming together.
In a development team, draft pull requests are a great way to show what you're working on without spamming communication channels.

## Be selective

Any project that comes your way is yours to pick and choose.
You shouldn't feel obliged to take every opportunity.
Sometimes no client is better than a bad client.
**Balance your time and effort.**

## Rejection is okay

Not every prospect will sign off on a project with you.
Maybe they think you don't have enough experience or are too expensive.
**That's okay.**
You can dodge bullets this way and move on to the next project.

## Price accordingly

**The most demanding clients often pay the least.**
They will try to squeeze every last drop of value out of you, maybe even some overtime.
Higher prices tend to attract more serious and better-prepared clients.

## Push your comfort zone

You may be required to handle things outside of your comfort zone from time to time.
Sometimes it can be a dealbreaker and put an end to your collaboration.
But if balanced correctly, it can be **a great source of learning and growth**.

## Entrepreneurship

It's a possible first step into the world of entrepreneurship.
Freelancing allows you to learn about business, marketing and sales without any overhead.
The required administrative tasks are much simpler than a classic company.
Once you're comfortable, you can start to **scale your business** and branch out.

## Quitting

It's important to know when to quit a project.
They're not always what they're all cracked up to be.
You may realise you don't have the right skills or experience.
Perhaps the client is too demanding or unprepared.
**Save you and your client's time and money** by leaving the project when necessary.

## Enjoy the ride

The majority of workers are employed by someone else.
As a freelancer, you have the opportunity to work on your own terms.
**Work where you like, when you like, and how you like.**
It can be a hard habit to break after working in an office for years.
Enjoy the freedom and flexibility that freelancing brings.

## What about you?

Do you have any of your own thoughts on freelancing?

Let me know on [Twitter](https://twitter.com/haydencleary) or by [email](mailto:hello@haydencleary.com)! 👋
Plane: The Open Source Jira Replacement
Tags: opensource, programming, stackfoss, jira
Published: 2023-06-21 21:24:14

---
title: Plane: The Open Source Jira Replacement
published: true
date: 2023-06-02 11:52:04 UTC
tags: opensource, programming, stackfoss, Jira
canonical_url: 
---

Plane is an open-source, self-hosted project planning tool that helps you track issues, sprints, and product roadmaps in the simplest way possible. It is still in its early days, but it has already gained a lot of popularity among developers and project managers.

Plane is a great alternative to JIRA, Linear, and other popular project management tools. It is easy to use, affordable, and highly customizable. You can use Plane to track issues, create sprints, and manage your product roadmap. You can also use Plane to collaborate with your team, assign tasks, and track progress.

One of the best things about Plane is that it is open source. This means that you can modify the code to meet your specific needs. You can also contribute to the development of Plane by reporting bugs, suggesting new features, and fixing issues.

If you are looking for a simple, affordable, and customizable project management tool, then Plane is a great option. It is easy to use, and it has a lot of features that can help you manage your projects effectively.

Here are some of the key features of Plane:

- Issue tracking: Plane allows you to track issues, assign them to team members, and track progress.

- Sprint planning: Plane helps you plan your sprints, track your progress, and collaborate with your team.

- Product roadmap: Plane allows you to create a product roadmap, track your progress, and collaborate with your team.

- Collaboration: Plane allows you to collaborate with your team, assign tasks, and track progress.

- Customization: Plane is highly customizable, so you can modify the code to meet your specific needs.

If you are looking for a powerful and flexible project management tool, then Plane is a great option. It is easy to use, affordable, and highly customizable. You can use Plane to track issues, create sprints, and manage your product roadmap. You can also use Plane to collaborate with your team, assign tasks, and track progress.

Here are some of the benefits of using Plane:

- Simple to use: Plane is very easy to use, even for beginners. The user interface is clean and intuitive, and the documentation is comprehensive.

- Affordable: Plane is very affordable, both for individuals and teams. There is a free plan for individuals, and a paid plan for teams.

- Highly customizable: Plane is highly customizable, so you can modify the code to meet your specific needs. You can also contribute to the development of Plane by reporting bugs, suggesting new features, and fixing issues.

If you are looking for a powerful, flexible, and affordable project management tool, then Plane is a great option.
Roop: A Deepfake Face Swap Tool
Tags: opensource, programming, stackfoss
Published: 2023-06-21 21:24:22

---
title: Roop: A Deepfake Face Swap Tool
published: true
date: 2023-06-02 11:40:15 UTC
tags: opensource, programming, stackfoss
canonical_url: 
---

Roop is a deepfake face swap tool that allows users to swap faces between two images or videos. It is a Python-based project that is open source and available on GitHub.

To use Roop, users first need to download the project and install the required dependencies. Once the project is installed, users can open the Roop GUI and select the two images or videos that they want to swap faces. Roop will then automatically generate a new image or video with the faces swapped.

Roop uses a deep learning model to perform the face swap. The model is trained on a dataset of images and videos of faces. Roop is able to generate realistic face swaps, even when the faces in the source images or videos are not perfectly aligned.

Roop is a powerful tool that can be used for a variety of purposes. It can be used for entertainment purposes, such as creating funny or creative videos. It can also be used for more serious purposes, such as creating educational or training materials.

Roop is still under development, but it is a promising tool that has the potential to be used for a variety of purposes.

Here are some of the features of Roop:

- One-click face swap: Roop makes it easy to swap faces between two images or videos with just a few clicks.

- High-quality results: Roop uses a deep learning model to generate realistic face swaps.

- Versatile: Roop can be used for a variety of purposes, including entertainment, education, and training.

If you are looking for a powerful and easy-to-use deepfake face swap tool, Roop is a great option.

**How to Use Roop**  
To use Roop, you will need to:

1. Clone the Roop repository from GitHub.
2. Install the required dependencies.
3. Open the Roop GUI.
4. Select the two images or videos that you want to swap faces.
5. Click on the "Start" button.
6. Roop will generate a new image or video with the faces swapped.

**Troubleshooting**  
If you are having trouble using Roop, you can check the troubleshooting guide on the Roop website.

**Resources**

- Roop website: [https://github.com/s0md3v/roop](https://github.com/s0md3v/roop)
- Roop documentation: [https://github.com/s0md3v/roop/blob/main/README.md](https://github.com/s0md3v/roop/blob/main/README.md)
- Roop troubleshooting guide: [https://github.com/s0md3v/roop/wiki/Troubleshooting](https://github.com/s0md3v/roop/wiki/Troubleshooting)
Amazon Fba Sellerboard Programı Nedir?
Tags: amazon, sellerboard
Published: 2023-06-02 11:32:07

[Amazon Fba Sellerboard](https://www.onlinemek.com/amazon-fba-sellerboard-programi-nedir/) Programı Nedir? Ne İşe Yarar? Amazon İçin Muhasebe Programı Sellerboard Amazon Fba Sellerboard, Amazon satıcıları için pek çok açıdan yararlı bir muhasebe programıdır.


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/436qt4ti5fqde37bu0vd.jpg)
Legacy pages/api works in App Router Next.js project
Tags: nextjs, typescript, javascript, auth0
Published: 2023-06-02 11:30:34

## TL;DR
`pages/api` directory works even in projects that are using [App Router](https://nextjs.org/docs/app).

# Why I wrote this doc?
I tried to use Auth0 library in my Next.js project and I'm using App Router. I faced a problem that I can not use Auth0 library in the manner of `app` directory API routing because the library provides only a handler for the legacy `pages/api`. However, I noticed that even in the project, I can use the legacy `pages/api` directory.

This is my [example code](https://github.com/ku6ryo/Auth0_NextJs-AppRouter/tree/master/src/pages/api).

Hope this helps.