teleren/devto huggingface dataset:
Git(Hub) Flow
Tags: awesome, cheatsheet, gitflow, githubflow
Published: 2023-09-18 15:41:27

## Git Flow vs Github Flow

The main differences between the git flow and the github flow are:

  - Git flow is a branching strategy that involves multiple branches for different purposes, such as master, develop, feature, release, and hotfix. Github flow is a simpler workflow that only uses one main branch (master) and feature branches.

  - Git flow is suitable for projects that have a traditional release cycle, where releases are done periodically and require a lot of quality control. Github flow is ideal for projects that have continuous deployment, where changes are deployed to production as soon as they are ready.

  - Git flow requires more commands and steps to manage the branches and merge them back to the main branch. Github flow relies on pull requests and code reviews to ensure the code quality and mergeability.

  - Git flow has a clear separation between the stable code and the development code, which can help avoid conflicts and bugs. Github flow has a faster feedback loop and allows for more collaboration and innovation.

___

**References**

  - [Pro Git book][0]
  - [A guide to improve the Git(Hub) flow and commits messages][1]
  - [Git Flow vs GitHub Flow | Alex Hyett][2]
  - [What are the pros and cons of git-flow vs github-flow?][3]
  - [Choosing the Right Git Workflow for Your Project: GitFlow, GitHub Flow][4]
  - [Workflows Comparison: Git Flow Vs GitHub Flow - Fresh Consulting][5]
  - [Git(Hub) Flow, Trunk Based Development, and Code reviews][6]
  - [Learn Git Branching][7]
  - [Git Flow: A successful Git branching model][8]
  - [Git Flow vs Github Flow][9]


[0]: https://git-scm.com/book/en/v2 "Pro Git book"
[1]: https://roalcantara.medium.com/a-guide-to-improve-the-git-hub-flow-and-commits-messages-b495461e1115 "A guide to improve the Git(Hub) flow and commits messages"
[2]: https://alexhyett.com/git-flow-github-flow "Git Flow vs GitHub Flow | Alex Hyett"
[3]: https://stackoverflow.com/questions/18188492/what-are-the-pros-and-cons-of-git-flow-vs-github-flow "What are the pros and cons of git-flow vs github-flow?"
[4]: https://medium.com/@vava_silva/choosing-the-right-git-workflow-for-your-project-gitflow-github-flow-and-gitlab-flow-6a12cb438ccb "Choosing the Right Git Workflow for Your Project: GitFlow, GitHub Flow"
[5]: https://www.freshconsulting.com/insights/blog/git-development-workflows-git-flow-vs-github-flow "Workflows Comparison: Git Flow Vs GitHub Flow - Fresh Consulting"
[6]: https://reviewpad.com/blog/github-flow-trunk-based-development-and-code-reviews "Git(Hub) Flow, Trunk Based Development, and Code reviews"
[7]: https://learngitbranching.js.org "Learn Git Branching"
[8]: https://gitkraken.com/learn/git/git-flow "Git Flow: A successful Git branching model"
[9]: https://www.geeksforgeeks.org/git-flow-vs-github-flow/?ref=lbp "Git Flow vs Github Flow"
Can we use useQuery for POST request
Tags: react, reactquery, usequery
Published: 2023-09-18 15:36:22

## Yes

use `useQuery()` if you are fetching data from the server. ( irrespective of methods GET/ POST )

use `useMutation()` if you are modifying data on the server.

------
**Back story 💭**

I am under a misconception, that useQuery is only for GET requests and all other requests ( POST, PUT, DELETE ) are handled by useMutation.

{% twitter 1703786481230528777  %}

But as mentioned in the above tweet I got the below case.

Need to fetch data using a POST request.

Initially, I invoked useMutation on the mount with useEffect. ( To get the Data )

and never used thereafter in the code to mutate any data.

This looked like a useQuery material!

Upon searching `Can we use useQuery for POST requests`, I didn't find a direct blog/ article but on [reading through the DOCS](https://tanstack.com/query/v4/docs/react/guides/queries) found that we can use useQuery for POST requests as well and got a much neater understanding on what useQuery and useMutation are meant for.



If you got a similar use case go ahead and use useQuery ✅
AWS’s Hidden Threat: AMBERSQUID Cloud-Native Cryptojacking Operation
Tags: cryptocurrency
Published: 2023-09-18 15:32:18

🚨 New cloud threat alert! 🚨

The Sysdig Threat Research Team has exposed AMBERSQUID 🦑, a stealthy #CloudNative cryptojacking operation exploiting multiple lesser-known #AWS services and costing victims over $10,000/day. Unlike a typical #cyberattack, AMBERSQUID flies under the radar by exploiting multiple services simultaneously — complicating incident response.

Dive into the details of this stealthy yet costly attack! 👇

https://sysdig.com/blog/ambersquid/
Understanding the Ethics of Artificial Intelligence
Tags: ai, machinelearning
Published: 2023-09-18 15:15:15

Artificial intelligence (AI) has a significant impact on our daily lives in the modern world. It is utilized by autonomous vehicles, medical diagnosis software, recommendation engines, and even criminal justice systems. Although AI has enormous potential benefits, it also brings up important ethical issues that require our attention.

**What are the principles or rules of artificial intelligence?**

**Fairness**: AI systems need to deliver equitable results for all people, irrespective of their demographic traits like color, gender, or ethnicity. Bias needs to be actively found and reduced.

**Transparency**: AI systems should be transparent, and users and stakeholders should be able to explain and understand how they make decisions. Transparency fosters accountability and trust.

**Privacy**: AI should respect people's right to privacy. Personal information must be handled with care, and AI systems should only access and use data when necessary to fulfill agreed-upon, legal requirements.

**Accountability**: When AI systems make mistakes or injure people, there should be clear lines of responsibility. Users, operators, and developers of AI technology should be aware of their duties.
Build VPS servers fast
Published: 2023-09-18 15:10:26

I'm building a server orchestration tool in Golang, the goal is to make building VPS servers and managing things like crons and the firewall less painful.

I occasionally do some freelance work and have to set up a VPS server, it's usually a Laravel project but sometimes can be Django or some node-based project.

There was no real tool out there that gave me the flexibility I needed. I know of forge and cloudways - both great tools but I prefer something self-hosted that I have full control over and can modify to suit my needs.

Hence I built: Scriptables, its meant to be modular and extensible. Currently, it's still a work in progress - but there's a public beta. If this is of interest to you - please check it out [here](https://plexscriptables.com/)

Scriptables, can currently build a full LEMP server, manage the firewall, and set up crons. 

I plan to add Django, node, and maybe Rails support soon.  

Any thoughts and suggestions are most welcome.
Mis 3 fuentes favoritas Open Source para VSCode 😎
Tags: vscode, programming, tutorial, productivity
Published: 2023-09-18 15:06:11

VSCode a 2023 sigue siendo el editor de código favorito por la mayoría de los desarrolladores, pero las fuentes que trae por defecto son algo aburridas. Sin más texto de relleno, vayamos al grano:

# 1. [**Fira Code**](https://github.com/tonsky/FiraCode) 
Una de las más conocidas y famosa por el uso de las **ligaduras** que estilizan el código y mejoran mucho su legibilidad.

Puedes descargar Fira Code aquí: https://github.com/tonsky/FiraCode

# 2. [**Jet Brains Mono**](https://www.jetbrains.com/lp/mono/)
De la reconocida creadora de los mejores IDE's de desarrollo web como Android Studio o IntelliJ IDEA, Jet Brains Mono es una fuente muy minimalista y cómoda para trabajar. También cuenta con ligaduras. 

Puedes descargar Jet Brains Mono aquí: https://www.jetbrains.com/lp/mono/

# 3. [**Victor Mono**](https://rubjo.github.io/victor-mono/)
Finalmente Victor Mono, una no tan conocida pero desde mi punto de vista una fuente muy bonita. Y si, esta fuente también tiene ligaduras.

Puedes descargar Victor Mono aquí: 
https://rubjo.github.io/victor-mono/

# 4 **¿Cómo instalar estas fuentes?**
En Windows, la manera más sencilla de instalar esta fuente es la siguiente:

1. Instalamos la fuente en local, en el propio sistema operativo. Esto se logra accediendo a la web de cada fuentes, descargarla y simplemente instalarla. 

2. En VSCode abrimos el `settings.json`: (`Ctrl + Shift + p`) y agregamos las siguientes líneas:

```json
    "editor.fontFamily": "JetBrains Mono",
    "editor.fontLigatures": true,
```
En este caso, el ejemplo es para **JetBrains Mono** pero sirve para todas.

3. Reiniciar VSCode.
4. Disfruta de tu fuente nueva.

## **Conclusiones**
Si bien instalar fuentes como estas es completamente opcional, me para muy aconsejable hacerlo para mejorar nuestra experiencia de desarrollo.
1-Minute CSS Tip: Accent Colors
Tags: css, html, webdev, tutorial
Published: 2023-09-18 15:02:16

---
title: 1-Minute CSS Tip: Accent Colors
published: true
description: Learn about the accent-color CSS property and how it can improve user experience and accessibility (with a 1-minute video)
tags: css,html,webdev,tutorial
cover_image: https://dev-to-uploads.s3.amazonaws.com/uploads/articles/slt5spxtkl7xgwb9mndd.png
canonical_url: https://alvaromontoro.com/blog/68040/one-minute-css-tip-accent-color
---

First, the video. Below is a more detailed explanation (it's mostly a video transcript, plus some additional details.)

{% youtube LCicBWywSyM %}

---

You built a website, and one of your pages has a form. If you are using the native form controls, you may be facing some issues:

- their color doesn't match the web page's styles
- their look is not the same across all the browsers
- their color differs across operating systems (even for the same browser!)

This isn't very pleasant and breaks the website experience. We can fix it by creating our components in a design system. Still, we will need to take care of how the components look and how they behave, all without breaking the web accessibility features that we get out of the box with the native elements.

Luckily, there is a [CSS property that can help us: `accent-color`](https://developer.mozilla.org/en-US/docs/Web/CSS/accent-color). Its basic usage is straightforward: just one line of code.

```css
input, progress {
  accent-color: #c9c;
}
```

With that, browsers will update some form elements to be painted with the specified color, providing a more consistent experience across browsers and platforms.

Currently, `accent-color` applies only to four controls:

- Radio buttons
- Checkboxes
- Progress bars (<progress>)
- Sliders (<input type="range">)

[It is safe to use as all major desktop and mobile browsers widely support it](https://caniuse.com/mdn-css_properties_accent-color). And if, for any reason, the browser doesn't support it, the only downside is that the form controls will be displayed with the ugly default color.

Another considerable advantage of this method is that browsers come with built-in color contrast accessibility features for `accent-color`. What does this mean? If you pick a color that wouldn't have enough contrast, the browser will modify the secondary color for the form control to provide additional contrast.

For example, in the video above, when we select yellow as the `accent-color` value, borders turn darker (for checkboxes and radio buttons), icons go black (in checkboxes), or backgrounds go black (for sliders and ranges), providing a higher contrast that wouldn't be there between yellow and white.

---

Read more about [`accent-color` and other small tips to improve your website experience](https://dev.to/alvaromontoro/small-details-to-improve-your-websites-experience-hio). And [subscribe to my Youtube channel for more CSS-related videos](https://www.youtube.com/alvaromontoro).
Características del trabajo de un gerente de proyectos en desarrollo de software
Tags: gerentedeproyectos, desarrollodesoftware
Published: 2023-09-18 14:58:32

El papel del gerente de proyectos en desarrollo de software es esencial para garantizar que un proyecto se complete con éxito, dentro del plazo y del presupuesto establecidos. Sus responsabilidades son amplias y varían dependiendo de la complejidad y la magnitud del proyecto. A continuación, exploraremos algunas de las características clave del trabajo de un gerente de proyectos en el mundo del desarrollo de software.

## Planificación detallada

Antes de que comience cualquier proyecto, es crucial tener un plan bien estructurado. El gerente de proyectos debe definir el alcance del proyecto, identificar los recursos necesarios, y establecer un cronograma detallado que marque todas las etapas del desarrollo.

## Gestión de recursos

Un gerente de proyectos debe garantizar que todos los recursos, ya sean humanos, tecnológicos o financieros, estén disponibles y se utilicen de manera eficiente. Esto implica seleccionar al equipo adecuado, asegurarse de que tengan las herramientas necesarias y administrar el presupuesto asignado para el proyecto.

## Comunicación efectiva

Una de las tareas más cruciales de un gerente de proyectos es servir como enlace entre los diferentes equipos y stakeholders. Deben comunicar el progreso del proyecto, los obstáculos encontrados y las soluciones propuestas de manera clara y concisa.

## Gestión de riesgos

Identificar, evaluar y gestionar los riesgos es vital para el éxito del proyecto. Esto incluye prever posibles obstáculos, preparar planes de contingencia y tomar decisiones que minimicen las amenazas al proyecto.

## Liderazgo y motivación

Un buen gerente de proyectos no sólo gestiona tareas y recursos, sino que también lidera y motiva a su equipo. Deben inspirar confianza, resolver conflictos y mantener al equipo centrado en los objetivos del proyecto.

## Monitoreo y control

A medida que avanza el proyecto, es esencial supervisar el progreso para garantizar que se mantenga en el camino correcto. Esto implica comparar los resultados actuales con los esperados, y hacer los ajustes necesarios en caso de desviaciones.

## Adaptabilidad

El mundo del desarrollo de software es dinámico y en constante evolución. Los gerentes de proyectos deben ser flexibles y estar dispuestos a adaptarse a nuevos métodos, tecnologías o requisitos cambiantes.

## Entrega y cierre

Una vez que el software está desarrollado y probado, el gerente de proyectos debe garantizar una transición sin problemas al cliente o usuario final. Esto también incluye la recopilación de feedback, la realización de revisiones post-proyecto y el aseguramiento de que se han cumplido todas las expectativas.

En resumen, ser un gerente de proyectos en el campo del desarrollo de software requiere una combinación de habilidades técnicas y soft skills. Desde la planificación y la gestión de recursos hasta la comunicación y el liderazgo, estas características son fundamentales para llevar un proyecto desde la concepción hasta la finalización exitosa.
Mastering SQL Server Execution: A Dive into Database Optimization
Tags: sql, sqlserver, database, webdev
Published: 2023-09-18 14:39:52

Delving into SQL Server execution like a pro! 💼 Data optimization at its finest. #SQLServer #Database #TechJourney #DataGeek
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/9wcjh2nyxnbftbevw4lv.png)
Hacktoberfest 2023: DiaryVault is open for contributions
Tags: flutter, hacktoberfest, beginners, programming
Published: 2023-09-18 14:22:22

DiaryVault is a FOSS, offline first personal diary application written in Flutter.

Github repo: https://github.com/SankethBK/diaryvault
Google Play: https://play.google.com/store/apps/details?id=me.sankethbk.dairyapp

**Key Features**

- Rich text editor with support for images and videos
- Data is securely preserved on user's own Google Drive account, ensuring your complete ownership and privacy.
- Sync data between multiple devices.
- Fingerprint login on supported devices.
- Multiple Themes.


**Motivation for building this app**

As someone who enjoys writing in a diary, I've tried out many diary apps on Google Play. Through my own experiences and by reading what others have shared in their reviews, I've gained a better understanding of the issues that current diary apps face.

- Premium subscriptions for basic features.
- Inadequate authentication; intrusive ads can disrupt your writing flow.
- Lack of image support.
- No automatic save, risking data loss on interruptions.
- Limited font customization at both app-wide and note levels.
- Non-customizable sorting options.


DiaryVault is continuously evolving to address the limitations of existing apps. While we haven't solved them all just yet, we're excited to announce that we have a roadmap for the next two months, including plans for some other exciting features. We invite you to be part of this journey by joining us in Hacktoberfest and contributing to our mission of creating the ultimate diary app!"

You don't need to be a Flutter expert – basic knowledge will do! Just hop on over to our 'good first issues' in our [Github repo](https://github.com/SankethBK/diaryvault/tree/master) and join us for Hacktoberfest 2023. Your contributions are invaluable to our continued growth.
What are your goals for the week of Sept 18?
Published: 2023-09-18 14:06:00

## What are your goals for this week?


- What are you building? 
- What will be a good result by week's end?
- Are you attending any events this week? 
  * Any suggestions of events to attend?
- Did you meet your goals last week?

### Last Week's Goals

- [:white_check_mark:] Continue Job Search.
- [:white_check_mark:] Blog. Here and LinkedIn
- [:white_check_mark:] Code Challenges. Did CSS Battles but missed a day. 
- [::white_check_mark:]Project work. Picked up an react course to have something to build.
- Events
  * [:x:]Attend [Virtual Coffee(VC)](https://dev.to/virtualcoffee) Thursday. SmashingConf at same time.
  * Other VC events if I can.
  * [:white_check_mark:] Virtual Dallas Software Meetup.
  * [:white_check_mark:] Smashing Meets Magical UX.
  * [:white_check_mark:] UnGhosted Resume review and mock interview on LinkedIn
- [:white_check_mark:]Run a weekly Slack thread similar to this post. 
- [:white_check_mark:] I joined a 30 Day Accountability group on LinkedIn. It's 30 days of prompts to create content and support other group members. I'll post there daily. 17 days in a row. prompt for 18 hasn't drop as of my writing this post.
- [:white_check_mark:] Build LEGO Sets Just some Marvel blind bag mini figs.


### This Week's Goals

- Continue Job Search.
- Blog.
- Code Challenges. 
- Project work
- Events
  * Possibly Attend [Virtual Coffee(VC)](https://dev.to/virtualcoffee) Thursday
  * Other VC events if I can. 
  * Codeword Conf on Sept 21 [Codeword](https://cfe.dev/events/codeword-conf-2023/). This conflicts with Thursday afternoon VC. So depends on what talk is at 12 EST and if they have a hallway track or chat.
  * Mod meetup.
- Run a weekly Slack thread similar to this post. 
- I joined a 30 Day Accountability group on LinkedIn. It's 30 days of prompts to create content and support other group members. I'll post there daily. 
- Build LEGO Sets
- Possible weekend trip to pack for. Kid is off school Friday for a teacher work day.

### Your Goals for the week


You've read my goals so I'll throw the questions back to you.


- What are you building? 
- What will be a good result by week's end?
- Are you attending any events this week? 
  * Any suggestions of events to attend?
- Did you meet your goals last week?



```html
-$JarvisScript git push
```
THE BREATH OF LİFE RULE OF LAW
Tags: justice, eradicate, poverty, research
Published: 2023-09-18 14:01:12

 The future belongs to those leaders who see the foreign investors importance that could become tomorrows new life-blood of sustainable progress , turn as value  to  the economy. Meaningful ways of support,guidance clarity and PROTECTİON needed to restore investor’s confident.
Mailchimp NodeJS ENOTFOUND
Tags: mailchimp
Published: 2023-09-18 13:49:39


I'm stuck on this error trying to do health check on my mailchimp api config and i keep getting ENOTFOUND error. I removed my actual api key

The config api call

```
const mailchimp = require("@mailchimp/mailchimp_marketing");

mailchimp.setConfig({
  apiKey: "API-KEY",
  server: "us-17",
});

async function run() {
  const response = await mailchimp.ping.get();
  console.log(response);
}

run();
```

Error:

```
node:internal/process/promises:288
            triggerUncaughtException(err, true /* fromPromise */);
            ^

Error: getaddrinfo ENOTFOUND us-17.api.mailchimp.com
    at GetAddrInfoReqWrap.onlookup [as oncomplete] (node:dns:107:26) {
  errno: -3008,
  code: 'ENOTFOUND',
  syscall: 'getaddrinfo',
  hostname: 'us-17.api.mailchimp.com',
  response: undefined
}
```


Followed the developer documentation line by line but can't get past this error. Any help/info would be great

Tried

The config api call
```
const mailchimp = require("@mailchimp/mailchimp_marketing");

mailchimp.setConfig({
  apiKey: "API-KEY",
  server: "us-17",
});

async function run() {
  const response = await mailchimp.ping.get();
  console.log(response);
}

run();
```
Expected :
```
{
   "health_status": "Everything's Chimpy!"
}
```
Global TailwindCSS Classes I add on every new project
Tags: tailwindcss, tips
Published: 2023-09-18 13:39:55

Here is a list of classes I add when I'm starting a new project:

```html
<html class="min-h-screen bg-white font-sans text-sm text-gray-950 antialiased">
  ...
</html>
```

Here's a breakdown:

1. `min-h-screen`: This class ensures that the content of your web page takes up at least the full height of the user's screen. It's especially useful for ensuring that your website looks well-proportioned on various devices, preventing any unwanted gaps or scrolling issues.

2. `bg-white`: Setting the background color to white as a default helps maintain a clean and neutral canvas to start with. Of course, you can always modify this background color to match your project's branding or design theme later on.

3. `font-sans`: This class applies a sans-serif font family to your text, offering a clean and modern typography style. Like the background color, you can easily customize the font family according to your project's requirements.

4. `text-sm`: Tailwind CSS provides a range of text sizing classes, and text-sm sets the base font size to small. This ensures that your text is legible without being too large and gives you room to adjust text sizes as needed for different sections of your project.

5. `text-gray-950`: The text-gray-950 class assigns a specific shade of gray (#030712) to the text color. Using a consistent text color helps maintain readability and visual harmony throughout your project. You can always replace this color with your preferred palette.

6. `antialiased`: Antialiasing is a technique that smooths the jagged edges of text and images, resulting in a cleaner and more polished appearance. Adding this class ensures that your text and visuals are displayed with improved clarity.

Happy Coding!