<?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: Juan Carlos Nahuat</title>
    <description>The latest articles on DEV Community by Juan Carlos Nahuat (@syngrowly).</description>
    <link>https://dev.to/syngrowly</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%2F436476%2F5d47e100-01b0-4781-bf1d-523b875f7770.png</url>
      <title>DEV Community: Juan Carlos Nahuat</title>
      <link>https://dev.to/syngrowly</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/syngrowly"/>
    <language>en</language>
    <item>
      <title>Tutorial Laravel 11 Auth con Bootstrap</title>
      <dc:creator>Juan Carlos Nahuat</dc:creator>
      <pubDate>Fri, 28 Jun 2024 06:53:48 +0000</pubDate>
      <link>https://dev.to/syngrowly/tutorial-laravel-11-auth-con-bootstrap-56n1</link>
      <guid>https://dev.to/syngrowly/tutorial-laravel-11-auth-con-bootstrap-56n1</guid>
      <description>&lt;p&gt;Este es un tutorial práctico. Crearemos un proyecto con Laravel en su versión 11 e integraremos la verificación base de auth.&lt;/p&gt;

&lt;h2&gt;
  
  
  Requisitos
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;Conocimiento básico de Laravel y PHP&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://getcomposer.org/"&gt;Composer&lt;/a&gt; instalado en el equipo&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://nodejs.org/en"&gt;Node.js&lt;/a&gt; y &lt;a href="https://www.npmjs.com/"&gt;npm&lt;/a&gt; instalados en el equipo.&lt;/li&gt;
&lt;/ul&gt;

&lt;h2&gt;
  
  
  Paso 1: Crear un nuevo proyecto de Laravel
&lt;/h2&gt;

&lt;p&gt;Crea un proyecto de laravel usando composer&lt;/p&gt;

&lt;p&gt;&lt;code&gt;composer create-project --prefer-dist laravel/laravel laravel-auth-bootstrap&lt;br&gt;
&lt;/code&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  Paso 2: Instala un proyecto vacío
&lt;/h2&gt;

&lt;p&gt;Selecciona el No starter kit&lt;/p&gt;

&lt;p&gt;&lt;code&gt;cd laravel-auth-bootstrap&lt;/code&gt;&lt;br&gt;
&lt;code&gt;composer require laravel/ui&lt;/code&gt;&lt;br&gt;
&lt;code&gt;php artisan ui bootstrap --auth&lt;/code&gt;&lt;/p&gt;

&lt;p&gt;confirma que sobreescriba las vistas y listo.&lt;/p&gt;

&lt;h2&gt;
  
  
  Paso 3: Instala las dependencias NPM
&lt;/h2&gt;

&lt;p&gt;Crea las vistas el register y login&lt;/p&gt;

&lt;p&gt;&lt;code&gt;npm install &amp;amp;&amp;amp; npm run dev&lt;/code&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  Paso 4: Correr migraciones
&lt;/h2&gt;

&lt;p&gt;Crea una base de datos y agrega el nombre en el archivo .env&lt;/p&gt;

&lt;p&gt;&lt;code&gt;php artisan migrate&lt;/code&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  Paso 5: Checa tu aplicación
&lt;/h2&gt;

&lt;p&gt;Ahora ya puedes revisar las vistas con el siguiente comando &lt;/p&gt;

&lt;p&gt;&lt;code&gt;php artisan serve&lt;/code&gt;&lt;/p&gt;

&lt;p&gt;Debes tener estas pantallas.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fydtsud2lonsmz7yv52iv.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fydtsud2lonsmz7yv52iv.png" alt="Image description" width="800" height="480"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fnexogreet592r7f8r4s5.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fnexogreet592r7f8r4s5.png" alt="Image description" width="800" height="480"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F5w9e10qvqzz7n13lookk.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F5w9e10qvqzz7n13lookk.png" alt="Image description" width="800" height="479"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Cualquier duda o algún error al hacer este tutorial, no dudes en escribir. Con gusto te ayudare.&lt;/p&gt;

&lt;p&gt;Gracias por leer, feliz codeo!&lt;/p&gt;

</description>
      <category>laravel</category>
      <category>php</category>
      <category>webdev</category>
      <category>backend</category>
    </item>
    <item>
      <title>Obtén GRATIS estos servicios con tu cuenta de estudiante.</title>
      <dc:creator>Juan Carlos Nahuat</dc:creator>
      <pubDate>Sat, 12 Mar 2022 17:54:12 +0000</pubDate>
      <link>https://dev.to/syngrowly/obten-gratis-estos-servicios-con-tu-cuenta-de-estudiante-2ai2</link>
      <guid>https://dev.to/syngrowly/obten-gratis-estos-servicios-con-tu-cuenta-de-estudiante-2ai2</guid>
      <description>&lt;p&gt;Este post va para los usuarios que van iniciando su camino dentro de el mundo de la programación. &lt;/p&gt;

&lt;p&gt;En la universidad/preparatoria nos proporcionan un correo institucional &lt;em&gt;@institucion.edu&lt;/em&gt; que pasaría, si les digo que pueden usar ese correo para obtener desde cursos, dominio web y herramientas que para la comunidad tech tienen costo. &lt;/p&gt;

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

&lt;p&gt;&lt;a href="https://education.github.com/pack"&gt;GitHub Student Developer Pack&lt;/a&gt; es un sitio web donde te puedes registrar con tu correo institucional y acceder a plataformas con las cuales armaras tu stack de desarrollador!&lt;/p&gt;

&lt;p&gt;Entre los servicios a destacar son: &lt;/p&gt;

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

&lt;p&gt;&lt;a href="https://www.canva.com/es_mx/q/pro/?utm_source=google_sem&amp;amp;utm_medium=cpc&amp;amp;utm_campaign=REV_MX_ES_CanvaPro_Branded_EM&amp;amp;utm_term=REV_ES_MX_CanvaPro_Branded_Canva_EM&amp;amp;utm_content=358_control&amp;amp;gclid=CjwKCAiAprGRBhBgEiwANJEY7IeWIFnBFArQugyluQ8KxLYkImQK-DGqKWxBFvhLpq0jsi70xrEj4BoC7V4QAvD_BwE&amp;amp;gclsrc=aw.ds"&gt;Canva&lt;/a&gt;&lt;br&gt;
La plataforma favorita del Social Media, aqui puedes hacer uso de plantillas para lo que necesites.&lt;/p&gt;

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

&lt;p&gt;&lt;a href="https://www.namecheap.com/?gclid=CjwKCAiAprGRBhBgEiwANJEY7HCUzMbPvnPXiDq9bg3nYNG8tBkvL3eRwQU5Y551sbpLjldj2JdzsBoCUycQAvD_BwE"&gt;Namecheap&lt;/a&gt;&lt;br&gt;
En esta web podrás generar tu dominio gratuito para que empieces probar tus apps en un entorno público.&lt;/p&gt;

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

&lt;p&gt;&lt;a href="https://www.jetbrains.com/"&gt;JetBrains&lt;/a&gt;&lt;br&gt;
De los mejores IDE’s para programar, tendrás acceso a todas las herramientas de su catálogo por un año completo, con la opción de renovar (si en dado caso continuas siendo estudiante)&lt;/p&gt;

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

&lt;p&gt;&lt;a href="https://frontendmasters.com/"&gt;FrontendMasters&lt;/a&gt;&lt;br&gt;
Plataforma online de cursos para aprender a programar desde básico hasta experto.&lt;/p&gt;

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

&lt;p&gt;&lt;a href="https://www.gitkraken.com/"&gt;GitKraken&lt;/a&gt;&lt;br&gt;
Es una app para hacer visual tu entorno de control de versiones con la facilidad de poder gestionar tus cuentas en las diversas plataformas que existen en línea para control de versiones.&lt;/p&gt;

&lt;p&gt;Estas son algunos de los servicios que tienen gratis por tener una cuenta institucional.&lt;/p&gt;

&lt;p&gt;Espero te haya gustado este POST y si tienes alguna duda, no dudes en comentar.&lt;/p&gt;

&lt;p&gt;&lt;em&gt;Tu jewel kiin&lt;/em&gt; (Hasta otro día en lengua maya)&lt;/p&gt;

</description>
      <category>javascript</category>
      <category>webdev</category>
      <category>beginners</category>
      <category>react</category>
    </item>
  </channel>
</rss>
