<?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>DEV Community: Dajan Medina</title>
    <description>The latest articles on DEV Community by Dajan Medina (@dmedina2150dev).</description>
    <link>https://dev.to/dmedina2150dev</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%2F776706%2F2f2a2b70-b98c-437e-a19b-59d13f29ced0.jpeg</url>
      <title>DEV Community: Dajan Medina</title>
      <link>https://dev.to/dmedina2150dev</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/dmedina2150dev"/>
    <language>en</language>
    <item>
      <title>Debuggin en VsCode</title>
      <dc:creator>Dajan Medina</dc:creator>
      <pubDate>Tue, 28 Nov 2023 01:26:50 +0000</pubDate>
      <link>https://dev.to/dmedina2150dev/tips-vscode-1feo</link>
      <guid>https://dev.to/dmedina2150dev/tips-vscode-1feo</guid>
      <description>&lt;p&gt;Para levantar vscode como debugger&lt;/p&gt;

&lt;p&gt;Levanta la paleta de comando presionando:&lt;/p&gt;

&lt;p&gt;&lt;code&gt;command + shift + p&lt;/code&gt;&lt;/p&gt;

&lt;p&gt;Escribe: &lt;/p&gt;

&lt;p&gt;&lt;code&gt;npm ...&lt;/code&gt; &lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fhfk533nmre43a302oa3d.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fhfk533nmre43a302oa3d.png" alt="Ejecución de paleta de comandos en vscode" width="800" height="157"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Y seleccionar el que dice en ingles (Debug npm script) y en español (Depurar script npm)&lt;/p&gt;

&lt;p&gt;Aparecerán estas opciones:&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fneob1pysx1zx0hyb8c8d.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fneob1pysx1zx0hyb8c8d.png" alt="Selección de script a ejecutar" width="526" height="160"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Son los script de ejecución disponibles en tu package.json.&lt;/p&gt;

&lt;p&gt;Selecciona el que quieras usar, en mi caso el de desarrollo para depurar..&lt;/p&gt;

&lt;p&gt;Vas seleccionando los puntos de interrupción o BreakPoint&lt;br&gt;
&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fzyl5ouhe5vxagnkllpxh.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fzyl5ouhe5vxagnkllpxh.png" alt="Selección de BreakPoint" width="398" height="310"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Y por último ejecuta las acciones en tu aplicación, que se yo entrar a una url, a un path en específico una acción en la aplicación, o ejecuta postman para interactuar con la api... Divierte..&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fmai12den9yhsy7yj23gg.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fmai12den9yhsy7yj23gg.png" alt="Como se veria el depurador corriendo" width="800" height="452"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Ahhh y al final cuando se ejecuta pues te lleva al punto de interrupción... Y con ese menú chiquitito vas interactuando con los puntos.&lt;/p&gt;

</description>
      <category>vscode</category>
      <category>depurar</category>
      <category>tips</category>
      <category>developer</category>
    </item>
    <item>
      <title>Comandos Git para el día a día</title>
      <dc:creator>Dajan Medina</dc:creator>
      <pubDate>Thu, 17 Aug 2023 16:21:12 +0000</pubDate>
      <link>https://dev.to/dmedina2150dev/comandos-git-para-el-dia-a-dia-3ol8</link>
      <guid>https://dev.to/dmedina2150dev/comandos-git-para-el-dia-a-dia-3ol8</guid>
      <description>&lt;p&gt;Es un sistema de control de versiones, nos ayuda a guardar el historial de cambios de un archivo.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Comandos básicos útiles:&lt;/strong&gt;&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;Es el comando que utilizamos para iniciar un repositorio en un proyecto nuevo.&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;p&gt;Es el comando que usamos para que Git conozca la existencia de los archivos de nuestro proyecto. Este comando no guarda las modificaciones o actualizaciones a los archivos de forma automática, únicamente los guarda en una zona conocida como Staging Area (Área de montaje o ensayo).&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
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;Es el comando que utilizamos para guardar de forma definitiva una actualización o modificación a los archivos. Es posible utilizar el flag -m y seguido entre comillas podemos dejar un mensaje para recordarnos qué cambios estamos guardando.&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 "descripción del commit"
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;Confirma los cambios y los guarda en el repositorio.&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 -am "descripción del commit"
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;Añade los cambios al staging área y confirma los cambios y los guarda en el repositorio.&lt;br&gt;
&lt;/p&gt;

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

&lt;/div&gt;



&lt;p&gt;Para descargar los cambios de un branch.&lt;br&gt;
&lt;/p&gt;

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

&lt;/div&gt;



&lt;p&gt;Este comando se usa cuando queremos enviar nuestros cambios en el repositorio hacia un servidor en la nube.&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;Ofrece una descripción del estado de los archivos (untracked, ready to commit, nothing to commit).&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.email mail@mail.com
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;Configura un email.&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 &amp;lt;Nombre como que se verá en los commits&amp;gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;Configura un nombre.&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 --list --show-origin
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;Podemos revisar donde se guardan las configuraciones de Git en nuestro pc.&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 --list
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;Listara las configuraciones de Git.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Comandos para analizar cambios en los archivos de un proyecto&lt;/strong&gt;&lt;br&gt;
&lt;/p&gt;

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

&lt;/div&gt;



&lt;p&gt;Nos genera una lista de manera descendente los commits realizados.&lt;br&gt;
&lt;/p&gt;

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

&lt;/div&gt;



&lt;p&gt;Además de listar los commits, muestra la cantidad de bytes añadidos y eliminados en cada uno de los archivos modificados.&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;$ git log --all -graph -decorate -online
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;Muestra de manera comprimida toda la historia del repositorio de manera gráfica y embellecida.&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;$ git show &amp;lt;filename&amp;gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;Permite ver la historia de los cambios en un archivo.&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 &amp;lt;commit&amp;gt; &amp;lt;commit 2&amp;gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;Compara diferencias entre cambios confirmados.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Volver en el tiempo con branches y checkout&lt;/strong&gt;&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 &amp;lt;commit&amp;gt; - soft/hard
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;Regresa al commit especificado, eliminando todos los cambios que se hicieron después de ese commit.&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;$ git checkout &amp;lt;commit/branch&amp;gt; &amp;lt;filename&amp;gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;Permite regresar al estado en el cual se realizó un commit o un branch especificado, pero no elimina lo que esta en el staging área.&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;$ git checkout - &amp;lt;filePath&amp;gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;Deshace cambios en una archivo en estado modified (que ni fue agregado al staging)&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Comandos para eliminar&lt;/strong&gt;&lt;br&gt;
&lt;/p&gt;

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

&lt;/div&gt;



&lt;p&gt;Este comando nos permite eliminar archivos de Git sin eliminar su historial del sistema de versiones. Esto quiere decir que si volvemos a necesitarlo podemos "viajar en el tiempo" y recuperarlo del último commit antes de borrarlo. git rm no puede usarse por sí solo, se debe utilizar uno de los flags para indicar a Git como eliminar los archivos.&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;$ git rm -cached &amp;lt;archivo/s&amp;gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;Elimina los archivos del área de staging y del próximo commit, pero los mantiene en nuestro disco duro.&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;$ git rm -force &amp;lt;archivo/s&amp;gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;Elimina los archivos de Git y del disco duro. Git siempre guarda todo, por lo que podemos acceder al registro de la existencia de los archivos, de modo que podremos recuperarlos si es necesario. ( pero debemos aplicar comandos más avanzados).&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
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;Con este comando volvemos al pasado sin la posibilidad de volver al futuro. Borramos la historia y la debemos sobreescribir.&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 -soft
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;Vuelve el branch al estado del commit especificado, manteniendo los archivos en el directorio de trabajo y lo que haya en staging considerando todo como nuevos cambios. Así podemos aplicar las últimas actualizaciones a un nuevo commit.&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;



&lt;p&gt;Borra absolutamente todo. Toda la información de los commits y del área de staging se borra del historial.&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 HEAD
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;No borra los archivos ni sus modificaciones, solo los saca del área de staging, de forma que los últimos cambios de estos archivos no se envíen al último commit. Si se cambia de opinión se los puede incluir nuevamente con git add.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Comandos para ramas o branch&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;Al crear una nueva rama se copia el último commit en esta nueva rama. Todos los cambios realizados en esta nueva rama no se reflejarán en la rama master hasta que hagamos un merge.&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;$ git branch &amp;lt;new branch&amp;gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;Crea una nueva rama&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;$ git checkout &amp;lt;branch name&amp;gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;Se mueve a la rama especificada.&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;$ git merge &amp;lt;branch name&amp;gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;Fusiona la rama actual con la rama &lt;br&gt;
especificada y produce un nuevo commit de esta fusión.&lt;br&gt;
&lt;/p&gt;

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

&lt;/div&gt;



&lt;p&gt;Lista las ramas generadas.&lt;/p&gt;

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