DEV Community: matheus fortunato

Meu Script de Pós-Instalação no Fedora (2025)

matheus fortunato — Mon, 08 Dec 2025 20:53:20 +0000

Confira meu script de pós-instalação para o Fedora 43 em 2025.
Em um único comando eu deixo o sistema exatamente do jeito que uso no dia a dia.
Vou te mostrar tudo que instalo, como configuro e por que escolhi cada ferramenta — desde codecs e RPM Fusion até VSCodium com minhas extensões favoritas, Rust, Node LTS, Minikube rootless, Freelens, Seabird, Flatpaks e um GNOME bem tunado.

Como usar:

# 1. Dê permissão de execução
chmod +x fedora-post-install.sh

# 2. Execute (vai pedir sua senha várias vezes)
./fedora-post-install.shs

O script completo:

#!/bin/bash
# Fedora Workstation – Post-Install 2025
# Autor: Matheus Fortunato
# Testado em: Fedora 43 (Dezembro 2025)

echo -e "\e[1m\e[34mAtualizando o sistema...\e[0m"
sudo dnf update -y && sudo dnf upgrade -y

echo -e "\e[1m\e[34mAtivando RPM Fusion (free + nonfree)\e[0m"
sudo dnf install -y \
  https://mirrors.rpmfusion.org/free/fedora/rpmfusion-free-release-$(rpm -E %fedora).noarch.rpm \
  https://mirrors.rpmfusion.org/nonfree/fedora/rpmfusion-nonfree-release-$(rpm -E %fedora).noarch.rpm

sudo dnf groupupdate core -y
sudo dnf swap ffmpeg-free ffmpeg --allowerasing -y
sudo dnf group upgrade --with-optional Multimedia -y

echo -e "\e[1m\e[34mCodecs de vídeo e OpenH264\e[0m"
sudo dnf install -y ffmpeg-libs libva libva-utils gstreamer1-plugin-openh264 mozilla-openh264
sudo dnf config-manager setopt fedora-cisco-openh264.enabled=1

echo -e "\e[1m\e[34mFlatpak + Flathub\e[0m"
flatpak remote-add --if-not-exists flathub https://dl.flathub.org/repo/flathub.flatpakrepo

echo -e "\e[1m\e[34mApps essenciais para meu trabalho\e[0m"
sudo dnf install -y --skip-unavailable \
  easyeffects clangd papirus-icon-theme gparted \
  vlc remmina chromium podman-compose kubectl \
  bleachbit @virtualization ardour8 kernel-devel gcc make perl

echo -e "\e[1m\e[34mMinikube (rootless)\e[0m"
curl -LO https://storage.googleapis.com/minikube/releases/latest/minikube-latest.x86_64.rpm
sudo rpm -Uvh minikube-latest.x86_64.rpm
minikube config set rootless true

echo -e "\e[1m\e[34mVSCodium + minhas extensões favoritas\e[0m"
sudo tee /etc/yum.repos.d/vscodium.repo <<EOF
[gitlab.com_paulcarroty_vscodium_repo]
name=VSCodium
baseurl=https://paulcarroty.gitlab.io/vscodium-deb-rpm-repo/rpms/
enabled=1
gpgcheck=1
repo_gpgcheck=1
gpgkey=https://gitlab.com/paulcarroty/vscodium-deb-rpm-repo/raw/master/pub.gpg
EOF
sudo dnf install -y codium
sudo ln -sf /usr/bin/codium /usr/bin/code

# Extensões que eu amo
code --install-extension catppuccin.catppuccin-vsc
code --install-extension catppuccin.catppuccin-vsc-icons
code --install-extension dbaeumer.vscode-eslint
code --install-extension esbenp.prettier-vscode
code --install-extension prisma.prisma-insider
code --install-extension rust-lang.rust-analyzer
code --install-extension tonybaloney.vscode-pets
code --install-extension dreamcatcher45.podmanager
code --install-extension ritwickdey.liveserver
code --install-extension adpyke.codesnap
code --install-extension tailwind-nuxt.tailwindcss-for-react
code --install-extension formulahendry.auto-rename-tag
code --install-extension ms-azuretools.vscode-docker
code --install-extension redhat.vscode-yaml
code --install-extension llvm-vs-code-extensions.vscode-clangd
code --install-extension oderwat.indent-rainbow
code --install-extension remisa.shellman
code --install-extension timonwong.shellcheck
code --install-extension mikestead.dotenv
code --install-extension wix.vscode-import-cost
code --install-extension yoavbls.pretty-ts-errors

echo -e "\e[1m\e[34mRust, Node (via NVM) e NPM global\e[0m"
curl --proto '=https' --tlsv1.2 -sSf https://sh.rustup.rs | sh -s -- -y
curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.40.1/install.sh | bash
export NVM_DIR="$HOME/.nvm"
[ -s "$NVM_DIR/nvm.sh" ] && \. "$NVM_DIR/nvm.sh"
nvm install --lts
npm i -g yarn pm2 eas-cli

echo -e "\e[1m\e[34mApps Flatpak (Freelens, Seabird, Obsidian, etc.)\e[0m"
flatpak install -y flathub \
  app.freelens.Freelens dev.skynomads.Seabird \
  com.spotify.Client md.obsidian.Obsidian \
  com.microsoft.Edge com.anydesk.Anydesk \
  rest.insomnia.Insomnia org.gnome.Solanum

echo -e "\e[1m\e[34mGNOME: extensões e tweaks\e[0m"
sudo dnf install -y gnome-tweaks gnome-extensions-app transmission-gtk
# Algumas extensões que utilizo no gnome são:
# • Dash to Panel
# • Arc Menu
# • System Monitor

echo -e "\e[1m\e[34mFinalizando...\e[0m"
sudo fwupdmgr refresh --force
sudo fwupdmgr update -y
sudo dnf autoremove -y
sudo dnf clean all

echo -e "\e[1m\e[32mFEDORA PRONTO! Reinicie o sistema e seja feliz :)\e[0m"

[PT-BR]30 Comandos Linux que Todo Mundo Deveria Conhecer em 2025

matheus fortunato — Thu, 27 Nov 2025 14:03:04 +0000

1. Navegação e exploração de arquivos

#	Comando	O que faz	Exemplo prático
1	`pwd`	Mostra onde você está	`/home/neo/Documents`
2	`ls -lha`	Lista com permissões, dono, tamanho humano e arquivos ocultos	`ls -lha /etc`
3	`cd -`	Volta para a pasta anterior (troca entre duas pastas rapidamente)	Você estava em `/var/log` → volta para a pasta anterior
4	`tree -L 2 -d`	Mostra estrutura de pastas até nível 2 (só diretórios)	`tree -L 3 ~/projetos`
5	`find / -name "*.conf" 2>/dev/null`	Procura arquivos por nome (ignora erros de permissão)	Procura todos os .conf no sistema
6	`fd "regex"`	Alternativa moderna e 10× mais rápida que o find	`fd pdf -e pdf`
7	`du -sh * \	sort -hr`	Mostra tamanho de tudo na pasta atual, ordenado do maior para o menor
8	`df -hT`	Espaço em disco com tipo de sistema de arquivos	`df -hT /`

2. Visualização e edição de arquivos

#	Comando	Uso	Dica 2025
9	`cat arquivo`	Mostra conteúdo inteiro	`cat /etc/os-release`
10	`less -N arquivo`	Navega com números de linha	Pressione `/palavra` para buscar
11	`bat arquivo`	cat com syntax highlight, git integration e número de linha (melhor visual)
12	`head -20 arquivo` / `tail -20`	Primeiras/últimas 20 linhas	`tail -f /var/log/syslog` → acompanha em tempo real
13	`nano arquivo`	Editor simples
14	`vim arquivo` ou `nvim`	Editor (aprenda pelo menos `i`, Esc, `:w`, `:q!`, `dd`, `yy`, `p`)	Use Neovim, ele está em todos os repositórios

3. Gerenciamento de processos

#	Comando	Descrição	Exemplo
15	`htop` ou `btop`	top bonito e interativo (btop é ainda mais leve)
16	`ps aux \	grep python`	Lista processos filtrando por nome
17	`pkill -f "node app.js"`	Mata processo pelo nome (mais fácil que kill)
18	`kill -9 PID`	Mata processo na força bruta (SIGKILL)	Use só quando necessário
19	`nohup comando &`	Roda comando mesmo se você fechar o terminal ou desconectar	`nohup python3 bot.py &`

4. Rede e internet

#	Comando	Função	Exemplo
20	`curl ifconfig.me`	Seu IP público
21	`curl -I https://site.com`	Só cabeçalhos HTTP (ótimo para debug)
22	`wget -c URL`	Download com resume	`wget -c https://arquivo-grande.iso`
23	`aria2c -x16 URL`	Download ultra-rápido com 16 conexões
24	`ping -c 4 1.1.1.1`	Teste básico de conectividade
25	`traceroute google.com` ou `mtr google.com`	Rota até o destino
26	`speedtest-cli` ou `fast`	Teste de velocidade	`curl -s https://install.speedtest.net/app/cli/install.deb.sh

5. Sistema e diagnóstico

#	Comando	O que mostra
27	{% raw %}`uname -a`	Tudo sobre kernel, arquitetura, versão
28	`lsb_release -a` ou `cat /etc/os-release`	Nome e versão da distro
29	`free -h`	Memória RAM e swap usada/livre
30	`journalctl -p 3 -xb`	Últimos erros críticos do sistema (systemd)

Bônus: 10 comandos que fazem você parecer hacker na frente dos amigos


bash
watch -n 1 "date '+%H:%M:%S'"                    # relógio no terminal
rsync -avzh --progress fonte/ destino/           # cópia perfeita com barra de progresso
tar -czvf backup-$(date +%Y%m%d).tar.gz pasta/   # backup com data no nome
dd if=/dev/urandom of=/dev/sda bs=10M            # destruição segura de disco (CUIDADO!)
history | cut -c 8- | sort | uniq -c | sort -nr | head  # seus comandos mais usados
nc -l -p 1337                                    # abre porta para receber conexão
ssh user@servidor "comandos"                     # executa remoto sem entrar
find . -type f -size +100M -exec ls -lh {} \;    # arquivos maiores que 100 MB
git clone --depth 1 URL                          # clone rápido, só último commit
sudo !!                                         # repete último comando com sudo (salva vidas)

Desvende Python do Zero: O Segredo para Codar como um Gênio em 12 Passos!

matheus fortunato — Mon, 09 Jun 2025 16:43:41 +0000

🐍 Guia Completo para Iniciantes em Python

Bem-vindo ao mundo do Python! 🎉 Esta é uma das linguagens de programação mais populares, simples e poderosas, perfeita para quem está começando. Este guia apresenta os 12 tópicos fundamentais que você precisa dominar para construir uma base sólida. Com explicações claras, exemplos práticos e analogias fáceis, você vai aprender a programar com confiança e dar seus primeiros passos rumo à maestria em Python! 🚀

1. 📦 Instalação e Configuração do Ambiente

Antes de começar a programar, é necessário configurar seu ambiente. Pense nisso como preparar sua "área de trabalho" para criar projetos incríveis!

Passos para Instalar o Python:

Baixe o Python:
- Acesse python.org/downloads e baixe a versão mais recente (ex.: Python 3.11 ou superior).
- Durante a instalação, marque a opção "Add Python to PATH" para usar o Python no terminal.
Verifique a Instalação:
- Abra o terminal (Prompt de Comando no Windows, Terminal no macOS/Linux) e digite:
```
 python --version
```

Se aparecer algo como Python 3.11.5, está tudo pronto! 🎉 Caso contrário, reinstale ou verifique o PATH.

Escolha um Editor:
- VS Code: Editor leve com extensões para Python (instale a extensão Python da Microsoft).
- IDLE: Vem com o Python, simples e ótimo para iniciantes.
- Jupyter Notebook: Ideal para testar códigos interativamente, como em experimentos.
- Online: Use plataformas como repl.it ou Google Colab para começar sem instalar nada.

Dica para Iniciantes:

Configure o VS Code com a extensão Python e escolha um tema visual (como "Dracula") para tornar a programação mais divertida.
Teste seu ambiente com um código simples (veja o próximo tópico).

2. 📝 Sintaxe Básica

A sintaxe do Python é como aprender a falar uma nova língua: clara, intuitiva e fácil, mas exige prática. Vamos começar com o clássico "Hello, world!".

# Imprime uma mensagem na tela
print("Hello, world!")

Explicação:

print(): Função que exibe texto no console.
"Hello, world!": Uma string (texto entre aspas simples ou duplas).
Identação: Python usa espaços (geralmente 4) para organizar o código. Esquecer a identação causa erros!

Comentários:

Use # para adicionar notas que o Python ignora:

  # Isso é um comentário, como uma anotação no seu caderno
  print("Isso aparece!")  # Comentário após o código

Analogia:

Pense no print() como um alto-falante que anuncia sua mensagem, e nos comentários como lembretes pessoais que só você lê.

Prática:

Escreva print("Seu nome") substituindo por seu nome e execute para ver o resultado.

3. 🔢 Tipos de Dados Primitivos Assert

Dados são os "ingredientes" do seu código. Python tem quatro tipos de dados básicos que você precisa conhecer:

nome = "Maria"       # String: texto, como nomes ou frases
idade = 25           # Int: números inteiros, como idades
altura = 1.68        # Float: números decimais, como alturas
ativo = True         # Bool: verdadeiro ou falso, como um interruptor

Conversão de Tipos:

Às vezes, você precisa transformar um tipo em outro:

idade_texto = "30"          # String
idade_numero = int(idade_texto)  # Converte para inteiro
altura_texto = "1.75"       # String
altura_numero = float(altura_texto)  # Converte para decimal

Dica para Iniciantes:

Use type(variavel) para verificar o tipo de uma variável:

  print(type(nome))  # <class 'str'>
  print(type(idade)) # <class 'int'>

Analogia:

Tipos de dados são como diferentes formatos de arquivos (texto, números, etc.). Converter tipos é como mudar um arquivo de PDF para Word para editá-lo.

Prática:

Teste: idade = "25"; print(int(idade) + 5) (saída: 30).

4. ➕ Operadores

Operadores são as "ferramentas" do Python para realizar cálculos e comparações, como uma calculadora avançada.

Aritméticos:

soma = 5 + 3        # 8
subtracao = 10 - 2  # 8
multiplicacao = 4 * 2  # 8
divisao = 10 / 2    # 5.0
potencia = 2 ** 3   # 8
modulo = 10 % 3     # 1 (resto da divisão)

Comparação:

print(10 > 5)    # True (maior que)
print(3 == 4)    # False (igualdade)
print(5 != 5)    # False (diferente)
print(2 <= 3)    # True (menor ou igual)

Lógicos:

print(True and False)  # False (ambos precisam ser True)
print(True or False)   # True (um precisa ser True)
print(not True)        # False (inverte o valor)

Analogia:

Aritméticos são como misturar ingredientes em uma receita (somar, dividir).
Comparações são como verificar se a receita está no ponto certo.
Lógicos são como combinar condições para tomar decisões.

Prática:

Teste: print(7 % 2) (saída: 1, indicando que 7 é ímpar).

5. 🔁 Controle de Fluxo

Controle de fluxo é como tomar decisões ou repetir ações, como escolher um caminho ou repetir uma tarefa.

Condicionais (`if`):

idade = 20
if idade >= 18:
    print("Maior de idade")  # Identação é obrigatória!
elif idade >= 13:
    print("Adolescente")
else:
    print("Criança “Criança")

Laços de Repetição:

For: Repete para cada item em uma sequência:

  for i in range(5):  # 0, 1, 2, 3, 4
      print(i)

While: Repete enquanto uma condição é verdadeira:

  contador = 0
  while contador < 3:
      print("Contando:", contador)
      contador += 1  # Incrementa para evitar loop infinito

Analogia:

if é como decidir o que fazer com base em uma condição (ex.: se está chovendo, pegue um guarda-chuva).
for é como repetir um exercício um número fixo de vezes.
while é como continuar correndo até atingir uma meta.

Prática:

Escreva um if que verifica se um número é positivo ou negativo.

6. 📦 Estruturas de Dados

Estruturas de dados são como "caixas" para organizar informações. Python tem quatro tipos principais:

Lista:

Coleção mutável (pode ser alterada):

  frutas = ["maçã", "banana", "uva"]
  print(frutas[0])      # maçã
  frutas.append("laranja")  # Adiciona ao final
  print(frutas)         # ['maçã', 'banana', 'uva', 'laranja']

Tupla:

Coleção imutável (não pode mudar):

  coordenadas = (10, 20)
  print(coordenadas[0])  # 10
  # coordenadas[0] = 5  # Erro! Tuplas são fixas

Dicionário:

Pares chave-valor, como um catálogo:

  aluno = {"nome": "João", "idade": 22}
  print(aluno["nome"])  # João
  aluno["nota"] = 8.5   # Adiciona nova chave
  print(aluno)          # {'nome': 'João', 'idade': 22, 'nota': 8.5}

Conjunto (Set):

Coleção de itens únicos, sem duplicatas:

  numeros = {1, 2, 3, 3}
  print(numeros)  # {1, 2, 3} (remove duplicatas)

Analogia:

Listas são como uma lista de compras que você pode editar.
Tuplas são como uma lista fixa gravada em pedra.
Dicionários são como um fichário com informações organizadas por chaves.
Conjuntos são como uma lista de convidados únicos para uma festa.

Prática:

Crie uma lista com 3 cores favoritas e adicione uma quarta com append.

7. 🧠 Funções

Funções são como "receitas" que você pode reutilizar: defina os passos e chame quando precisar.

def saudacao(nome):
    return f"Olá, {nome}!"  # f-string para formatar texto

print(saudacao("Ana"))  # Olá, Ana!

Parâmetros e Escopo:

Variáveis dentro de funções são locais:

  x = 10  # Variável global
  def exemplo():
      x = 5  # Variável local
      print(x)  # 5
  exemplo()
  print(x)  # 10 (global não muda)

Analogia:

Uma função é como uma receita de bolo: você define os ingredientes (parâmetros) e os passos, e pode usá-la várias vezes.

Prática:

Crie uma função que receba um número e retorne seu quadrado.

8. 📚 Módulos e Bibliotecas

Módulos são como "caixas de ferramentas" com funções prontas para usar.

import math
print(math.sqrt(16))  # 4.0 (raiz quadrada)

import random
print(random.randint(1, 10))  # Número aleatório entre 1 e 10

Como Usar:

import: Carrega o módulo no seu código.
Instale bibliotecas externas com:

  pip install nome_da_biblioteca

Prática:

Teste random.choice(["maçã", "banana", "uva"]) para escolher uma fruta aleatoriamente.

9. 🔤 Manipulação de Strings

Strings são como frases que você pode editar, cortar ou transformar.

texto = " Python é incrível "
print(texto.strip())      # Remove espaços: "Python é incrível"
print(texto.upper())      # Maiúsculo: " PYTHON É INCRÍVEL "
print("Python" in texto)  # True (verifica se contém)
print(texto.split())      # ['Python', 'é', 'incrível']

nome = "Lucas"
print(f"Olá, {nome}!")   # f-string: Olá, Lucas!

Analogia:

Strings são como argila: você pode moldá-las com métodos como strip(), upper() ou split().

Prática:

Teste: texto = "1,2,3"; print(texto.split(",")) (saída: ['1', '2', '3']).

10. 📁 Manipulação de Arquivos

Arquivos são como cadernos onde você armazena ou lê informações.

# Escrevendo em um arquivo
with open("arquivo.txt", "w") as f:
    f.write("Olá, mundo!")

# Lendo o arquivo
with open("arquivo.txt", "r") as f:
    conteudo = f.read()
    print(conteudo)  # Olá, mundo!

Explicação:

with: Garante que o arquivo seja fechado após o uso.
"w": Modo escrita (sobrescreve o arquivo).
"r": Modo leitura.

Prática:

Crie um arquivo .txt com seu nome e leia-o.

11. ⚠️ Tratamento de Erros

Erros são como obstáculos, mas você pode contorná-los com estratégia!

try:
    numero = int(input("Digite um número: "))
    print(10 / numero)
except ValueError:
    print("Entrada inválida! Digite um número.")
except ZeroDivisionError:
    print("Não pode dividir por zero!")

Explicação:

try: Testa o código que pode falhar.
except: Captura erros específicos e responde.

Prática:

Escreva um código que peça dois números e divida o primeiro pelo segundo, tratando erros.

12. 🧼 Boas Práticas

Para escrever código profissional:

Nomes Claros: Use idade_usuario em vez de x.
Comente o Código:

  # Calcula a média de notas
  notas = [8, 9, 7]
  media = sum(notas) / len(notas)

Funções Reutilizáveis:

  def calcular_media(notas):
      return sum(notas) / len(notas)

Identação: Use 4 espaços (Python é exigente!).

Analogia:

Código limpo é como uma mesa organizada: tudo no lugar facilita o trabalho.

Prática:

Reescreva o cálculo da média acima usando uma função com nome claro.

✅ Exercícios para Fixação

Pratique para solidificar seu aprendizado! 🚀

Saudação: Peça o nome do usuário com input() e imprima "Olá, [nome]!".
Soma: Crie uma função que receba dois números e retorne a soma.
Loop: Imprima os números de 1 a 10 com um for.
Lista: Crie uma lista

Bun.js e Deno.js: uma comparação detalhada

matheus fortunato — Tue, 10 Oct 2023 20:16:48 +0000

Introdução

Bun.js e Deno.js são dois runtimes JavaScript modernos que oferecem uma variedade de recursos e benefícios. Ambos são opções populares para desenvolvedores que desejam criar aplicativos web, APIs e outros serviços.
Instalação

Bun.js

Para instalar o Bun.js, execute o seguinte comando no terminal:

npm install bun -g

Isso instalará o Bun.js globalmente no seu sistema.

Deno.js

Para instalar o Deno.js, siga as instruções no site oficial: https://deno.land/manual/getting_started/installation

Similaridades

Ambos os runtimes são baseados no V8, o motor JavaScript do Chrome.
Ambos suportam TypeScript, um superconjunto de JavaScript que fornece tipagem estática.
Ambos são compatíveis com um amplo conjunto de bibliotecas e frameworks JavaScript.

Diferenças

Bun.js é um runtime all-in-one que inclui um gerenciador de pacotes, um bundler e um test runner.
Deno.js é um runtime modular que não inclui nenhum pacote ou ferramenta por padrão.
Bun.js é mais rápido do que Deno.js em alguns benchmarks.
Deno.js é mais seguro do que Bun.js, pois bloqueia o acesso a recursos do sistema local por padrão.

Bun.js

Bun.js é um runtime JavaScript all-in-one que inclui um gerenciador de pacotes, um bundler e um test runner. Isso torna o desenvolvimento de aplicativos JavaScript mais fácil e rápido. Bun.js também é considerado mais fácil de usar do que Deno.js.

Vantagens de Bun.js

Rápido: Bun.js foi mais rápido do que Deno.js em alguns benchmarks.
Seguro: Bun.js bloqueia o acesso a recursos do sistema local por padrão, o que ajuda a proteger seu aplicativo contra ataques.
Fácil de usar: Bun.js é considerado mais fácil de usar do que Deno.js.

Desvantagens de Bun.js

Não tão modular quanto Deno.js: Bun.js inclui um gerenciador de pacotes, um bundler e um test runner, o que pode ser desnecessariamente complexo para alguns desenvolvedores.
Não tão seguro quanto Deno.js por padrão: Bun.js bloqueia o acesso a recursos do sistema local por padrão, mas isso pode ser desativado.

Deno.js

Deno.js é um runtime JavaScript modular que não inclui nenhum pacote ou ferramenta por padrão. Isso dá aos desenvolvedores mais controle sobre seu ambiente de desenvolvimento. Deno.js também é considerado mais seguro do que Bun.js.

Vantagens de Deno.js

Modular: Deno.js não inclui nenhum pacote ou ferramenta por padrão, o que dá aos desenvolvedores mais controle sobre seu ambiente de desenvolvimento.
Seguro: Deno.js bloqueia o acesso a recursos do sistema local por padrão, o que ajuda a proteger seu aplicativo contra ataques.

Desvantagens de Deno.js

Não tão rápido quanto Bun.js: Deno.js foi mais lento do que Bun.js em alguns benchmarks.
Mais difícil de usar do que Bun.js: Deno.js pode ser mais difícil de usar do que Bun.js, pois os desenvolvedores precisam instalar seus próprios pacotes e ferramentas.

Recomendações

Se você está procurando um runtime JavaScript rápido, seguro e fácil de usar, Bun.js é uma ótima opção.
Se você está procurando um runtime JavaScript modular com uma ampla gama de recursos, Deno.js é uma ótima opção.

Adicionais

Compatibilidade com sistemas operacionais: Bun.js é compatível com Linux, macOS e Windows. Deno.js é compatível com Linux, macOS, Windows, FreeBSD, OpenBSD, Android e iOS.
Compatibilidade com npm e pacotes node.js: Bun.js é compatível com npm e pacotes node.js. Deno.js não é compatível com npm e pacotes node.js por padrão, mas pode ser instalado usando o comando deno install.

Exemplos de código

Bun.js

// Um exemplo simples de servidor HTTP

import { serve } from "bun";

const app = serve();

app.get("/", (req, res) => {
  res.send("Hello, world!");
});

Deno

// Um exemplo simples de servidor HTTP

import { serve } from "https://deno.land/x/oak@v1.17.0/mod.ts";

const app = serve({
  port: 8080,
});

app.get("/", async (req, res) => {
  const body = await res.body();
  console.log(body);
});

app.listen();

Conclusão

Bun.js e Deno.js são ambos runtimes JavaScript modernos com suas próprias vantagens e desvantagens. A melhor escolha para você dependerá das suas necessidades e preferências específicas.

[PT-BR]Guia instalando Node.js em ambientes linux Manjaro/Fedora/Ubuntu

matheus fortunato — Tue, 07 Sep 2021 20:32:18 +0000

Ola, irei te guiar em como instalar Node.js nos ambientes linux mais famosos, provavelmente você já deva ter utilizado ou utilizava uma das distros da imagem acima.

Antes de começarmos as instalações, e preciso saber que o Node.js possui versões LTS e as para testes. neste caso iremos utilizar as LTS pois são seguras, a versão LTS enquanto escrevo esta na 14.17.6 como a imagem abaixo mostrara:

Ao entrar na aba “downloads” existem varias maneiras de instalar-mos como por exemplo por arquivos binários. As maneiras que iremos utilizar sera via “package manager” e Snap.

Instalação via Package Manager

Das três distros que iremos utilizar teremos packages manager Apt para o Ubuntu, Dnf/Yum para Fedora, Pacman para Manjaro. Bom chega de enrolação e vamos abrir o terminal e começar.

Ubuntu

Antes de tudo, veja se seu ubuntu possui o pacote Curl, caso não, apenas instale-o com comando abaixo:

sudo apt install curl

Tendo agora o Curl, basta executarmos os comandos abaixo:

curl -fsSL https://deb.nodesource.com/setup_lts.x | sudo -E bash -

sudo apt-get install -y nodejs

Caso queira consultar de onde tirei estas linhas de comandos, estarão no próprio site do Node.js, no repositório distributions da nodesource hospedado no github.

Fedora

Bom acredito que das três distro, fedora facilita muito para instalar o Node.js pois ele já o possui em seu repositório do workstation, então basta apenas um comando:

sudo dnf install nodejs

Manjaro

No manjaro caso tente instalar o pacote “nodejs” você obterá a versão mais atual do Node e não a LTS, não e isto que queremos. Entao para instalarmos a LTS acesse pagina oficial do Arch linux e acesse a aba packagesou clique aqui, procure pelas palavras chaves “node” e “lts” como na imagem abaixo:

Repare que obtive como resultado a versão 14.17.4 nomeada nodejs-lts-fermium, basta instalarmos o mesmo agora junto com Npm:

sudo pacman -S nodejs-lts-fermium npm

Testando Node.js

Feito isso, basta executarmos o seguinte comando para checar qual a versão do Node e Npm foi instalada:

node -v && npm -v

Vamos executar um arquivo javascript:

echo 'console.log("Hello World")' > index.js
node index.js

Se tudo der certo, devera exibir no console o famoso “Hello World”.

Caso houver erro “command not found”, tente fechar o terminal aberto e abrir novamente e testar novamente. Em ultimo caso tente um reboot em sua maquina.

Instalação via Snap

Node.js também possui seu pacote Snap podendo ser facilmente instalado via Snap, veja abaixo como instalá-lo:

sudo snap install node --classic

Apos instalar basta fechar o terminal e abri-lo novamente e fazer seu teste.

Node Manager Version

Node.js também possui seu próprio gerenciador de versões caso você precise manusear mais de uma versão do Node.js. Veja como e simples instalar e utilizar o nvm.

Instalação

Acessando o repository oficial do nvm no github, terá um guia para instalação bem simples optando por uso do Curl ou Wget.

Escolhido uma das duas opções, basta agora adicionar ao seu arquivo “~/.bash_profile” , “~/.zshrc” “~/.profile” ou “~/.bashrc” as seguintes linhas:

Os arquivos que variam pelo shell você utiliza. Agora basta fechar e abrir um novo terminal e testar o nvm com comando:

nvm -v

Comandos básicos utilizando NVM

Listando versões do node instaladas

nvm ls

Listando todas versões possível para instalação

nvm ls-remote

Instalando outras versões do node

nvm install 14.7.1

Indicar qual versão utilizar no ambiente atual

nvm use 14.7.1

Bom, agora já podemos estudar/testar muita coisa fornecida pelo Node.js.

Espero que este artigo tenha sido util e se puder deixe um aplauso 👋

[PT-BR] Iniciando em Next.js

matheus fortunato — Fri, 27 Aug 2021 13:29:04 +0000

Muito se fala do framework Next.js quando o assunto e React.js, caso não conheça, te darei uma introdução do quão fantástico e este framework e seus benefícios para desenvolvimento frontend web.

O que é Next.js?

É um framework web desenvolvido pela Vercel para desenvolvimento frontend React que permite funcionalidades como renderização do lado do servidor e geração de site estático.

Renderização do lado do servidor?

Em um aplicativo React tradicional, todo o aplicativo é carregado e renderizado no cliente. Next.js permite que o carregamento da primeira página seja processado pelo servidor, o que é ótimo para SEO e desempenho, por exemplo se desabilitarmos o Javascript do browser, nada será exibido em uma aplicação com React puro, porem com Next.js você percebera que mesmo desabilitado será renderizado todo App.

Outros benefícios do Next.js

Roteamento de página fácil
Rotas Api do servidor
Geração de site estático
Fácil implantação

Crie o primeiro projeto Next.js.

Para criar um projeto Next.js, você pode usar o prático comando:

npx create-next-app my-app-next

Next.js existem também, templates prontos assim como há no create-react-app, por exemplo este template com Typescript:

npx create-next-app --example with-typescript with-typescript-app

Para mais templates, acesse o próprio repositório da Vercel no Github.

Iniciando a Aplicação

Criado a estrutura com primeiro comando citado acima, abra o seu terminal e navegue ate a pasta do projeto gerado. Para iniciar o projeto como desenvolvimento, use o script dev.

npm run dev

Acessando seu Localhost na porta 3000, vera sua aplicação em execução.

Entendendo a estrutura de arquivos do Next

Abrindo a pasta do projeto em seu editor de código ou IDE da sua escolha, em meu caso estarei utilizando o Visual Studio Code da microsoft, teremos a seguinte estrutura de pastas:

Nesta estrutura temos 3 pastas pages *| **public *| **styles, sendo “pages” e “public” pastas especiais para o Next, deixe-me explicar melhor como estas duas pastas funcionam.

Roteamento

Com Next não precisamos de uma biblioteca de roteamento, pois cada arquivo dentro da pasta **pages **será tratado como uma pagina.

Vamos brincar com o roteamento do Next criando um novo arquivo chamado home.js e criando um simples componente como código abaixo:

Ao acessar nosso Localhost:3000/home será exibido nosso componente recém criado.

E se quiséssemos rotas como Localhost:3000/profile/home ? para isto, podemos criar subpastas dentro da pasta pages, como no exemplo acima, bastaria criar uma pasta profile **e mover nosso arquivo **home.js **para **profile e acessarmos novamente.

Rotas dinâmicas

Imagine que você tem um blog, e cada postagem possui um arquivo JS, falando de 1 ou 2 ou ate mesmo 3 postagens não seria grande um grande problema, mas, caso esse mesmo blog já tivesse anos de vida com muitas postagens, seria trabalhoso ter tantos arquivos não acha?. Trabalhando Next podemos usar as rotas dinâmicas.

Vamos criar uma pasta **posts **dentro da **pages **e dentro da mesma criarmos um arquivo chamado [slug].js, sim um arquivo com colchetes em seu nome, o nome “slug” entre colchetes não necessariamente precisa ser este, poderia escolher outro, mas, será usado este para este exemplo.

Next nos proporciona o Hook useRouter **que através dele podemos acessar as **query params da nossa rota, veja um exemplo abaixo do uso desse Hook.

Se acessarmos agora por exemplo localhost:3000/posts/20 , será exibido nosso H1 com conteúdo “Post - 20”.

Navegação entre rotas

Entendendo agora com funciona o roteamento provido pelo Next, para navegar entre nossas paginas não devemos usar a Tag e sim um componente Link fornecido pelo próprio Next.
Dentro da rota Profile altere a pagina Home, veja como farei a seguir.

Acessando localhost:3000/profile/home terá um titulo “Hello Next” e logo abaixo nosso link “Go Post 25”. Ao clicar seremos redirecionado para nossa rota Post obtendo Post 25 pois a mesma e uma rota dinâmica. Caso tenha reparado, ao clicar a pagina muda mas não a um carregamento completo pelo navegador.

Ah outra maneira para forçarmos um redirecionamento, usando o Hook useRouter, veja:

Adicionando essa condicional onde apenas podemos ver Posts acima do 10, caso seja inferior seremos redirecionados a pagina inicial (index.js) do Next.

Componente Head

Assim como componente Link, Next fornece a tag de cabeçalho como título ou meta, você precisa usar o componente Head. Vamos adiciona-lo a nossa pagina Home.

Agora nossa pagina Home possui um titulo próprio.

Imagens e Otimização de Imagens

Por padrão, Next consegue servir todos os arquivos contidos na pasta Public, como Imagens, Svgs etc…
Next também nos fornece um componente para otimização automática para imagens, As imagens são carregadas lentamente por padrão sem comprometer a velocidade da pagina. Vamos aplicar este componente a nossa pagina Home.

Neste exemplo usei esta imagem retirada da Wikipedia, apenas basta baixá-la, mover para pasta Public do Next e nomeá-la como NextImage.png.

Pagina 404

Next possui uma pagina para respostas 404 - not found, para checarmos basta tentarmos acessar uma rota que não existe como por exemplo: http://localhost:3000/random

Podemos personalizá-la conforme desejar, basta criarmos dentro da **pages **um arquivo 404.js contendo um simples componente em React.

Server Side Rendering

Bom antes de falarmos de Renderização do lado do servidor, vamos entender como uma aplicação com React que consome uma API funciona.
Quando temos um App feito em React, ao ser acessado nossa pagina ira carregar e logo apos sera feita a consulta em uma API, pro nosso SEO isso não e algo bom, pois os motores de busca não esperam uma busca por API. para isso usamos Server Side Rendering provido do Next.js.

Vamos Implementar em nossa pagina Home e veja como e simples.
Para falarmos para Next que esta pagina precisa de renderização do lado do servidor, basta adicionarmos um método assíncrono chamado getServerSideProps a este retornara um objeto contendo a propriedade Props que e o Props que nosso componente ira receber em sua construção.
Usarei uma Fake Rest Api, caso queira consultar o site **jsonplaceholder.**

Adicionando Typescript

Adicionar Typescript em projetos Next, não e algo complexo, basta adicionarmos as seguintes dependências:

npm install typescript @types/react @types/node -D

Por fim, altere as extensões das paginas .js e .jsx para .ts e .tsx, inicie o projeto em desenvolvimento, será gerado automaticamente o arquivo tsconfig.json e seu projeto já esta funcionando com todos benefícios do Typescript.

Fim

Obrigado por ter chego ate aqui, espero que este conteúdo tenha te agregado algum conhecimento. Caso queira ver código por completo acesse meu Github

Javascript: Indo além do console.log()

matheus fortunato — Wed, 30 Jun 2021 01:31:11 +0000

Se você desenvolve em Javascript, com certeza já deva ter usado muito o método log do objeto console. Porem, ele não e o único meto que este objeto possui, continue lendo para ver outros métodos que podem ser muito uteis.

Índice

assert
dir
table
time & timeEnd
warn & error
clear

Assert

Exibe uma mensagem caso a expressão passada resulte em falha. Sua mensagem pode ser tanto uma String, Array ou Objeto.

Veja no exemplo acima, em “ Outro exemplo ”, podemos testar se um objeto possui uma propriedade, e caso não tenha será nos alertado, caso contrario não mudara em nada e não poluirá nossos logs.

Detalhe, caso esteja usando Node.js, os efeitos são diferentes. Caso a expressão falhe, será gerado um AssertionError.

Dir

Exibe uma lista interativa das propriedades do objeto. Muito útil para analisarmos algum elemento HTML, checar propriedades.

Veja no exemplo acima, pela nossa objeto input podemos ver todas as propriedades dele através do console.dir(). Caso você tente usar console.log() nesse objeto, você vera impresso em seu console:

Com Dir teremos uma interação melhor:

Table

Exibe dados em forma de tabela de um Objeto ou Array. muito útil para termos uma visão melhor e limpa dos dados do que apenas o console.log() nos mostra. Veja exemplo a seguir:

A iteração do Array simples temos a coluna de índice e outra com valor, ja um Array multidimensional temos mais colunas de acordo com sua dimensão, ja um Objeto temos suas Chaves e Valores bem claros a vista.

Time & TimeEnd

Iniciar um cronômetro com console.time() e finaliza apenas quando for chamado console.timeEnd(). Muito útil caso tenha um aparte do seu código que você deseja saber quanto tempo leva de execução. Veja exemplo a seguir:

No final da execução será exibido tempo que o Time foi aberto ate TimeEnd ser chamado.

Warn & Error

Similar ao Log, porem Warn exibe uma mensagem de alerta e Error exibe uma mensagem de Erro. Muito útil para especificar quando e uma falha maleável e quando ocorrer um erro de fato. Veja exemplos:

Vendo os dois métodos, somar e subtrair, em somar recebe valores padrões em seus parâmetros e caso não for passado será apenas alertado quando não for passado mas continuara funcionando e retornara 0, já o método subtrair, não recebe valores padrões em seus parâmetros, então caso não for passado em sua chamada será exibido um Erro no console e não retornara nada.

Clear

Por fim, o método Clear limpa o console, se o ambiente permitir.

Ao executar código, veja que no console você obterá a seguinte mensagem “Console was cleared”

Conclusão

Vemos que nem de console.log() pode viver um desenvolvedor Javascript. Espero que este conteúdo tenha agregado mais conhecimento.

DEV Community: matheus fortunato

Meu Script de Pós-Instalação no Fedora (2025)

Como usar:

O script completo:

[PT-BR]30 Comandos Linux que Todo Mundo Deveria Conhecer em 2025

1. Navegação e exploração de arquivos

2. Visualização e edição de arquivos

3. Gerenciamento de processos

4. Rede e internet

5. Sistema e diagnóstico

Bônus: 10 comandos que fazem você parecer hacker na frente dos amigos

Desvende Python do Zero: O Segredo para Codar como um Gênio em 12 Passos!

🐍 Guia Completo para Iniciantes em Python

1. 📦 Instalação e Configuração do Ambiente

Passos para Instalar o Python:

Dica para Iniciantes:

2. 📝 Sintaxe Básica

Explicação:

Comentários:

Analogia:

Prática:

3. 🔢 Tipos de Dados Primitivos Assert

Conversão de Tipos:

Dica para Iniciantes:

Analogia:

Prática:

4. ➕ Operadores

Aritméticos:

Comparação:

Lógicos:

Analogia:

Prática:

5. 🔁 Controle de Fluxo

Condicionais (if):

Laços de Repetição:

Analogia:

Prática:

6. 📦 Estruturas de Dados

Lista:

Tupla:

Dicionário:

Conjunto (Set):

Analogia:

Prática:

7. 🧠 Funções

Parâmetros e Escopo:

Analogia:

Prática:

8. 📚 Módulos e Bibliotecas

Como Usar:

Prática:

9. 🔤 Manipulação de Strings

Analogia:

Prática:

10. 📁 Manipulação de Arquivos

Explicação:

Prática:

11. ⚠️ Tratamento de Erros

Explicação:

Prática:

12. 🧼 Boas Práticas

Analogia:

Prática:

✅ Exercícios para Fixação

Bun.js e Deno.js: uma comparação detalhada

[PT-BR]Guia instalando Node.js em ambientes linux Manjaro/Fedora/Ubuntu

Instalação via Package Manager

Ubuntu

Fedora

Manjaro

Testando Node.js

Instalação via Snap

Node Manager Version

Instalação

Comandos básicos utilizando NVM

[PT-BR] Iniciando em Next.js

O que é Next.js?

Renderização do lado do servidor?

Outros benefícios do Next.js

Crie o primeiro projeto Next.js.

Condicionais (`if`):