Forem: Jean Dias

🗄️ Guia Completo de Backup e Restauração no MySQL

Jean Dias — Sun, 12 Apr 2026 18:46:25 +0000

Fazer backup do banco de dados é uma das práticas mais importantes para garantir a segurança e integridade das suas informações. Neste artigo, você vai aprender como usar o mysqldump para gerar backups e como restaurá-los de forma simples e eficiente.

📌 Por que fazer backup?

Backups são essenciais para:

Evitar perda de dados em caso de falhas
Restaurar informações após erros humanos
Migrar dados entre ambientes (dev, staging, produção)
Criar cópias para testes e auditorias

🛠️ Como fazer backup com `mysqldump`

O mysqldump é uma ferramenta nativa do MySQL que permite exportar bancos de dados em formato .sql.

🔹 Backup de todos os bancos de dados

mysqldump -u usuario -p --all-databases > dump.sql

Use quando quiser uma cópia completa do servidor.

🔹 Backup de um único banco

mysqldump -u usuario -p --databases db1 > dump.sql

Ideal para projetos isolados ou backups específicos.

🔹 Backup de vários bancos

mysqldump -u usuario -p --databases db1 db2 db3 > dump.sql

Permite selecionar múltiplos bancos de uma vez.

🔹 Backup incluindo triggers

mysqldump -u usuario -p --triggers --all-databases > dump.sql

Importante se você utiliza lógica automatizada no banco.

🔹 Backup incluindo procedures e functions

mysqldump -u usuario -p --routines --all-databases > dump.sql

Essencial para sistemas com regras de negócio dentro do banco.

📦 Compressão do backup

Arquivos .sql podem ficar grandes rapidamente. Compressão ajuda a economizar espaço e facilitar transferências.

🔹 Usando gzip (mais rápido)

mysqldump -u usuario -p --all-databases | gzip > dump.sql.gz

🔹 Usando bzip2 (maior compressão)

mysqldump -u usuario -p --all-databases | bzip2 > dump.sql.bz2

📊 Comparativo de compressão

Tipo de Dump	Tamanho
Sem compressão	947 KB
gzip	297 KB
bzip2	205 KB

👉 Resumo:

gzip: mais rápido
bzip2: melhor compressão (arquivo menor)

♻️ Como restaurar um backup

Restaurar é tão importante quanto fazer backup. Veja como:

🔹 Restaurar dump normal

mysql -u usuario -p < dump.sql

🔹 Restaurar dump com gzip

gunzip < dump.sql.gz | mysql -u usuario -p

🔹 Restaurar dump com bzip2

bunzip2 < dump.sql.bz2 | mysql -u usuario -p

⚠️ Boas práticas

Sempre teste seus backups
Automatize com cron jobs
Armazene backups em locais seguros (ex: cloud)
Use compressão para economizar espaço
Inclua --routines e --triggers quando necessário

✅ Conclusão

O mysqldump é uma ferramenta simples, poderosa e essencial para qualquer desenvolvedor ou DBA. Com poucos comandos, você garante a segurança dos seus dados e a tranquilidade para lidar com imprevistos.

Como configurar o WSL para rodar em um HD externo

Jean Dias — Fri, 03 Apr 2026 23:10:53 +0000

Uma dúvida bastante comum entre desenvolvedores que utilizam Windows é: é possível configurar o WSL (Windows Subsystem for Linux) para rodar em um HD externo?

A resposta curta é: sim, é possível — e pode ser extremamente útil, principalmente para quem quer economizar espaço no SSD principal ou manter ambientes portáteis.

Neste artigo, vou te mostrar o conceito, os motivos para fazer isso e um passo a passo prático.

🤔 Por que usar o WSL em um HD externo?

Antes de tudo, vale entender quando isso faz sentido:

Seu SSD principal está com pouco espaço
Você trabalha com múltiplos projetos pesados
Quer levar seu ambiente Linux para outro computador
Deseja isolar ambientes de desenvolvimento

Mas atenção: o desempenho pode ser inferior, dependendo da velocidade do HD (principalmente se for USB 2.0 ou HD mecânico).

🧠 Como o WSL armazena dados

O WSL (principalmente o WSL2) utiliza um arquivo virtual (ext4.vhdx) que funciona como um “disco Linux”.

Por padrão, ele fica em:

C:\Users\SEU_USUARIO\AppData\Local\Packages\

A ideia aqui é mover esse ambiente para um HD externo.

🚀 Passo a passo para mover o WSL para um HD externo

1. Verifique suas distros instaladas

Abra o PowerShell:

wsl --list --verbose

Exemplo de saída:

NAME      STATE    VERSION
Ubuntu    Running  2

2. Exporte a distro

Você vai gerar um backup da sua distro:

wsl --export Ubuntu E:\wsl\ubuntu.tar

Substitua E: pelo caminho do seu HD externo.

3. Remova a distro atual

wsl --unregister Ubuntu

⚠️ Isso apaga a instalação atual — só faça depois do export.

4. Importe para o HD externo

Agora você recria a distro diretamente no HD externo:

wsl --import Ubuntu E:\wsl\ubuntu E:\wsl\ubuntu.tar --version 2

5. Inicie normalmente

wsl -d Ubuntu

Pronto — agora seu WSL está rodando a partir do HD externo 🎉

⚠️ Pontos de atenção

🔸 Performance

SSD externo → desempenho ok
HD externo → pode ficar lento
USB 3.0+ é altamente recomendado

🔸 Conexão

Se você desconectar o HD externo:

O WSL não vai iniciar
Pode gerar erros

🔸 Permissões

Evite usar HD formatado como FAT32 — prefira:

NTFS (Windows)
ou exFAT (com algumas limitações)

💡 Dica avançada: múltiplos ambientes

Você pode usar essa técnica para manter várias distros:

wsl --import projeto-api E:\wsl\api api.tar
wsl --import projeto-front E:\wsl\front front.tar

Isso ajuda a isolar ambientes sem conflito.

🧾 Conclusão

Rodar o WSL em um HD externo é totalmente viável e pode ser uma solução excelente para:

Ganhar espaço no disco principal
Criar ambientes portáteis
Organizar melhor seus projetos

Por outro lado, é importante considerar o impacto na performance e garantir que o HD externo tenha uma boa velocidade de leitura e escrita.

Se você trabalha com Docker, Laravel, Node ou projetos pesados, essa abordagem pode fazer bastante diferença na sua organização.

Install the Docker in OpenSUSE

Jean Dias — Thu, 17 Jul 2025 02:07:12 +0000

To install the Docker and Docker Compose in OpenSUSE, I’m used the Tumbleweed version, and the first thing to make sure your system is up to date, to do this run the next command:

sudo zypper update

Then run the following command:

sudo zypper install docker docker-compose

To know that if Docker is installed at your computer, run the following command:

sudo docker run hello-world

If you received the bellow message, it works done!

A tip to execute the Docker without using sudo, run the next command:

sudo usermod -aG docker $USER

And now you can use the command below without the sudo:

docker run hello-world

Hope I helped.

Variáveis em JavaScript

Jean Dias — Tue, 08 Jul 2025 12:51:41 +0000

Vamos começar com um explicação simples do que é variáveis. Elas são locais onde você pode armazenar valores, por exemplo gostaria de salvar o nome de uma pessoa em seu site, você poderia criar uma variável com o nome de nomeDeUmaPessoa e atribuir o nome da pessoa para ela utilizando o sinal de igual ( = ), assim a variável iria conter o nome atribuído e em qualquer parte do site para poderia utilizar essa variável e o nome atribuído será exibido.

nomeDeUmaPessoa = “Jean Dias”

Para definir nomes de variáveis temos que seguir algumas regras para não dar erro:

Não pode conter apenas números e nem começar com números: 123abc ou 1567
Não pode conter espaços: nome De Uma Pessoa
Não pode conter caracteres especiais ( * + & % )

No exemplo acima que montei utilizei um padrão de nomenclatura chamado Camel-case, é um excelente prática utilizar, nele cada palavra é separa começando com a letra maiúscula, sendo a primeira palavra sempre iniciada por minúscula.

NomeDeUmaPessoa, nomedeumapessoa, ou Nomedeumapessoa são formas incorretas para o padrão, mas irá funcionar normalmente, o padrão de nomenclatura não impacta na execução do programa, apenas deixa o código mais legível.

Agora voltando para o JavaScript, nele existem 3 formas de se declarar uma variável, cada uma com seu objetivo:

var //com ela você declara uma variável comum
let //com ela você declara uma variável de escopo
const //com ele você declara uma varável de escopo que não permite que o valor inicial seja alterado

Como usar:

var numero = 32;

let nome = “Jean Dias”;

const linguagemProgramacao = “JavaScript”;

Uma explicação simples do que seja escopo. Uma vez que é declarado uma variável com um determinado nome, este nome não poderá ser usado para declarar nenhuma outra variável, mas caso seja declarado uma variável de escopo, apenas dentro do escopo em si ela poderá ser utilizada, a fora do escopo ela poderá se recriada com o mesmo nome e outro valor sem problemas.

Por exemplo:

function funcaoTeste() {
    const x = 10;
}

const x = 5;

No exemplo acima dentro do escopo da funcaoTeste quando utilizar a constante x ela terá o valor de 10, e fora do escopo da funcaoTeste a variável pode ser recriada com o mesmo nome x e terá outro valor.

As variáveis são importantes dentro de qualquer programa, elas te permitem armazenar valores que será necessário no decorrer da execução de um programa, além de permitir que o mesmo fique dinâmico.

Abaixo terá dois exemplos de programas JavaScript onde ambos será uma calculadora que apenas fará contas de soma entre dois números, no primeiro não iremos usar variáveis e no segundo iremos utilizar. Para o exemplo ficar mais completo irie criar um HTML para que você possa executar facilmente em sua maquina.

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Exemplo de Uso de Variáveis</title>
</head>
<body>
    <h1>Página de exemplo para variáveis em JavaScript</h1>

    <script src="/src/main.js"></script>
</body>
</html>

Arquivo index.html

window.prompt("Digite um número:");
window.prompt("Digite outro número:");
document.writeln(10 + 10);

Arquivo main.js dentro da pasta src

Caso você já fez outro tutorial meu sobre Web Server para HTML, seu código no Visual Studio Code estará dessa forma:

Não se preocupe com os demais arquivos caso você não tenha feito vou deixar o link nas referencias para o outro tutorial, mas a estrutura base para o código acima funcionar é essa destacada em vermelho.

Ao executar irá aparecer 2 popup perguntando números e no final você terá um resultado similar a esse:

Repare que em nosso código JavaScript não criamos variável alguma, isso vira um problema pois todo número que o usuário digitar não será utilizado em nada visto que os valores da soma estão fixos.

Agora vamos alterar o nosso main.js e utilizar variável para armazenar os valores que o usuário digitar.

let numero1 = window.prompt("Digite um número:");
let numero2 = window.prompt("Digite outro número:");
let resultado = parseInt(numero1) + parseInt(numero2);

document.writeln(resultado);

Arquivo main.js dentro da pasta src

Agora temos algumas mudanças:

Estamos salvando o valor digitado no popup dentro de variáveis
Estamos somando os valores e adicionando na variável chamada resultado
Note que para somar valores em JavaScript é preciso que os mesmo seja do tipo número por isso convertemos as variáveis de numero1 e numero2 para o tipo Inteiro com a função parseInt

Pronto assim ao executar nosso programa os valores que você digitar nos popups de fato serão somados e exibido em tela.

Mas comentei acima sobre tipos, esse detalhe precisamos explicar melhor.

Dentro de qualquer linguagem de programação, existem tipos de variáveis os mais comuns são:

String (Texto)
Integer (Número Inteiro)
Float (Número de Ponto Flutuante)
Boolean (Boleano → Verdadeiro ou Falso)

No JavaScript este tipos são:

string
number (Integer ou Float)
boolean

Os tipos permitem que você possa manipular os valores de forma precisa, no JavaScript não é necessário colocar de forma explicita qual o tipo de cada variável pois ele tem tipagem de variáveis de forma dinâmica (tipagem dinâmica), fazendo com que ao atribuir um valor o JavaScript identifique qual o tipo (String, Number ou Boolean), e atribui para a variável.

let nome = "Jean"; // string
let idade = 32; // number

document.writeln(nome + idade); // irá retornar -> Jean32
document.writeln(idade + idade); // irá retornar -> 64

Nesse exemplo é possível notar que ao somar uma variável do tipo String com uma do tipo Number será feita a concatenação dos valores, e ao somar variáveis do tipo Number o resultado será uma soma numérica.

Agora um ponto no exemplo que criamos acima, os números digitados pelo usuário precisaram passar antes pela função parseInt, o motivo disto é que a função window.prompt que cria um popup na tela para o usuário digitar algo, sempre retorna uma string, com isso se o usuário digitar em ambos os popup, os números 15 e 7 respectivamente, sem utilizar a função parseInt, não iria ocorrer a soma, e sim uma concatenação, e na variável resultado não teria o valor de 22 e sim 157.

document.writeln(15 + 7); // irá retornar -> 22
document.writeln("15" + "7"); // irá retornar -> 157

Espero que tenha ajudado os estudantes e aspirantes a JavaScript, com esse tutorial. Bons estudos!!!

Referências:

https://dev.to/jeanmfdias/aprendendo-html-css-javascript-utilizando-um-web-server-em-nodejs-30b1

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Grammar_and_types

Configurando o WSL em menos de 15 minutos

Jean Dias — Tue, 17 Jun 2025 12:33:05 +0000

Certo, irei partir do principio que seu Windows 10 esteja com todas as atualizações feitas, até a última versão disponível.

— O meu está na versão 21H1

Esse tutorial tem o objetivo instalar e deixar configurado o Windows Subsystem for Linux (WSL) em sua versão 2.

Em relação a ser em menos de 15 minutos, vai depender de sua maquina estar utilizando um SSD para o Windows reiniciar rápido e uma internet também rápida (a minha tem 300 Mbs) pois é baixado um conteúdo de 450MB em média.

Com todos os Updates feitos o primeiro passo é abrir o Windows PowerShell em modo Administrador. Para isso basta clicar com o botão direito no ícone do menu iniciar.

Após iniciar o Windows PowerShell, copie o comando abaixo e cole no terminal. Este comando irá instalar o Windows Subsystem for Linux (WSL)

dism.exe /online /enable-feature /featurename:Microsoft-Windows-Subsystem-Linux /all /norestart

Tecle Enter e aguarde alguns segundo para finalizar a instalação. Logo em seguida copie este outro comando e o cole no PowerShell. Este será responsável por instalar complementos para utilizar virtualização.

dism.exe /online /enable-feature /featurename:VirtualMachinePlatform /all /norestart

Tecle Enter e novamente aguarde alguns segundos para finalizar a instalação. Após isto reinicie o computador para continuarmos a configuração do WSL.

Ao voltar para o Windows faça o download do pacote abaixo, que será responsável por atualizar o Kernel linux permitindo assim o uso da versão 2 do WSL.

https://wslstorestorage.blob.core.windows.net/wslblob/wsl_update_x64.msi

A instalação é bastantes simples, basta dar next e pronto.

Depois inicie o Windows PowerShell e copie e cole o comando abaixo, ele será responsável por habilitar o WSL 2 por padrão para qualquer distro linux.

wsl --set-default-version 2

Após definido a versão 2 como padrão vamos instalar uma distro linux para utilizarmos como base. A partir deste ponto utilizar o WSL pode lhe parecer bastante similar a utilizar um server linux, visto que você terá a interface de linha de comando da distro selecionada.

Para instalar a distro pode utilizar o meio oficial, direto pela Microsoft Store, ou utilizar algum outro tutorial pela Internet para utilizar sua distro favorita.

Hoje está disponível as seguintes distros:

Ubuntu
OpenSUSE
Kali
Debian
Fedora Remix
Pengwin
Alpine WSL

Basta acessar a loja procurar sua distro favorita e instalar.

Depois execute o primeira inicialização da distro, no meu caso escolhi o Ubuntu, você poderá fazer pela própria loja ou procurando no menu Iniciar. Essa primeira execução você irá definir o seu usuário e senha do linux.

Após isso você pode iniciar o Windows PowerShell ou o novo Windows Terminal, que pode ser encontrado na própria Microsoft Store, e digitar o comando abaixo para verificar se o linux, foi instalado corretamente na versão WSL 2.

wsl --list -v

E para finalizar basta digitar apenas **wsl **no Terminal para inciar.

wsl

Pronto! Agora você já tem o WSL 2 rodando no seu Windows e pode usar as ferramentas do linux, servidor Nginx, Docker, PHP-cli, Node.js entre outros.

Dicas Bônus

Eu costumo fazer algumas configurações personalizadas, como alterar o ponto de montagem do diretório c: e também limitar a quantidade de recursos gastos pelo WSL.

Para alterar o ponto de montagem, que por padrão vem no /mnt eu edito o arquivo wsl.conf que fica dentro da pasta /etc, para isso eu digito o seguinte comando usando o vim mas pode ser alterado pelo nano se preferir.

sudo vim /etc/wsl.conf

E adiciono o seguintes comandos:

[automount]
root = /
options = "metadata"

O root = / *irá definir que não será montado mais em */mnt **e sim na raiz /, o options = “metadata”** faz um ajuste de permissões de arquivos para evitar o “famoso” 777.

E para limitar a quantidade de recursos edito o arquivo .wslconfig dentro da pasta do usuário no próprio Windows, no meu caso c:\Users\Jean.

vim .wslconfig

E digito o conteúdo a seguir, que limita a quantidade de memória RAM e processador (CPU) que será utilizado. Geralmente coloco entre 25% a 40% de meus recursos.

[wsl2]
memory=4GB
processors=4

E com isso você tem o básico para poder começar a desenvolver.

Qualquer dúvida ou sugestões podem deixar nos comentários abaixo.

UPDATE

Em versões mais recentes do Windows 10/11 basta utilizar o comando abaixo no terminal em modo Administrador, e logo em seguida reiniciar o computador para que o WSL2 seja instalado.

wsl --install -d Ubuntu

Dessa forma o Windows fará tudo automaticamente e você já pode pular para as dicas bônus acima.

MySQL — Removendo Full Only Group By no MacOS X

Jean Dias — Tue, 17 Jun 2025 12:20:56 +0000

Bom dia pessoal, um problema que ocorre muito nas versões mais recentes do MySQL, no meu caso a versão 8, e também na versão 5.7, é a funcionalidade de FULL ONLY GROUP BY. Funcionalidade essa que impede de usar a instrução GROUP BY em uma query sem que aplique todos os campos utilizados dentro do SELECT.

Mas para pular essa trava, no OSX (minha versão Mojave) basta seguir os passos a seguir:

Vá até o Terminal e digite:

find / -name my.cnf

Este comando irá encontrar os local onde o arquivo my.cnf está. Então crie um link simbólico para ele, dentro da pasta /etc, da seguinte forma:

sudo ln -s /usr/local/etc/my.cnf /etc/my.cnf
Agora acesse seu MySQL e execute o comando a seguir:

SELECT @@GLOBAl.sql_mode;

Ele irá retornar o seguinte resultado:

ONLY_FULL_GROUP_BY,STRICT_TRANS_TABLES,NO_ZERO_IN_DATE,NO_ZERO_DATE,ERROR_FOR_DIVISION_BY_ZERO,NO_ENGINE_SUBSTITUTION

Copie a valor retornado e acesse o arquivo my.cnf para editar:

sudo vim /etc/my.cnf

Dentro do arquivo após a linha [mysqld] adicione a instrução sql_mode, com os valores retornados na consulta acima, e remova a parte ONLY_FULL_GROUP_BY, ficando igual abaixo:

sql_mode=STRICT_TRANS_TABLES,NO_ZERO_IN_DATE,NO_ZERO_DATE,ERROR_FOR_DIVISION_BY_ZERO,NO_ENGINE_SUBSTITUTION

Após salvar o arquivo(:wq), reinicie o MySQL e pronto você poderá utilizar a instrução GROUP BY sem mais complicações.

Instalando KVM para emulador Android no Deepin 15.8

Jean Dias — Tue, 17 Jun 2025 12:17:42 +0000

Olá neste artigo irei mostrar como configurar o KVM no Deepin 15.8 para executar o emulador de Android.

Os passos são bem simples. Primeiro verifique se a virtualização está habilitada executando o seguinte comando:

grep --color vmx /proc/cpuinfo

Agora vamos instalar o KVM. Execute os comandos abaixo, substituindo onde está escrito “usuario” pelo nome de seu usuário do sistema.

sudo apt-get install qemu-kvm libvirt-clients libvirt-daemon-system sudo adduser usuario libvirt sudo adduser usuario libvirt-qemu

Agora para verificar se o KVM está instalado, execute o próximo comando:

$HOME/Android/Sdk/tools/emulator -accel-check

Após isto aparecerá uma mensagem informando que o KVM está instalado. Neste último comando a localização irá depender de onde você ter instalado o SDK do Android.

Instalar Java 9 no Deepin

Jean Dias — Tue, 17 Jun 2025 12:15:45 +0000

Olá hoje irei mostrar como instalar o Java 9 no Deepin 15.5.

Para instalar execute os seguintes comandos:

sudo vim /etc/apt/sources.list.d/webupd8team-java.list

Pressione a tecla I e adicione a seguinte linha no aquivo:

deb http://ppa.launchpad.net/webupd8team/java/ubuntu trusty main

Precione a tecla ESC, em seguida digite

:wq

Agora vamos adicionar a Key para o repositório novo, e instalar o Oracle Java 9.

sudo apt-key adv --keyserver hkp://keyserver.ubuntu.com:80 --recv-keys EEA14886 sudo apt update sudo apt install oracle-java9-installer sudo apt install oracle-java9-set-default

Pronto, agora digite o comando a seguir para verificar se a versão do Java foi instalada corretamente.

java -version

Obs.: neste mesmo repositório do Java 9 tem as versões Java 7 e Java 8, caso seja necessário a instalação destas versões no Deepin, basta substituir nos comandos acima onde está:

sudo apt install oracle-java9-installer sudo apt install oracle-java9-set-default

por:

sudo apt install oracle-java8-installer sudo apt install oracle-java8-set-default

para o Java 8 e por:

sudo apt install oracle-java7-installer sudo apt install oracle-java7-set-default

para o Java 7.

Desinstalação

Para efetuar a desinstalação utilize os seguintes comandos:

sudo apt remove --purge oracle-java9-installer sudo apt autoremove

E substituindo a palavra java9 por java8 ou java7, permite que você desinstale as demais versões.

Wi-Fi no Deepin 15.5 com lentidão

Jean Dias — Tue, 17 Jun 2025 12:07:31 +0000

Olá, tenho um notebook Dell Inspiron 14 e recentemente instalei o Deepin, durante o uso percebi que para navegar na Internet todos os sites estavam muito lentos e os downloads em repositórios também.

Após isso pesquisando encontrei no fórum do Deepin uma solução que funcionou, o tudo indica é que era problema de incompatibilidade do driver que já vem instalado por padrão, e não permitia o dispositivo wi-fi funcionar corretamente.

Segue abaixo a solução:

sudo echo "options ath9k nohwcrypt=1" > /etc/modprobe.d/ath9k.conf
sudo apt remove --purge firmware-atheros
sudo apt remove --purge wireless-tools

Obrigado.

— Update —

Em algumas versões de notebook, essa solução pode não funcionar devido que este driver atheros seja o principal para o notebook, o que pode causar a desativação da placa de wi-fi, caso ocorra isto, basta reverter o procedimento, instalando os pacotes removidos acima.

Aprendendo HTML + CSS + JavaScript utilizando um Web Server em Node.js

Jean Dias — Tue, 17 Jun 2025 11:55:27 +0000

Para começar instale o Node.js, estou usando para esse tutorial a versão 24.1.0, mas a versão LTS no momento é a 22.16.0.

https://nodejs.org/en

Crie um pasta com o nome do seu projeto de estudos, abra ela dentro do terminal e digite:

npm init

Irá iniciar um prompt perguntando algumas informações, que em outro artigo posso explicar cada uma delas, mas por enquanto vamos apenas ir aceitando tudo até ele gerar um arquivo chamado package.json.

Abra seu projeto no Visual Studio Code, estando dentro da pasta no terminal basta digitar:

code .

Agora vamos dar um aspecto de um projeto mais real, criar as seguintes pastas e arquivos para que a estrutura fique igual a imagem abaixo:

Vamos apenas colocar um conteúdo de exemplo em cada arquivo, no index.html você pode adicionar o código a seguir:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>HTML executando em um Web Server</title>
    <link rel="stylesheet" href="/assets/css/styles.css">
    <script src="/src/main.js"></script>
</head>
<body>
    <h1>Esse site está executando em um Web Server</h1>
    <a href="/pages/pagina1">Link para a Página 1</a>
</body>
</html>

No arquivo main.js dentro da pasta src, coloque o seguinte código:

alert("Conteúdo da página carregado com sucesso!");

No arquivo styles.css dentro da pasta assets/css, coloque o seguinte código:

body {
    font-size: 20px;
    font-family: Arial, sans-serif;
    margin: 20px auto;
    max-width: 640px;
}

E por fim no arquivo pagina1.html dentro da pasta pages, adicione o seguinte código:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Página 1 executando em um Web Server</title>
    <link rel="stylesheet" href="/assets/css/styles.css">
</head>
<body>
    <h1>Essa é a página 1 rodando dentro de um Web Server</h1>
    <a href="/">Link para a Página Inicial</a>
</body>
</html>

Após todo o código adicionado, vamos adicionar a cereja do bolo, que será o Web Server. Para isso iremos instalar um pacote do Node.js, que nada mais é que um código que foi desenvolvido por terceiros e agora podemos utilizar dentro do nosso projeto.

Para isso basta voltar ao terminal dentro da pasta do seu projeto e digitar o seguinte código:

npm i http-server

Repare que após o processo foi criado um novo arquivo chamado package-lock.json e uma pasta chamada node_modules, é dentro dela que está o código do pacote http-server que instalamos.

Agora para executar nossa projeto basta no terminal digitar:

npx http-server -o -p 8080

Explicando o comando acima:

npx → ele serve para executar scritps do Node.js
http-server → é o pacote responsável por iniciar um Web Server
-o → esse parâmetro no comando é responsável por indicar qual o ponto de partida, no caso a própria pasta, assim ele irá procurar um arquivo com o nome de index.html
-p 8080 → e nesse parâmetro indicamos qual a porta iremos utilizar, o que permite que tenhamos outros Web Server, rodando na mesma maquina ao mesmo tempo, cada um em uma porta diferente

Após executar a saída no terminal será assim:

Para encerrar basta pressionar CTRL+C no terminal que o Web Server será desligado. E para visualizar seu site basta entrar no navegador de sua preferência e digitar o endereço informado na saída do comando, no meu caso: http://127.0.0.1:8080

Ao acessar você recebera a página da seguinte forma:

Repare que no endereço você não verá mais o caminho absoluto do arquivo index.html em seu computador, e sim um endereço similar aos sites na Internet, e dessa forma você vai conseguir simular o comportamento de seu projeto dentro da Internet quando ele estiver publicado em um Servidor ou plataforma de hospedagem.

Note também que no terminal enquanto o Web Server estiver executando, você receberá os logs de cada requisição que for feita no navegador, por exemplo ao clicar no Link para a Página 1:

Espero que tenha ajudado os estudantes e aspirantes a desenvolvimento Web, com esse tutorial. Bons estudos!!!

Convert a Key .ppk to .pem

Jean Dias — Fri, 24 Jan 2025 13:41:21 +0000

To convert a key in format .ppk to .pem on Ubuntu, follow the next steps:

sudo apt install putty-tools

And finish

puttygen key.ppk -O private-openssh -o key.pem

Done

Install ASDF on Mageia 9

Jean Dias — Tue, 10 Sep 2024 23:07:48 +0000

Today we go to install ASDF on Mageia 9. The next steps will go install the plugins to PHP and Node.js.

To install ASDF on version 0.14.1, I used the version for Git + ZSH:

git clone https://github.com/asdf-vm/asdf.git ~/.asdf --branch v0.14.1

echo '. "$HOME/.asdf/asdf.sh"' >> ~/.zshrc

echo 'fpath=(${ASDF_DIR}/completions $fpath)' >> ~/.zshrc

echo 'autoload -Uz compinit && compinit' >> ~/.zshrc

Add Node.js Plugin

sudo dnf install gnupg2 curl gawk

asdf plugin add nodejs https://github.com/asdf-vm/asdf-nodejs.git

Add PHP plugin

sudo dnf install autoconf bison re2c libxml2-devel sqlite3-devel libgd-devel gcc-c++ lib64oniguruma-devel libpqxx-devel readline-devel libzip-devel

asdf plugin-add php https://github.com/asdf-community/asdf-php.git

Done, ASDF with PHP and Node.js installed.