<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:dc="http://purl.org/dc/elements/1.1/">
  <channel>
    <title>Forem: Jose Luis Bedoya 🦏✨</title>
    <description>The latest articles on Forem by Jose Luis Bedoya 🦏✨ (@wildchamo).</description>
    <link>https://forem.com/wildchamo</link>
    <image>
      <url>https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F1047349%2F15c922cf-0d33-4b76-bd27-b32e97405880.jpeg</url>
      <title>Forem: Jose Luis Bedoya 🦏✨</title>
      <link>https://forem.com/wildchamo</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://forem.com/feed/wildchamo"/>
    <language>en</language>
    <item>
      <title>GitHub Copilot Gratis! El Regalo de GitHub a la Comunidad Estudiantil</title>
      <dc:creator>Jose Luis Bedoya 🦏✨</dc:creator>
      <pubDate>Mon, 18 Sep 2023 04:37:09 +0000</pubDate>
      <link>https://forem.com/wildchamo/github-copilot-gratis-el-regalo-de-github-a-la-comunidad-estudiantil-c5m</link>
      <guid>https://forem.com/wildchamo/github-copilot-gratis-el-regalo-de-github-a-la-comunidad-estudiantil-c5m</guid>
      <description>&lt;p&gt;Sabías que, como estudiante, tienes la oportunidad de acceder de forma gratuita a GitHub Copilot? Esta poderosa herramienta es ampliamente utilizada por desarrolladores de todo el mundo para enfocarse en lo que realmente importa: &lt;strong&gt;la creación de software de alta calidad&lt;/strong&gt;. A continuación, te explico cómo puedes aprovechar este beneficio.&lt;/p&gt;

&lt;h3&gt;
  
  
  Configurando tu Cuenta de estudiante en GitHub
&lt;/h3&gt;

&lt;ol&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Crea una cuenta en GitHub:&lt;/strong&gt; Si aún no tienes una, creala! Es vital en tu carrera como desarrollador y un requisito para acceder a GitHub Copilot.&lt;br&gt;
&lt;a href="https://github.com/"&gt;GitHub&lt;/a&gt;&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Confirma tu status de estudiante:&lt;/strong&gt; Es fundamental confirmar que estás actualmente matriculado como estudiante para poder acceder a los beneficios de GitHub.&lt;br&gt;
&lt;a href="https://education.github.com/pack"&gt;GitHub Student Developer Pack&lt;/a&gt;&lt;/p&gt;&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;El &lt;strong&gt;paquete estudiantil de GitHub&lt;/strong&gt; te brinda acceso gratuito a una amplia gama de herramientas, que incluyen dominios gratuitos por un año, cursos de programación, utilidades para simplificar la transmisión en vivo, créditos en proveedores de servicios de nube, y mucho más. Te sugiero revisar y aprovechar todos estos servicios!&lt;/p&gt;

&lt;p&gt;Los pasos a continuación son para &lt;strong&gt;estudiantes con correos institucionales&lt;/strong&gt;. Si no tienes uno de estos, aún puedes acceder al Paquete de Desarrollador para Estudiantes de GitHub comunicándote con el Soporte de GitHub en &lt;a href="//support.github.com/request"&gt;support.github.com/request&lt;/a&gt;.&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt; Regístrate para el Paquete de Desarrollador para Estudiantes.&lt;/li&gt;
&lt;li&gt; Selecciona &lt;strong&gt;"Get Student Benefit"&lt;/strong&gt;.&lt;/li&gt;
&lt;li&gt; Inicia sesión o regístrate en una cuenta de GitHub.&lt;/li&gt;
&lt;li&gt;  Agrega tu correo institucional. Este proceso generalmente requiere autenticación, ya que se enviará un código a tu correo para verificarlo.&lt;/li&gt;
&lt;li&gt;  Ingresa el nombre de tu universidad.&lt;/li&gt;
&lt;li&gt;  Responde las preguntas sobre cómo planeas usar GitHub.&lt;/li&gt;
&lt;li&gt;  En algunas ocasiones, puede ser necesario proporcionar más pruebas. Por lo tanto, es posible que debas cargar tu tarjeta de identificación escolar u otro documento que demuestre tu validez como estudiante.&lt;/li&gt;
&lt;li&gt;  Envía tu solicitud.&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;Por lo general, las solicitudes se revisan de forma inmediata y tendrás que verificar nuevamente tu estado cada año.&lt;/p&gt;

&lt;h3&gt;
  
  
  Configurando Copilot
&lt;/h3&gt;

&lt;p&gt;Una vez tengas tu cuenta de GitHub lista, solo resta acceder a la  &lt;a href="https://github.com/settings/copilot"&gt;configuración de tu cuenta&lt;/a&gt; y solicitar el acceso:&lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--asKmXPMe--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/hzxo2ndvpqhrhis7nzbc.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--asKmXPMe--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/hzxo2ndvpqhrhis7nzbc.png" alt="configuración de cuenta en github" width="800" height="408"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--dfTdTm9m--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/rus3cgl0zue685n5xrtq.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--dfTdTm9m--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/rus3cgl0zue685n5xrtq.png" alt="Felicidades, ahora puede usar github copilot" width="798" height="731"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;¡Y ya está, ahora tienes acceso a esa herramienta genial! Lo único que te falta es instalarla en tu editor de texto preferido y a codear.&lt;/p&gt;

&lt;h3&gt;
  
  
  Copilot en tu editor
&lt;/h3&gt;

&lt;p&gt;Para:&lt;br&gt;
&lt;a href="https://docs.github.com/en/copilot/getting-started-with-github-copilot?tool=neovim"&gt;VS Code&lt;/a&gt;&lt;br&gt;
&lt;a href="https://plugins.jetbrains.com/plugin/17718-github-copilot"&gt;JetBrains IDE's&lt;/a&gt;&lt;br&gt;
&lt;a href="https://marketplace.visualstudio.com/items?itemName=GitHub.copilotvs"&gt;Visual Studio&lt;/a&gt;&lt;/p&gt;

</description>
      <category>ai</category>
      <category>webdev</category>
      <category>beginners</category>
      <category>programming</category>
    </item>
    <item>
      <title>Comandos esenciales en Git</title>
      <dc:creator>Jose Luis Bedoya 🦏✨</dc:creator>
      <pubDate>Fri, 31 Mar 2023 20:14:59 +0000</pubDate>
      <link>https://forem.com/wildchamo/comandos-esenciales-en-git-2ohm</link>
      <guid>https://forem.com/wildchamo/comandos-esenciales-en-git-2ohm</guid>
      <description>&lt;h2&gt;
  
  
  Introducción a Git
&lt;/h2&gt;

&lt;p&gt;Git es un sistema de control de versiones esencial para el seguimiento y colaboración en proyectos de desarrollo de código. Este artículo cubre los &lt;strong&gt;comandos básicos y avanzados&lt;/strong&gt; de Git, desde la creación de un repositorio hasta la fusión y la ramificación. Utiliza esta guía de referencia para mejorar tus habilidades de Git y optimizar tu flujo de trabajo. 😸✨&lt;/p&gt;

&lt;h2&gt;
  
  
  Comandos básicos de Git
&lt;/h2&gt;

&lt;h3&gt;
  
  
  Inicilización
&lt;/h3&gt;

&lt;p&gt;Para poder utiliza git en nuestra máquina es necesario indicarle a ella quienes somos para que guarde la información de quien hizo qué acciones en el sistema de control de versiones. Para esto se usan los siguientes cómandos:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;git config --global user.name "tu nombre"
git config --global user.email "tu dirección de correo"
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;Con esta configuración ya podrás utilizar todos los cómandos de git.  😸✨&lt;/p&gt;

&lt;p&gt;Para inicializar un nuevo repositorio de Git en el directorio actual, ejecuta el siguiente comando:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;git init
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;Esto crea un directorio .git oculto en el directorio actual que rastrea los cambios en los archivos. Es el primer paso para empezar a trabajar con git. &lt;/p&gt;

&lt;h3&gt;
  
  
  Agregar archivos y cambios realizados
&lt;/h3&gt;

&lt;p&gt;Antes de realizar un commit, es necesario agregar los archivos y los cambios realizados a Git, para esto se ejecuta el siguiente comando:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;git add &amp;lt;nombreDelArchivo&amp;gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;Un ejemplo sencillo podría ser:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;git add index.html
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;También se pueden organizar todos los cambios en el directorio actual ejecutando:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;git add .
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;h3&gt;
  
  
  Realizar un commit
&lt;/h3&gt;

&lt;p&gt;Para realizar un commit, es necesario tener todos los cambios agregados, para almacenar una versión del proyecto en un momento específico en el tiempo se utiliza el siguiente commando:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;git commit -m "Mensaje del commit"
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;Es importante que los mensajes sean descriptivos e indiquen qué cambios se hicieron en el proyecto. &lt;/p&gt;

&lt;h3&gt;
  
  
  Revisar el estado actual del proyecto
&lt;/h3&gt;

&lt;p&gt;Para verificar el estado actual de tu proyecto, ejecuta el siguiente comando:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;git status
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;Esto te mostrará qué archivos se han modificado, qué archivos están preparados para confirmación y qué archivos no se han rastreado.&lt;/p&gt;

&lt;p&gt;Para verificar la diferencia entre el último commit y los cambios actuales, ejecuta el siguiente comando:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;git diff
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;Esto te mostrará los cambios actuales en el repositorio en comparación con los cambios del último commit.&lt;/p&gt;

&lt;p&gt;Para devolver el estado del repositorio al del último commit se utiliza el siguiente cómando:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;git reset --hard
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



</description>
      <category>git</category>
      <category>github</category>
    </item>
    <item>
      <title>Git y GitHub</title>
      <dc:creator>Jose Luis Bedoya 🦏✨</dc:creator>
      <pubDate>Fri, 31 Mar 2023 18:16:44 +0000</pubDate>
      <link>https://forem.com/wildchamo/git-y-github-comandos-esenciales-372f</link>
      <guid>https://forem.com/wildchamo/git-y-github-comandos-esenciales-372f</guid>
      <description>&lt;p&gt;En este artículo, vamos a hablar sobre Git y GitHub ya que  son herramientas esenciales para cualquier desarrollador de software, ya que permiten trabajar de forma colaborativa en proyectos de software, mantener un historial completo de los cambios realizados en el código fuente. A continuación una breve explicación de qué hace cada herramienta 😸✨:&lt;/p&gt;

&lt;h2&gt;
  
  
  Git
&lt;/h2&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--3oEbRuKs--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/4v1q6srztolplhhoxau6.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--3oEbRuKs--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/4v1q6srztolplhhoxau6.png" alt="Git" width="783" height="693"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Alguna vez te has encontrado en una situación así? Imagínate que estás trabajando en un proyecto, escribiendo código, agregando nuevas funcionalidades, corrigiendo errores, etc.&lt;/p&gt;

&lt;p&gt;Con el tiempo, es probable que tengas varias versiones de tu código, cada una con cambios y mejoras respecto a la anterior. Sin embargo, ¿cómo sabes cuál es la versión más actualizada? ¿Cómo vuelves a una versión anterior si algo sale mal? &lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--D_Qmg1lB--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/81z9j6dxpdh0lao1s610.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--D_Qmg1lB--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/81z9j6dxpdh0lao1s610.png" alt="gitpower" width="783" height="766"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Aquí es donde entra en juego &lt;strong&gt;Git&lt;/strong&gt; y el versionado de archivos. Con Git, puedes llevar un registro de todos los cambios que haces en tus archivos y tener la posibilidad de volver atrás a cualquier versión anterior si es necesario. Esto se logra mediante la creación de "commits", que son copias lógicas de los cambios realizados en un determinado momento.&lt;/p&gt;

&lt;h2&gt;
  
  
  ¿Por qué es tan importante tener un historial de versiones de tus archivos?
&lt;/h2&gt;

&lt;p&gt;&lt;strong&gt;Facilita la colaboración:&lt;/strong&gt; Si estás trabajando en un proyecto con otras personas, cada una de ellas puede tener una versión diferente del archivo. Con Git, pueden trabajar en el mismo archivo sin temor a perder ningún cambio.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Permite un seguimiento preciso de los cambios:&lt;/strong&gt; Con Git, puedes ver exactamente qué cambios se realizaron en cada commit y quién los hizo. Esto hace que sea mucho más fácil encontrar y corregir errores.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Facilita la reversión de cambios:&lt;/strong&gt; Si algo sale mal y necesitas volver a una versión anterior del archivo, Git te permite hacerlo con facilidad.&lt;/p&gt;

&lt;h2&gt;
  
  
  GitHub
&lt;/h2&gt;

&lt;p&gt;Por otro lado, GitHub es una plataforma web que se utiliza para alojar, compartir y colaborar en proyectos de software. Es una plataforma de control de versiones que permite a los desarrolladores trabajar juntos en proyectos de software, ya sea de manera individual o en equipo.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--8koNTbfb--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/rqjiifa2si56wpwklvat.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--8koNTbfb--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/rqjiifa2si56wpwklvat.png" alt="GitHub Logo" width="560" height="560"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;En GitHub, los usuarios pueden crear y alojar repositorios Git, que son los contenedores que almacenan los archivos y carpetas de un proyecto, junto con el historial de cambios realizados. &lt;/p&gt;

&lt;p&gt;Además, GitHub ofrece características adicionales, como herramientas para la gestión de proyectos y la colaboración en equipo, lo que lo hace una plataforma muy popular y útil para desarrolladores de todo el mundo.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;En resúmen:&lt;/strong&gt; Git permite tener un control completo de&lt;br&gt;
el historial de cambios en el código fuente de un proyecto de software.&lt;br&gt;
&lt;strong&gt;GitHub&lt;/strong&gt; te permite alojar y colaborar en proyectos de software utilizando Git como sistema de control de versiones. &lt;/p&gt;

</description>
      <category>git</category>
      <category>github</category>
    </item>
    <item>
      <title>Optimización de imágenes en la web 🦏✨</title>
      <dc:creator>Jose Luis Bedoya 🦏✨</dc:creator>
      <pubDate>Fri, 24 Mar 2023 23:21:28 +0000</pubDate>
      <link>https://forem.com/wildchamo/imagenes-en-la-web-827</link>
      <guid>https://forem.com/wildchamo/imagenes-en-la-web-827</guid>
      <description>&lt;p&gt;Las imágenes son esenciales en la web y han sido una forma poderosa de comunicar información desde los inicios de internet. Es importante que los desarrolladores sepamos optimizarlas para mejorar la usabilidad, la accesibilidad y la eficacia de nuestros sitios web. &lt;/p&gt;

&lt;p&gt;En este artículo, exploraremos los tipos de imagen y cúal es el mejor uso que se le puede dar a cada formato para mejorar la experiencia de nuestros usuarios 😺✨.&lt;/p&gt;

&lt;p&gt;Antes de arrancar con cada formato de imágen, es necesario conocer el concepto de &lt;strong&gt;lossless&lt;/strong&gt; y &lt;strong&gt;lossy&lt;/strong&gt;.&lt;/p&gt;

&lt;h2&gt;
  
  
  &lt;strong&gt;Lossless&lt;/strong&gt; o &lt;strong&gt;"sin perdida"&lt;/strong&gt;
&lt;/h2&gt;

&lt;p&gt;Son formatos de imagen que utilizan algoritmos de compresión que permiten que la imagen se comprima sin comprometer la calidad. Sin embargo, debido a que los archivos sin pérdida son más grandes en tamaño, pueden afectar el tiempo de carga de un sitio web. &lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Son útiles cuando&lt;/strong&gt; se requiere una alta calidad de imagen, como en fotografías de alta resolución, diseño gráfico y arte digital.&lt;/p&gt;

&lt;h2&gt;
  
  
  &lt;strong&gt;Lossy&lt;/strong&gt; o &lt;strong&gt;"con perdida"&lt;/strong&gt;
&lt;/h2&gt;

&lt;p&gt;Son un tipo de formato de imagen en el que se comprimen y eliminan datos de la imagen durante el proceso de compresión para reducir el tamaño del archivo. Una imagen lossy puede reducir el número de colores para reducir el tamaño del archivo. &lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Son útiles cuando&lt;/strong&gt; se trabaja con imágenes de baja resolución, gráficos simples y animaciones.&lt;/p&gt;

&lt;p&gt;Ahora sí, los formatos de imagen 👀✨:&lt;/p&gt;

&lt;h2&gt;
  
  
  JPG/JPEG
&lt;/h2&gt;

&lt;p&gt;Es un tipo de imagen de tipo &lt;strong&gt;lossy&lt;/strong&gt;, es ideal para las imágenes fijas y fotografías.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--7vC4_3aF--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/f68ky6wp2eq6z0p6w7a1.jpg" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--7vC4_3aF--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/f68ky6wp2eq6z0p6w7a1.jpg" alt="jpg" width="563" height="324"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  GIF
&lt;/h2&gt;

&lt;p&gt;Es un tipo de imagen de tipo &lt;strong&gt;lossless&lt;/strong&gt;, son animaciones simples, son muy llamativas en sitios web personales.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--38QupUG4--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_66%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/8sck4kfpungmn5y8b088.gif" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--38QupUG4--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_66%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/8sck4kfpungmn5y8b088.gif" alt="GIF" width="640" height="400"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  PNG
&lt;/h2&gt;

&lt;p&gt;Es un tipo de imagen de tipo &lt;strong&gt;lossless&lt;/strong&gt;, es ideal para los logos, ya que permite el uso de transparencia.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--KircUYIY--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/f987o81bln2d7o6hs7mm.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--KircUYIY--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/f987o81bln2d7o6hs7mm.png" alt="Logo" width="500" height="500"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  Cómo optimizar imágenes en la web? 🤔
&lt;/h2&gt;

&lt;p&gt;El tamaño ideal para imágenes en la web es &lt;strong&gt;70 kb&lt;/strong&gt;, esto puede ser difícil de lograr debido a que muchos dispositivos generan imágenes de más de &lt;strong&gt;10 mb&lt;/strong&gt;. Afortunadamente, existen algoritmos que pueden reducir el tamaño de las imágenes, lo que hace que la creación de sitios web accesibles sea más fácil. A continuación, comparto algunas páginas que utilizo para este fin en mi día a día:&lt;/p&gt;

&lt;h2&gt;
  
  
  Tiny PNG
&lt;/h2&gt;

&lt;p&gt;Mejora el tamaño de las imagenes, comprimiendolas, reduciendo el número de colores, los cambios son imperceptibles a nivel visual para el ser humano. &lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--seatHiTy--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/u5g3nroyhcssjr2o50lm.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--seatHiTy--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/u5g3nroyhcssjr2o50lm.png" alt="SS" width="800" height="224"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  Verefix
&lt;/h2&gt;

&lt;p&gt;Los metadatos son información adicional que se envía con los archivos, pero que no está relacionada con el contenido. En el caso de las imágenes, esta información puede incluir la fecha de captura, el dispositivo utilizado, entre otros detalles. Como desarrolladores, podemos prescindir de esta información, por lo que existen páginas como Verefix que permiten eliminar los metadatos de las imágenes.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--r3ec_Cia--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/nsg29fi43lpd72530j4h.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--r3ec_Cia--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/nsg29fi43lpd72530j4h.png" alt="SS" width="800" height="214"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Espero que la información de este post les ayude con la optimización de las imágenes en sus sitios web 😺✨.&lt;/p&gt;

</description>
      <category>webdev</category>
      <category>frontend</category>
    </item>
    <item>
      <title>Comandos en el browser</title>
      <dc:creator>Jose Luis Bedoya 🦏✨</dc:creator>
      <pubDate>Mon, 20 Mar 2023 16:30:55 +0000</pubDate>
      <link>https://forem.com/wildchamo/comandos-en-el-browser-4e8k</link>
      <guid>https://forem.com/wildchamo/comandos-en-el-browser-4e8k</guid>
      <description>&lt;p&gt;&lt;em&gt;A la próxima GDSC Lead.&lt;/em&gt;&lt;/p&gt;

&lt;p&gt;El navegador nos hace super humanos! Permite que tengamos todo el conocimiento humano a tres o cuatro clicks de nosotros. Mover el mouse y darle click a una sección en una intefaz gráfica es un proceso muy tedioso. Por esto, utilizo el teclado! Los navegadores tienen métodos abreviados que ofrecen una experiencia más rápida y sencilla. A continuación les comparto los atajos de teclado que uso en mi día a día 😸✨:&lt;/p&gt;

&lt;div class="table-wrapper-paragraph"&gt;&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;&lt;strong&gt;Acción&lt;/strong&gt;&lt;/th&gt;
&lt;th&gt;&lt;strong&gt;Comando&lt;/strong&gt;&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;Crear una nueva pestaña&lt;/td&gt;
&lt;td&gt;CTRL + T&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Cerrar la pestaña actual&lt;/td&gt;
&lt;td&gt;CTRL + W&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Moverse a la pestaña de la derecha&lt;/td&gt;
&lt;td&gt;CTRL + TAB&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Moverse a la primer pestaña&lt;/td&gt;
&lt;td&gt;CTRL + 1&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Moverse a la última pestaña&lt;/td&gt;
&lt;td&gt;CTRL + 9&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Abrir el historial&lt;/td&gt;
&lt;td&gt;CTRL + H&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Abrir las descargas&lt;/td&gt;
&lt;td&gt;CTRL + J&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Recargar la página actual&lt;/td&gt;
&lt;td&gt;CTRL + R&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Moverse a la barra de direcciones&lt;/td&gt;
&lt;td&gt;CTRL + L&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Ir a la página anterior en la pestaña actual&lt;/td&gt;
&lt;td&gt;ALT + &amp;lt;=&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Ir a la página siguiente en la pestaña actual&lt;/td&gt;
&lt;td&gt;ALT + =&amp;gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Ampliar y reducir&lt;/td&gt;
&lt;td&gt;CTRL + - y CTRL + +&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Imprimir la página actual&lt;/td&gt;
&lt;td&gt;CTRL + P&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;&lt;/div&gt;

&lt;p&gt;Ire actualizando la tabla con los comando que recuerde! Espero que hagan su navegación 10X.&lt;/p&gt;

</description>
      <category>productivity</category>
    </item>
    <item>
      <title>Contacto</title>
      <dc:creator>Jose Luis Bedoya 🦏✨</dc:creator>
      <pubDate>Sat, 18 Mar 2023 04:11:17 +0000</pubDate>
      <link>https://forem.com/wildchamo/contacto-8ph</link>
      <guid>https://forem.com/wildchamo/contacto-8ph</guid>
      <description>&lt;p&gt;Según linkedin soy un: &lt;br&gt;
Conferencista internacional apasionado por hacer del mundo un lugar mejor, fundador y lider de comunidades tecnológicas éxitosas 🦏✨. Desarrollador web experimentado con un historial demostrado de trabajo en la industria de Internet. Experto en diseño web, desarrollo front-end, ingeniería, gestión de proyectos y desarrollo web. Fuerte profesional en ingeniería multimedia enfocado en desarrollo de páginas Web y desarrollo en Blockchain de la Universidad Autónoma de Occidente. &lt;/p&gt;

&lt;p&gt;Info/dudas/propuestas de trabajo que me harán millonario son bienvenidas &lt;a href="mailto:wildchamo@gmail.com"&gt;wildchamo@gmail.com&lt;/a&gt;.&lt;/p&gt;

&lt;p&gt;Existo en instagram &lt;a href="https://www.instagram.com/wildchamo/"&gt;@wildchamo&lt;/a&gt;.&lt;/p&gt;

</description>
    </item>
    <item>
      <title>Recopilación de presentaciones</title>
      <dc:creator>Jose Luis Bedoya 🦏✨</dc:creator>
      <pubDate>Sat, 18 Mar 2023 03:44:31 +0000</pubDate>
      <link>https://forem.com/wildchamo/recopilacion-de-presentaciones-4b5h</link>
      <guid>https://forem.com/wildchamo/recopilacion-de-presentaciones-4b5h</guid>
      <description>&lt;p&gt;Lista con todas las veces que he tenido que ser profe/speaker para una comunidad 🦏✨:&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;1)&lt;/strong&gt; Workshop: Introducción a la terminal y linea de comandos&lt;br&gt;
&lt;strong&gt;2)&lt;/strong&gt; Workshop: Taller práctico de Git y GitHub&lt;br&gt;
&lt;strong&gt;3)&lt;/strong&gt; Workshop: Taller práctico de Git y GitHub Reload&lt;br&gt;
&lt;strong&gt;4)&lt;/strong&gt; Speaker Session: "De Jose para Jose ✨"&lt;br&gt;
&lt;strong&gt;5)&lt;/strong&gt; Info Session: Google Solution Challenge&lt;br&gt;
&lt;strong&gt;6)&lt;/strong&gt; Info Session: Presentación del GDSC a la UAO &lt;br&gt;
&lt;strong&gt;7)&lt;/strong&gt; Info Session: Presentación del GDSC al programa Ingeniería informatica UAO&lt;br&gt;
&lt;strong&gt;8)&lt;/strong&gt; Workshop: Aprende a estilar webs con CSS&lt;br&gt;
&lt;strong&gt;9)&lt;/strong&gt; Speaker Session: "Construyendo comunidades tecnológicas exitosas" para &lt;strong&gt;Google Developer Group Tapachula 🇲🇽&lt;/strong&gt;&lt;br&gt;
&lt;strong&gt;10)&lt;/strong&gt; Live coding: La hora del code: React.js&lt;br&gt;
&lt;strong&gt;11)&lt;/strong&gt; Workshop: Git y GitHub 101 para &lt;strong&gt;Universidad de la Amazonia&lt;/strong&gt;&lt;br&gt;
&lt;strong&gt;12)&lt;/strong&gt; Workshop: Uso de IA para la vida profesional y personal para &lt;strong&gt;Universidad de la Amazonia&lt;/strong&gt; &lt;br&gt;
&lt;strong&gt;13)&lt;/strong&gt;  Construyendo el Futuro: Desarrollo de Software Impulsado por IA para &lt;strong&gt;+ Media: Universidad Simón Bolívar Barranquilla&lt;/strong&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  Programados
&lt;/h2&gt;

&lt;p&gt;&lt;strong&gt;14)&lt;/strong&gt;  Workshop: Uso de IA para la vida profesional y personal para &lt;strong&gt;r00thouse HackLab La Paz&lt;/strong&gt; 🇧🇴 &lt;/p&gt;

</description>
      <category>community</category>
    </item>
    <item>
      <title>Por qué un blog? 🦏✨</title>
      <dc:creator>Jose Luis Bedoya 🦏✨</dc:creator>
      <pubDate>Fri, 17 Mar 2023 23:45:21 +0000</pubDate>
      <link>https://forem.com/wildchamo/jose-luis-bedoyaa-28n6</link>
      <guid>https://forem.com/wildchamo/jose-luis-bedoyaa-28n6</guid>
      <description>&lt;p&gt;Una vez tuve el sueño de tener un blog para compartir el conocimiento que adquiero con el paso del tiempo con personas que lo necesiten y por eso estoy aquí!&lt;/p&gt;

</description>
      <category>career</category>
    </item>
  </channel>
</rss>
