Crear un proyecto en segundos online (react, vue, svelte)

 https://vite.new/  (aqui ponemos el framework por ej  react, svelte, vue)

https://stackblitz.com/

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);

        }

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

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

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

— Julian (@juli6464) Feb 23, 2022

from Twitter https://twitter.com/juli6464

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

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

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' };