<?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: Antonio Avilés</title>
    <description>The latest articles on DEV Community by Antonio Avilés (@tonydev).</description>
    <link>https://dev.to/tonydev</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%2F973114%2F1e03bffa-e9f3-4e43-ba61-1f0af487b470.png</url>
      <title>DEV Community: Antonio Avilés</title>
      <link>https://dev.to/tonydev</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/tonydev"/>
    <language>en</language>
    <item>
      <title>Iniciar un contenedor docker con MySQL Community Server</title>
      <dc:creator>Antonio Avilés</dc:creator>
      <pubDate>Thu, 17 Nov 2022 03:57:41 +0000</pubDate>
      <link>https://dev.to/tonydev/iniciar-un-contenedor-docker-con-mysql-community-server-1o7b</link>
      <guid>https://dev.to/tonydev/iniciar-un-contenedor-docker-con-mysql-community-server-1o7b</guid>
      <description>&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--sFlzd7gm--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/xwnc3b9v74vqyd2uj3av.jpeg" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--sFlzd7gm--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/xwnc3b9v74vqyd2uj3av.jpeg" alt="Image description" width="300" height="168"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;¿Qué es Docker?&lt;/p&gt;

&lt;p&gt;La idea detrás de Docker es crear contenedores ligeros y portables para las aplicaciones software que puedan ejecutarse en cualquier máquina con Docker instalado, independientemente del sistema operativo que la máquina tenga por debajo, facilitando así también los despliegues.&lt;/p&gt;

&lt;p&gt;Para seguir este ejercicio deberás instalar &lt;a href="https://www.docker.com/"&gt;docker&lt;/a&gt; y &lt;a href="https://docs.docker.com/compose/install/"&gt;docker compose&lt;/a&gt; en tu sistema operativo.&lt;/p&gt;

&lt;p&gt;La misión en simple poder iniciar un contenedor con MySQL Community Server.&lt;/p&gt;

&lt;p&gt;Una vez descargado docker crea una carpeta en tu directorio de usuario de preferencia o en el lugar donde vayas a tener tu archivo ejecutor, crea en el directorio un archivo con extensión .yml, por ejemplo (dockersql.yml) y escribe el siguiente código en tu archivo .&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;version: '3.8'
services:
  db:
    image: mysql:8.0
    cap_add:
      - SYS_NICE
    restart: always
    environment:
      - MYSQL_DATABASE=quotes
      - MYSQL_ROOT_PASSWORD=mauFJcuf5dhRMQrjj
    ports:
      - '3306:3306'
    volumes:
      - db:/var/lib/mysql
      - ./db/init.sql:/docker-entrypoint-initdb.d/init.sql
volumes:
  db:
    driver: local

&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;¿Qué es YAML?&lt;/p&gt;

&lt;p&gt;YAML es un formato de serialización de datos legible por humanos inspirado en lenguajes como XML, C, Python, Perl, así como en el formato de los correos electrónicos. YAML fue propuesto por Clark Evans en 2001, quien lo diseñó junto a Ingy döt Net y Oren Ben-Kiki.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://www.redhat.com/es/topics/automation/what-is-yaml"&gt;más detalles&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;La siguiente base te permitirá crear una base de datos en las variables de entorno (MYSQL_DATABASE) y la contraseña (MYSQL_ROOT_PASSWORD). Siente libre de cambiar los valores.&lt;/p&gt;

&lt;p&gt;Una vez realizado esto y teniendo tu código listo, abre una nueva terminal y asegúrate de estar en el directorio donde se encuentra el archivo y 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;docker-compose -f docker-compose.yml up
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;esto ejeuctara el contenedor:&lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--E9h0jRuy--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/1o7i33dge61jp6y6ayoa.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--E9h0jRuy--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/1o7i33dge61jp6y6ayoa.png" alt="Image description" width="880" height="353"&gt;&lt;/a&gt;&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;docker ps 
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--wIT-nWJV--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/zc6d1av5ndzvwxpholtj.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--wIT-nWJV--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/zc6d1av5ndzvwxpholtj.png" alt="Image description" width="880" height="367"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Felicidades, ya tienes listo tu contenedor para trabajar con MySQL Community Server . 🎉&lt;/p&gt;

</description>
    </item>
    <item>
      <title>Iniciar un proyecto en Vite</title>
      <dc:creator>Antonio Avilés</dc:creator>
      <pubDate>Wed, 16 Nov 2022 04:38:55 +0000</pubDate>
      <link>https://dev.to/tonydev/iniciar-un-proyecto-en-vite-10oo</link>
      <guid>https://dev.to/tonydev/iniciar-un-proyecto-en-vite-10oo</guid>
      <description>&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--rNS_BKdx--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ule2xud3tokmpk99cwn6.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--rNS_BKdx--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ule2xud3tokmpk99cwn6.png" alt="Image description" width="880" height="441"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://vitejs.dev/"&gt;Vite&lt;/a&gt; es una Herramienta de frontend de última generación la cual es increible para iniciar proyectos.&lt;/p&gt;

&lt;p&gt;Vite te permite trabajar con:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Vainilla&lt;/li&gt;
&lt;li&gt;Vue&lt;/li&gt;
&lt;li&gt;React&lt;/li&gt;
&lt;li&gt;Preact&lt;/li&gt;
&lt;li&gt;Lit&lt;/li&gt;
&lt;li&gt;Svelt&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;También te permite trabajar en combinación con TypeScript &lt;/p&gt;

&lt;p&gt;para poder utilizarlo puedes instalar un gestor de paquetes de tu elección puede ser &lt;a href="https://www.npmjs.com/"&gt;npm&lt;/a&gt; o &lt;a href="https://yarnpkg.com/"&gt;yarn&lt;/a&gt;.&lt;/p&gt;

&lt;p&gt;Puedes empezar en npm escribiendo en tu consola:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;npm create vite@latest

&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;puedes empezar en yarn escribiendo en tu consola:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;yarn create vite

&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;en seguida te  preguntará lo siguiente:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;Project name:
? Select a framework:
- Vainilla
- Vue
- React
- Preact
- Lit
- Svelt

&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;Escoge el conjunto de tecnologías con las que trabajas.&lt;/p&gt;

&lt;p&gt;Felicidades ya tienes creado tu proyecto listo para empezar a codear.&lt;/p&gt;

&lt;p&gt;Para poder instalar las dependencias, dirígete en el directorio donde se encuentra tu proyecto y ejecuta:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;npm i

&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;instalará las dependencias y podrás utilizar los siguientes comandos:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;npm run dev // Te permitirá levantar tu proyecto local

&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;





&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;npm run build // Crea la build de proyecto listo para el deploy en una carpeta dist

&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



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