DEV Community: Abraham Alanya

Conectarse al servidor en una terminal

Abraham Alanya — Wed, 21 May 2025 14:48:08 +0000

Normalmente puedes usar el siguiente comando, con la ip de su servidor, usaremos un ip de ejemplo 192.168.0.1.

ssh root@192.168.0.1

En caso tenga el mensaje de Permission denied (publickey), agregar la ruta de su llave privada.

Powershell

ssh -i C:\Users\TU_USUARIO\.ssh\id_rsa root@192.168.0.1

Linux

ssh -i ~/.ssh/id_rsa root@192.168.0.1

Agregar otra versión de php a laragon

Abraham Alanya — Sat, 12 Apr 2025 15:17:15 +0000

Descargar la versión de php que desea.
windows.php.net/downloads/releases/archives

Dirigirse a la carpeta C:\laragon\bin\php\ y una vez ahí extraer el archivo que haz descargado.

Luego en la aplicación de Laragon cambiar la versión de php que va utilizar

Archivo .env Laravel

Abraham Alanya — Tue, 14 Nov 2023 00:01:50 +0000

APP_NAME=Laravel
APP_ENV=local
APP_KEY=
APP_DEBUG=true
APP_URL=http://localhost

LOG_CHANNEL=stack
LOG_DEPRECATIONS_CHANNEL=null
LOG_LEVEL=debug

DB_CONNECTION=mysql
DB_HOST=127.0.0.1
DB_PORT=3306
DB_DATABASE=laravel
DB_USERNAME=root
DB_PASSWORD=

BROADCAST_DRIVER=log
CACHE_DRIVER=file
FILESYSTEM_DISK=local
QUEUE_CONNECTION=sync
SESSION_DRIVER=database
SESSION_LIFETIME=120

MEMCACHED_HOST=127.0.0.1

REDIS_HOST=127.0.0.1
REDIS_PASSWORD=null
REDIS_PORT=6379

MAIL_MAILER=smtp
MAIL_HOST=mailpit
MAIL_PORT=1025
MAIL_USERNAME=null
MAIL_PASSWORD=null
MAIL_ENCRYPTION=null
MAIL_FROM_ADDRESS="hello@example.com"
MAIL_FROM_NAME="${APP_NAME}"

AWS_ACCESS_KEY_ID=
AWS_SECRET_ACCESS_KEY=
AWS_DEFAULT_REGION=us-east-1
AWS_BUCKET=
AWS_USE_PATH_STYLE_ENDPOINT=false

PUSHER_APP_ID=
PUSHER_APP_KEY=
PUSHER_APP_SECRET=
PUSHER_HOST=
PUSHER_PORT=443
PUSHER_SCHEME=https
PUSHER_APP_CLUSTER=mt1

VITE_APP_NAME="${APP_NAME}"
VITE_PUSHER_APP_KEY="${PUSHER_APP_KEY}"
VITE_PUSHER_HOST="${PUSHER_HOST}"
VITE_PUSHER_PORT="${PUSHER_PORT}"
VITE_PUSHER_SCHEME="${PUSHER_SCHEME}"
VITE_PUSHER_APP_CLUSTER="${PUSHER_APP_CLUSTER}"

Cambiar o Crear contraseña para SSH

Abraham Alanya — Mon, 13 Nov 2023 23:50:28 +0000

Abrir la aplicación terminal
Para cambiar la frase de contraseña de la clave privada SSH por defecto:
ssh-keygen -p
Puede especificar el nombre del archivo de claves:
ssh-keygen -p -f ~/.ssh/pacmankabh

Ramas en GIT

Abraham Alanya — Wed, 26 Jul 2023 06:15:59 +0000

👀 ramas locales
git branch

👀 ramas remotas
git branch -r

👀 ramas locales y remotas
git branch -a

Actualizar ramas remotas

git fetch

Crear rama

git branch <rama>

Cambiar de rama

git checkout <rama>

Crear y cambiar al mismo tiempo

git checkout -b <rama>

Eliminar rama 🛑

Si no tienes cambios sin fusionar
git branch -d <rama>

Tienes cambios sin fusionar pero igual quieres eliminar
git branch -D <rama>

Eliminar una rama remoto
git push origin --delete <rama>

Instalar xampp en ChromeOS

Abraham Alanya — Fri, 21 Jul 2023 21:02:14 +0000

Descargar instalador xampp en linux

apachefriends.org

Guardar en la carpeta archivos de linux

Terminal

Otorgar permiso al instalador

sudo chmod 755 xampp-linux-x64-8.1.17-0-installer.run

Instalar

sudo ./xampp-linux-x64-8.1.17-0-installer.run

Iniciar xampp

sudo /opt/lampp/lampp start

Permitir acceso de usuario root al servidor

xhost si:localuser:root

Interfaz gráfica

cd /opt/lampp
ls -l manager*
sudo ./manager-linux-x64.run &

Puedes cambiar el puerto en configure a 8080

Abrir en navegador

localhost:8080

Publicar proyecto en NPM

Abraham Alanya — Thu, 20 Jul 2023 19:52:11 +0000

Login 🫡

npm login

Completar luego los siguientes datos
username
password
email
OTP: te envían un código a tu correo

Verificar si estas logeado

npm whoami

Autenticado, te mostrará el nombre de usuario de tu cuenta Ejem:pacmankabh

No autenticado, te mostrará el siguiente mensaje Not logged in

Publicar

Comprimir tu proyecto, y publicar

tar -czvf project.tar.gz project
npm publish project.tar.gz

Administrar versiones con NPM

Abraham Alanya — Thu, 20 Jul 2023 15:28:00 +0000

En cada proyecto se tiene "version": "1.0.0", que tienen la siguiente referencia.
major.minor.path

Comando 😎

Para poder actualizar utilizamos el comando npm version seguido de lo que deseamos aumentar en la versión.

npm version minor

Comando + mensaje 😱

npm version minor --message "Added new feature"

Opciones 🫣

major: Aumenta el número de versión principal.
minor: Aumenta el número de versión menor.
patch: Aumenta el número de versión de parche.
premajor: Crea una versión prealfa para la próxima versión principal.
preminor: Crea una versión prealfa para la próxima versión menor.
prepatch: Crea una versión prealfa para la próxima versión de parche.
beta: Crea una versión beta para la próxima versión.
alpha: Crea una versión alfa para la próxima versión.
rc: Crea una versión candidata a producción para la próxima versión.
patch-only: Aumenta el número de versión de parche sin aumentar los números de versión principales o menores.

Agregar y eliminar elementos de un array en Javascript

Abraham Alanya — Wed, 19 Jul 2023 17:15:24 +0000

let array = ["primero", "segundo"];

push()

Sirve para agregar un nuevo elemento, al final del array

array.push("tercero");
// ["primero", "segundo", "tercero"]

shift()

Sirve para eliminar el primer elemento [0]

array.shift();
// ["segundo"]

pop()

Sirve para eliminar el último elemento

array.pop();
// ["primero"]

Recorrer un array en Javascript

Abraham Alanya — Wed, 19 Jul 2023 16:27:28 +0000

let articulos = [
 {nombre: "a", precio: 300},
 {nombre: "b", precio: 3100},
 {nombre: "c", precio: 2300},
 {nombre: "d", precio: 200},
 {nombre: "e", precio: 100},
 {nombre: "f", precio: 400},
 {nombre: "g", precio: 3500},
 {nombre: "h", precio: 1300},
 {nombre: "i", precio: 2300},
];

filter()

Crea un nuevo array con los elementos que cumplan el parámetro definido.

let filtrar = articulos.filter(function (articulo) {
 return articulo.precio <= 1000;
});

map()

let nombre = articulos.map(function (articulo){
 return articulo.nombre;
});

find()

let busqueda = articulos.find(function(articulo){
 return articulo.nombre === "g";
});

foreach()

articulos.forEach(function(articulo){
 console.log(articulo.nombre);
});

some()

Devuelve true y false

let barato = articulos.some(function(articulo){
 return articulo.precio <= 1000;
})

Tema claro y oscuro

Abraham Alanya — Sun, 16 Jul 2023 16:02:03 +0000

Método 1

CSS 🥳

:root {
  /* Default (light) theme */
  --background: white;
  --color: black;
}

/* Dark theme */
@media (prefers-color-scheme: dark) {
  :root {
    --background: black;
    --color: white;
  }
}

body {
  background-color: var(--background);
  color: var(--color);
}

Método 2

HTML 😎

<body class="dark-theme">
  <button id="theme-toggle">🌓</button>
</body>

CSS 🥳

.light-theme {
  background-color: white;
  color: black;
}
.dark-theme {
  background-color: black;
  color: white;
}

JAVASCRIPT 👀

const toggleBtn = document.getElementById("theme-toggle");
toggleBtn.addEventListener("click", () => {
  document.body.classList.toggle("light-theme");
  document.body.classList.toggle("dark-theme");
})

Texto en vertical con CSS

Abraham Alanya — Tue, 11 Jul 2023 08:27:37 +0000

Para que funcione se debe definir writing-mode en vertical. 😎

h1 {
 writing-mode: vertical-rl;
 text-orientation: mixed;
}

mixed: Rota 90° en sentido del reloj.

upright: Igual que mixed pero se presentan de arriba hacia abajo 👀.