martes, 18 de junio de 2024

Ciclo vida de un componente en VUE

 Receta:

Ingredientes,

Preparación,

Información - vida

beforeCreate() - comprar

created() - cocinar

mounted() - emplatar

lunes, 25 de marzo de 2024

Consejos para bajar subir proyectos profesionales en rama qa y rama producción

Trabajar con ramas de calidad (QA) y producción en proyectos profesionales en GitHub implica un cuidadoso manejo de los cambios para garantizar la estabilidad y la integridad del software. Aquí tienes algunos consejos para gestionar estas ramas de manera efectiva:


Para la Rama de QA

Entorno de pruebas robusto: Asegúrate de tener un entorno de pruebas sólido que refleje fielmente el entorno de producción. Esto incluye datos de prueba realistas y configuraciones similares a las de producción.

Pruebas automatizadas: Implementa pruebas automatizadas exhaustivas para asegurarte de que los cambios introducidos no introduzcan nuevos errores y no rompan la funcionalidad existente.

Revisión de código: Realiza revisiones de código rigurosas antes de fusionar cambios en la rama de QA. Esto garantiza que el código cumpla con los estándares de calidad y funcione como se espera.

Despliegue continuo: Utiliza prácticas de integración y despliegue continuo (CI/CD) para automatizar la entrega de cambios en la rama de QA. Esto facilita la rápida identificación y corrección de problemas.

Comunicación clara: Mantén una comunicación clara y transparente con el equipo sobre el estado de la rama de QA, los problemas identificados y las acciones necesarias para corregirlos.


Para la Rama de Producción

Versionamiento semántico: Implementa un sistema de versionamiento semántico para mantener un registro claro de las versiones en producción y los cambios asociados.

Políticas de fusión conservadoras: Adopta políticas de fusión conservadoras para la rama de producción. Esto significa realizar pruebas exhaustivas en la rama de QA antes de fusionar los cambios en producción.

Implementación gradual: Considera la posibilidad de implementar cambios en producción de manera gradual utilizando técnicas como el despliegue por etapas o la activación de características por usuario.

Monitoreo continuo: Establece sistemas de monitoreo continuo para supervisar el rendimiento y la estabilidad del software en producción. Esto te permite identificar y abordar rápidamente cualquier problema que pueda surgir.

Respaldo y recuperación: Implementa medidas de respaldo y recuperación para garantizar la disponibilidad y la integridad de los datos en caso de fallos en producción.


Al seguir estos consejos, puedes gestionar de manera efectiva las ramas de QA y producción en tus proyectos profesionales en GitHub, asegurando la calidad y la estabilidad del software entregado a los usuarios finales.

martes, 20 de febrero de 2024

BootstrapVue Layout y Grid System

BootstrapVue es una biblioteca que combina Bootstrap 4 con Vue.js para crear interfaces web de manera más rápida y eficiente.

Layout en BootstrapVue

Container: El contenedor principal que envuelve todo el contenido de tu página. Ayuda a centrar y alinear los elementos.

Row: Dentro del contenedor, puedes dividir tu diseño en filas. Las filas contienen columnas y ayudan a mantener el orden.

Column: Las columnas son las unidades básicas de diseño dentro de las filas. Puedes dividir una fila en hasta 12 columnas, lo que permite una gran flexibilidad en el diseño.

Sistema de Cuadrícula (Grid System) en BootstrapVue

Responsive: El sistema de cuadrícula de BootstrapVue es completamente sensible y se adapta automáticamente a diferentes tamaños de pantalla, desde dispositivos móviles hasta pantallas de escritorio.

Columnas Responsivas: Puedes especificar el tamaño de las columnas para diferentes tamaños de pantalla utilizando clases predefinidas como col-sm, col-md, col-lg, y col-xl.

Anidamiento: Puedes anidar filas dentro de columnas y viceversa para crear diseños más complejos.

Offsets: BootstrapVue también proporciona clases para desplazar columnas horizontalmente, lo que te permite crear diseños asimétricos.

Ordenamiento: Puedes cambiar el orden de las columnas fácilmente en dispositivos de diferentes tamaños usando clases de ordenamiento predefinidas.

Ejemplo:

BootstrapVue Layout y Grid System


martes, 17 de octubre de 2023

cambiar version node

Para ver las veriones de node  nvm ls

 Si alguna vez necesitas cambiar de la versión de node, puedes simplemente ejecutar nvm use <número de versión>   por ej  nvm use v12. 18.1



martes, 22 de agosto de 2023

Subconsultas SQL

Subconsultas SQL


select id, nombre, apellido, salario from empleados where salario >=

(select avg(salario)from empleados)


lunes, 21 de agosto de 2023

Joins en Sql

Inner join 

select ordenes.id_orden, clientes.nombre

from ordenes inner join clientes on ordenes.idcliente = clientes.idcliente;

Left Join

select clientes.nombre, clientes.apellido, ordenes.id_orden
from clientes
left join ordenes on clientes.idcliente = ordenes.idcliente
order by id_orden

ó

select cli.nombre, cli.apellido, ord.id_orden
from clientes cli
left join ordenes ord on cli.idcliente = ord.idcliente
order by ord.id_orden

Right Join

select ord.id_orden,cli.nombre,cli.apellido
from clientes cli
right join ordenes ord on ord.idcliente = cli.idcliente
order by ord.id_orden

Full Join

select ord.id_orden,cli.nombre,cli.apellido
from ordenes ord
full join clientes cli on ord.idcliente = cli.idcliente
order by ord.id_orden

Union (mismo # columnas y  tipo datos similares, no es un join)

  select contacto, ciudad, pais from clientes
  union
  select contacto, ciudad, pais from suplidores


  select contacto, ciudad, pais from clientes
  union all
  select contacto, ciudad, pais from suplidores

select 'Cliente' as Tipo,contacto, ciudad, pais from clientes
  union 
  select 'Suplidor' as Tipo,contacto, ciudad, pais from suplidores


Blogs Colombia