teleren/devto huggingface dataset:
Instalar Flutter en Arch Linux
Tags: linux, archlinux, flutter, spanish
Published: 2023-08-16 14:35:13

Para instalar Flutter en Arch Linux, sin mucho dolor, he optado por la instalación recomendada en la documentación que es mediante snap. Para ello deberemos instalar `snap` en Arch Linux.

## Instalar `snap`

Clonamos el repositorio de `snapd` y lo instalamos.

```bash
git clone https://aur.archlinux.org/snapd.git
```

```bash
cd snapd
```

```bash
makepkg -si
```

Habilitamos el servicio de `snapd`

```bash
sudo systemctl enable --now snapd.socket
```

Comprobamos que el servicio está activo

```bash
sudo systemctl status snapd
```

Añadimos la ruta de `snap` a nuestro `PATH`

```bash
sudo ln -s /var/lib/snapd/snap /snap
```

## Instalar `flutter`

Instalamos `flutter` mediante `snap`

```bash
sudo snap install flutter --classic
```

Comprobamos que `flutter` está instalado

```bash
flutter sdk-path
```

Comprobamos que `flutter` está funcionando

```bash
flutter doctor
```

El comando `flutter doctor` nos mostrará los requisitos que necesitamos para poder desarrollar con `flutter`. En los siguientes apartados veremos como instalar las issues que seguramente nos aparezcan.

## Configurar Google Chrome

Yo he instalado Chrome con Yay entonces lo que he hecho es crear un enlace simbólico para que Flutter lo detecte.

```bash
sudo ln -s /usr/bin/google-chrome-stable /usr/local/bin/google-chrome
```

## Instalar `jdk`

```bash
sudo pacman -sS java | grep jdk
```

```bash
sudo pacman -S jdk-openjdk
```

## Instalar `android-studio`

```bash
git clone https://aur.archlinux.org/android-studio.git
```

```bash
cd android-studio
```

```bash
makepkg -si
```

Abrir `android-studio` e instalar dependencias por defecto. Una vez instaladas seleccionamos `Projects` y luego `More Actions -> SDK Manager`.

En Android SDK seleccionamos la pestaña `SDK Tools` y seleccionamos la opción `Android SDK Command-line Tools (latest)`.

Le damos a `Apply`, se instalará y luego le damos a `Finish` y `OK`.

## Licencias de Android

Por último, aceptamos las licencias de Android

```bash
flutter doctor --android-licenses
```

[Instalar Flutter en Arch Linux](https://coding.ansango.com/flutter/instalacion/arch-linux)
Streamlining DOM Manipulation with ESModules in Vanilla JS
Published: 2023-08-16 14:27:26

## Introduction

As someone who's recently delved into the clean architecture (more on this later), I've come to recognize the importance of using modules in projects. As a newcomer to Vanilla JS, I've found a particularly effective way of achieving this. In this blog post, I'll share my insights on using ESModules for better module management and efficient DOM manipulation.

## Understanding the Challenge

One of the key challenges I encountered was figuring out how to add events to DOM elements, such as buttons, using scripts marked as modules and those that weren't. When working with modules, it's crucial to understand how to interact with the `document` object to manipulate the DOM. If this sounds confusing, don't worry – the steps outlined below are simplified to help you get started.

## Step 1: Set Up Your HTML Page

Start by creating your HTML page and adding a script tag with `type='module'`. Here's a snippet of what it might look like:

```html
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>Timetable</title>
  <script src="/src/app/main.js" type="module"></script>
</head>
<body>
  <header></header>
  <div id="timetable">
    <h1>Timetable</h1>
    <button id="btn">Click me</button>
  </div>
</body>
</html>
```

## Step 2: Initialize Your UI and Variables

Create an `init` function to initialize your user interface and any other critical variables. Here's an example:

```javascript
function init() {
  const button = document.getElementById('btn');
  button.addEventListener('click', () => {
    bye();
  });

  const paragraph = createElement('p');
  paragraph.innerText = 'Hello World';

  document.body.appendChild(paragraph);
}

window.onload = init;

function bye() {
  console.log('hello');
}

function getElementById(id) {
  return document.getElementById(id);
}

function createElement(tag) {
  return document.createElement(tag);
}
```

## Step 3: Invoke Your `init` Function

Make sure your `init` function is invoked either through `window.onload` or directly using `init()`.

```javascript
window.onload = init;
// Alternatively
init();
```

## Conclusion and Feedback

This blog post is the beginning of a series aimed at simplifying your journey into utilizing ESModules for DOM manipulation in Vanilla JS. I encourage you to provide feedback and ask questions as we continue exploring this topic together.

Thank you for reading, and stay tuned for the next installment!

*Your feedback is valuable – feel free to share your thoughts in the comments.*
CADE AS VAGAS?
Tags: beginners, java, developers, jobs
Published: 2023-08-16 14:24:13

# Você ai está procurando vagas?

Recentemente em conversas sobre o mercado atual de programação e o que mais eu ouvir foi `TA SEM VAGAS` e `QUANTO TEMPO FAZ PARA EU COMEÇAR A DINHEIRO`.

E isso fez eu refletir sobre. Até olhando meu linkedinho eu vi que as ofertas reduziu e isso se dá a **N** motivos, mercado financeiro, pandemia e etc. Mas essa de sem vagas... eu acabei olhando no linkedin se realmente _sumiu_, só que elas estavam lá, ai eu fiquei uéh? Algo de errado não está certo.

Olhando elas eu vi que 98% era para sênior e qual o problema disso?   E as de jr e pleno cadê?

Com isso as pessoas que estão "reclamando" em grande maioria são as iniciantes no mercado, acontece que o momento atual não tá facilitando muito devido a fatores corporativos recomendo um video do Fabio Akita e do Deschamps que eles falam sobre, maas agora vou por meu ponto de vista sobre.

## Ponto do CARECA

Não se iluda com CURSO e bootcamp, só com isso é BEEEM difícil conseguir, primeiro o mercado está querendo mais e mais senioridade, então fortaleça sua base **ALGORITMOS, BANCO DE DADOS, ESTRUTURAS DE DADOS** e principalmente veja conteudo sobre uma tecnologia X que você esteja estudando, leia, assista e principalmente **PRATIQUE!!**

### Onde praticar?
Hoje tem diversos sites de desafios como hackerrank.com por exemplo, olhe no youtube desafios de contratação, como "Teste tech do PagCareca" e uma outra dica de ouro 

> Escreva em algum lugar, medium, dev.to, linkedin ou bloco de notas

Faça isso como registro da sua evolução.

Sobre `QUANTO TEMPO FAZ PARA EU COMEÇAR A DINHEIRO` irei postar depois sobre.

Um Abraço do careca <3
How I Built a Mostly Feature-Complete MVP in 3 Months Whilst Working Full-Time
Tags: elixir, sideprojects, distributedsystems, machinelearning
Published: 2023-08-16 14:18:58

Hi folks, I wrote a blog post the other day on how I built my MVP in 3 months whilst having a day job, using Elixir/Phoenix/LiveView. Hopefully it's somewhat useful or entertaining for some readers. :)

https://persumi.com/u/fredwu/tech/e/blog/p/how-i-built-a-mostly-feature-complete-mvp-in-3-months-whilst-working-full-time
🌐 Installing Chromium on Mac Apple M2 Pro (Tutorial)
Tags: chromium, tutorial, webdev
Published: 2023-08-16 14:02:19

Let's just say I've never really had to use Chromium before, but my workplace requires us to use it for specific cases when testing.

I had the toughest time getting this thing to work on my Mac. Meanwhile, my remote colleagues had it working just fine. 

I received a lot of these messages every time:

![Chromium.app Not Supported Image](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ax0w1ueyurdi9sx1cgri.png)


![Chromium.app can't be verified](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/mnyhfvn7rrjevv24sots.png)

Meanwhile in my head I'm thinking, "this is easier if it was windows"! But this laptop I used is also a corporate laptop, which could also be a reason for these errors.

Well, if any of you need to use Chromium and have a Apple M2 Pro chip, then this tutorial should help you.

---

## Sections

- [Install Homebrew](#install-homebrew)
- [Install Chromium](#install-chromium)
- [Damaged App Fix](#damaged-app-fix)
- [Resources ⚡️:](#resources-️)

---

## Install Homebrew

If you don't already have homebrew, please install it as we will be using this to download and install Chromium.

[Step-By-Step Tutorial For Homebrew](https://www.howtogeek.com/211541/install-homebrew-on-mac/)

If you already have homebrew, let's skip to the next section.

## Install Chromium

After installing homebrew, keep your terminal open and run the following commands:

1. `brew install chromium --no-quarantine`
2. `brew cu` (upgrades chromium)

Easily done within baby steps (took me longer than it should have)!

Check your applications and try to open Chromium. If you are receiving this specific error message: "Chromium.app is damaged and can't be opened. You should move it to the Trash." Don't trash it, instead click "cancel" and check out the quick fix for this below.

## Damaged App Fix

In your terminal, enter the following command:

`xattr -cr /Applications/Chromium.app`

Attempt to re-open Chromium, and the error message should now be gone! 

If it is not gone, please comment the type of error message you receive. I can try to provide resources for you. Any feedback is accepted!

Please check out the resources I've gathered from below to make this into one tutorial. ❤️


## Resources ⚡️:
- https://apple.stackexchange.com/questions/78805/chromium-builds-for-mac-os-x
- https://www.reddit.com/r/MacOS/comments/q9d772/homebrew_chromium_is_damaged_and_cant_be_openend/
- https://www.howtogeek.com/211541/install-homebrew-on-mac/
Embracing Grit and Growth Mindset
Published: 2023-08-16 13:55:59

Hey there, fellow coders and curious minds! 🚀 Welcome to my personal corner of the internet where we're going to talk about something that's close to my heart and crucial for our software engineering journey – grit and growth mindset. So, grab your favorite drink and let's dive in!

## What's Grit Anyway?

Grit, my friends, is like that fire inside you that refuses to be extinguished. It's the relentless determination to keep pushing forward, no matter how many bugs you encounter (the software kind, not the creepy-crawly ones). Angela Duckworth's definition nails it: it's that combo of passion and perseverance. It's the stubborn refusal to give up on that line of code that's been giving you sleepless nights.

## Why Grit Matters?

Think of a time when you tackled a problem that seemed insurmountable. Remember that amazing feeling when you cracked it? That's grit in action. Duckworth's research says grit matters even more than raw talent. She studied all kinds of folks, from students to athletes, and guess what? Those who had more grit were like the tortoise in the race – they might not have started the fastest, but they sure as heck finished strong.

## Hello Growth Mindset, My Old Friend

Now, let's talk about growth mindset. Imagine your brain is an RPG game – every challenge you conquer levels up your skills. A growth mindset is like having cheat codes that let you level up faster. It's believing that you can learn, adapt, and improve with time and effort.

## The Downer: Fixed Mindset

But ah, the fixed mindset – it's like that villain in every video game who tries to stop you from progressing. It's when you think you're stuck with the skills you've got and there's no room for improvement. It's time to kick that fixed mindset to the digital curb.

## My Brain's Dance Battle: Fixed vs. Growth Mindset

Picture this: I'm coding away, trying to figure out why my program won't run. In a fixed mindset, my brain's doing the Macarena of self-doubt. But switch to the growth mindset, and boom! My brain is breakdancing like it's at a coding rave. Challenges become opportunities, and failures become lessons.

## Why I'm Team Growth Mindset

Now, onto the science bit! Carol Dweck's study rocked my world. She split students into two groups. One got the pep talk on the power of a growth mindset, while the other group just chilled. Then, they faced tough tasks. Drumroll, please – the growth mindset group didn't just step up, they conquered those tasks like coding superheroes.

## In My Coding Odyssey...

So, here's the takeaway, pals. As I navigate my software engineering odyssey, grit and a growth mindset are my trusty sidekicks. It's about never giving up on that complex algorithm, even if it feels like trying to solve a puzzle with missing pieces.

Remember, your coding journey is YOUR story. Embrace the challenges, dance with the bugs, and keep the growth mindset beats going strong. The world of coding is waiting for your unique touch, so go dazzle it with your persistence and belief in your own potential.

Until next time, fellow code warriors! 🚀💻🎉
React Jam, build a game using React | Winners Announcement!
Tags: react, webdev, javascript, gamedev
Published: 2023-08-16 13:49:18

What an incredible party React Jam has been 🎉Huge thanks to every dev who submitted. We were amazed by the creativity in just 10 days!

Head to [our website](https://reactjam.com/summer-2023-winners) now to play the top games that nailed the 'Party' theme using React.

This was only the first React Jam! If you couldn't join in this time, keep an eye out for the next one in the Fall.
New job alert!
Tags: career, webdev, devrel
Published: 2023-08-16 13:42:10

After an exciting journey at [Uniform](https://uniform.dev), it's time for a new adventure.

At Uniform, we thrived during the pandemic, hiring the best talent remotely and finding success in a new product category. I not only learnt a lot but also created value towards company perception and trust along the way.

Inspired by the startup life, I wanted a new challenge at a company further along their journey. [Hygraph](https://hygraph.com) caught my attention with its product-led growth, open source SDKs, solid product-market fit, and strong fit for developer relations.

I'm excited to join Hygraph as the Developer Relations Lead for Outreach and Awareness. With 15 years of agency experience, deep knowledge of the developer space, and connections within the MACH alliance, I'm confident in bringing my skills to this product-led growth company.

Working alongside experienced professionals like [Bryan Robinson](https://www.linkedin.com/in/bryanlrobinson/) (Orbit, Algolia, Sanity) and [Lo Etheridge](https://www.linkedin.com/in/lowisren/) (Sanity, and many other dev gigs), I'll be part of Hygraph's developer relations team within the larger marketing organization led by [Omer Gokce Tumer](https://www.linkedin.com/in/omergokcetumer/).

Hygraph is at the forefront of the composability and content federation space. They provide a solution to the challenges faced by scaled headless architectures, bringing stability and flexibility. Companies like Netlify, Conscia, and Octoo have embraced Hygraph's approach to content federation, validating the category.

If you're seeking content federation at scale, Hygraph has a remarkable head start and addresses the current code-first problems in the MACH architecture space.

I'm eager to get started and can't wait for what lies ahead. See you soon!

Cheers,
Tim
neetoGit got GitHub integration, easy assigning of issues, tracking status and more
Tags: github, productivity, tooling, software
Published: 2023-08-16 13:40:33

🚀 Unlock Higher GitHub Productivity with neetoGit! 🛠️

neetoGit is a GitHub productivity enhancement tool. It brings a better user experience for assigning issues to someone and tagging issues with tags.

Here are some of the new features, enhancements, and optimizations which were recently launched.
✅ GitHub Integration
✅ Status Tracking
✅ Automated Label Assignment
✅ Enhanced Failure Detection
and much more.

🔗 Checkout the blog: https://blog.neeto.com/p/neetogit-got-github-integration-status-tracking
ReTECH: Remix Full Stack Client & Admin eCommerce Template
Tags: webdev, javascript, react, remix
Published: 2023-08-16 13:40:17

I just launched my new [remix template](https://remixtemplates.com/).

ReTECH is the most developer friendly & highly customizable Remix Ecommerce Client and Admin Dashboard Template built with Remix, TypeScript, Prisma, Tailwind, Remix Flat Routes, Headless UI,TanStack Table, Apexcharts. 

ReTech comes with a comprehensive suite of pre-built components, pages, and fully customizable.

ReTECH has over 35 Storefront & Admin pages and includes features such as: Customer account space, Admin dashboard, Product reviews, Payment Methods (Stripe and Paypal), Quick & advanced search, SEO Friendly, Fully responsive design, Clean & modern design, Easy to customize, Authentication,  And much more...

The template will be updated regularly.

If you want to learn remix or build your fullstack ecommerce site, Retech can help you.

[Click here to see the demo](https://remixtemplates.com/templates/retech-react-remix-fullstack-client-admin-dashboard-ecommerce-template)
Nocode Certification Featured on PH 🚀
Tags: producthunt
Published: 2023-08-16 13:09:34

Hello nocoders!  

This is featured on Product Hunt: https://www.producthunt.com/posts/no-code-certification 

NoCode Certification: take a test in bubble, webflow, or other nocode platforms and get a certificate that can get you hired as a nocode expert
Integration tests with minitest, Sorcery and Rails 7
Tags: rails, ruby, minitest, testing
Published: 2023-08-16 13:02:44

---
title: Integration tests with minitest, Sorcery and Rails 7
published: true
description: How to login with Sorcery, Rails 7 and minitest  integration tests.
tags: rails, ruby, minitest, testing
---

The example app at https://github.com/Sorcery/sorcery-example-app/tree/master does not work for integration tests. Here is a configuration that helps you log in using Sorcery.

Edit your `test_helper.rb file`

```ruby
class ActionController::TestCase
  include Sorcery::TestHelpers::Rails::Controller
end

class ActionDispatch::IntegrationTest
  include Sorcery::TestHelpers::Rails::Integration
end

module Sorcery
  module TestHelpers
    module Rails
      # Passwords? Where we are going, we don't need passwords.
      def login_user_post(email, route = nil)
        password = 'top-secret'
        user ||= @user
        user.password = password
        user.password_confirmation = password
        user.save!
        where = route.presence || user_sessions_path
        send(:post, where, params: { email:, password: })
      end
    end
  end
end
```

And now in your integration files you can log in using the method `login_user_post` with a user's email.

`tests/integration/admin/settings_test.rb`

```ruby
class Admin::SettingsTest < ActionDispatch::IntegrationTest
  class NotManager < Admin::SettingsTest
    def setup
      @user = user(:user)
      login_user_post @user.email
    end

    test 'can not access admin area' do
      get admin_settings_url

      assert_response :redirect
    end
  end

  class Manager < Admin::SettingsTest
    def setup
      @user = user(:manager)
      login_user_post @user.email
    end

    test 'can access admin area' do
      get admin_settings_url

      assert_response :success
    end
  end
end
```
NuCoin voltou! Criptomoeda já pode ser comprada e vendida novamente no app do Nubank
Tags: productivity, cloud, cripto
Published: 2023-08-16 12:54:19

De [ATLZ ](https://atlz.online/)- Depois de mais de 1 dia suspensa, a NuCoin voltou a ser negociada no app do Nubank, agora, já é possível comprar e vender a criptomoeda no app do Nubank. Desde sábado, não era possível movimentar nenhum valor do ativo por conta da instabilidade.

Quem tentou comprar ou vender a moeda, dava de cara com um aviso no app: "Devido ao alto volume de acessos, estamos enfrentando instabilidades e precisamos suspender temporariamente as negociações. Estamos trabalhando para normalizar o funcionamento o mais rápido possível".

O ATLZ até tinha entrado em contato com o Nubank para saber mais detalhes sobre o que tinha acontecido, já que a instituição não divulgou nenhuma nota oficial sobre o assunto na internet.

Inclusive, nos noticiamos que dezenas de pessoas fizeram reclamações no Reclame Aqui por conta da paralisação da NuCoin: "Desde 15h não consigo vender e nem comprar Nucoin, e através desse problema tenho sido prejudicado pela empresa pq foi um erro da empresa", dizia uma das reclamações, sem resposta até a publicação dessa matéria.

Com a compra e venda pausada, a NuCoin se estabilizou em 0,21 centavos depois de uma forte queda e uma forte subida antes da instabilidade.

A NuCoin viralizou por conta de sua valorização, desde seu lançamento, ela chegou a alcançar mais de 2000%. Antes da suspensão, por exemplo, a moeda tinha subido mais de 150% nas últimas 24 horas. A moeda já tem fãs em todo o país: grupos cheios de clientes do Nubank discutem no Telegram e no Whatsapp, o futuro da NuCoin.
DefectDojo and PVS-Studio: tracking errors and vulnerabilities
Tags: programming, opensource, testing, cpp
Published: 2023-08-16 12:50:29

How to simplify the process of bug fixing and prevent vulnerable code from being released? Use error and vulnerability management tools. We will use PVS-Studio to search for errors, and DefectDojo will help us handling them. In this article, we are going to discuss how to use these tools together.


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

[PVS‑Studio](https://pvs-studio.com/en/) is a static code analyzer that finds errors and potential vulnerabilities in projects written in C, C++, C#, and Java. 

[DefectDojo](https://github.com/DefectDojo/django-DefectDojo) is a DevSecOps system for tracking errors and vulnerabilities. It provides features for handling reports, including the ability to memorize false positives and delete duplicate warnings. DefectDojo can integrate with JIRA, saves metrics, and builds graphs of their changes.

With the new PVS-Studio report format for DefectDojo, you can take full advantage of the platform's features when handling analysis results and managing the error fixing process.

Setting up the PVS-Studio report in DefectDojo is quite simple. Read [here ](https://pvs-studio.com/en/blog/posts/1062/)how to do it!