viernes, 25 de febrero de 2022

js para cambiar una imagen por otra

         //js para cambiar una imagen por otra

        document.getElementById("file").addEventListener('change', cambiarImagen);

        function cambiarImagen(event) {
            var file = event.target.files[0];

            var reader = new FileReader();
            reader.onload = (event) => {
                document.getElementById("picture").setAttribute('src', event.target.result);
            };

            reader.readAsDataURL(file);
        }

jueves, 24 de febrero de 2022

Herraminetas útiles para usar en laravel

Laravel collective para formularios https://laravelcollective.com/

Laravel permission https://spatie.be/docs/laravel-permission/v5/introduction

Ckeditor para  tener un editor estilo word en los programas https://ckeditor.com/

Plugin Jquery para convertir texto en cadenas slug https://leocaseiro.com.br/jquery-plugin-string-to-slug/

Alpine js https://alpinejs.dev/

Laravel Forge es una herramienta de aprovisionamiento de aplicaciones web que permite crear una página web en cuestión de segundos. Con la API de Laravel Forge podemos realizar las siguientes acciones: Instancias en la nube (Crear, reiniciar, modificar, eliminar, etc) Controlar servicios (MySQL, Nginx, Postgres, etc)https://forge.laravel.com/  (tiene costo)


Sweet alert librería https://sweetalert2.github.io/

Librería en laravel 8 para validaciones traducidas en español https://github.com/Laraveles/spanish

Laravel UI PARA AUTENTICACION   https://github.com/laravel/ui

Laravel slug para url https://github.com/cviebrock/eloquent-sluggable

miércoles, 23 de febrero de 2022

A collection of packages and tools for the Laravel community. https://t.co/tkd3txeFvs @LaraCollective


from Twitter https://twitter.com/juli6464

jueves, 17 de febrero de 2022

Comandos utiles en Visual studio code

 Con Alt + flecha arriba o flecha abajo    copio código

ctrl+ d  selecciono  value interno y  de ahí flecha derecha para cambiar nombres


Para que sirve postman?

 Postman le ayuda a los dev backends a testear sus endpoints, los cuales les compartirán a los frontends para que puedan crear las vistas de la aplicación y demás

martes, 8 de febrero de 2022

Comandos útiles en docker

 comandos docker posgress

 docker-compose up -d postgres  :   levanta servicio  en esta caso  se llama la bd postgres

docker compose ps:  verificar si la bd esta corriendo

docker-compose down:   detiene los servicios

docker-compose exec postgres bash:  ejecuta bd en terminal (postgres es el nombre de bd)

 psql -h localhost -d my_store -U julian   (conectarse desde bd por  bash) my_store es el nombre de tabla y  julian el usuario

\d+  :  verificar que  tablas hay dentro de la bd

\q   : salimos de la bd

exit: salir del contenedor

docker-compose up -d pgadmin: levanta servicio pgadmin

docker ps : para ver el id

docker inspect <id>   :para ver la ip en donde corre

comandos  docker myslq

docker-compose up -d  mysql  levanta servicio mysql

docker compose ps:  verificar si la bd esta corriendo

docker-compose up -d phpmyadmin: evanta servicio phpmyadmin

viernes, 4 de febrero de 2022

Tipos básicos de typescript

 //boolean

let muted: boolean = true;

muted = false;

//numeros
let age = 6;
let numerador: number = 42;
let denominador: number = age;
let resultado = numerador / denominador;

//string
let nombre: string = 'richard';
let saludo = `me llamo ${nombre}`;

//arreglos
let people: string[] = [];
people = ["isabel","nicole", "raul"];
// people.push("9000")

let peopleAndNumbers: Array< string | number > = []
peopleAndNumbers.push("richi");
peopleAndNumbers.push(9001);

//enum
enum Color {
    Rojo = "rojo",
    Verde = "verde",
    Azul = "azul",
}
let colorFavorito: Color = Color.Verde
console.log(`mi color favorito es ${colorFavorito}`);

//any

let comodin: any = "joker"
comodin = { type: 'wildcard' };

//object
let someObject: object = { type: 'wildcard' };

Blogs Colombia