<?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</title>
    <description>The latest articles on DEV Community by Juan (@juanryhn).</description>
    <link>https://dev.to/juanryhn</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%2F674083%2F291ff9e7-2751-44ae-8732-806af7ca97a6.jpeg</url>
      <title>DEV Community: Juan</title>
      <link>https://dev.to/juanryhn</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/juanryhn"/>
    <language>en</language>
    <item>
      <title>Journey I Learn How to Code</title>
      <dc:creator>Juan</dc:creator>
      <pubDate>Fri, 28 Apr 2023 12:31:46 +0000</pubDate>
      <link>https://dev.to/juanryhn/journey-i-learn-how-to-code-ba8</link>
      <guid>https://dev.to/juanryhn/journey-i-learn-how-to-code-ba8</guid>
      <description>&lt;p&gt;Hello my name is Juan, here I want to share my experiences while I learn to code. It will be short story&lt;/p&gt;

&lt;p&gt;I started learning coding since 2 or 3 years ago. At first, I was confused how can I understand the syntax of code. I start with many question such as Why there is &lt;code&gt;if and else&lt;/code&gt;, &lt;code&gt;for, while and do while loop&lt;/code&gt;, how do I know my code is working, how can I display the output and many more. So I ask my friend to help me out, I ask many friends to explain the code they made. After that it's going better little by little I know the syntax of code means.&lt;/p&gt;

&lt;p&gt;But the journey doesn't stop there. I see people can build great apps, beautiful webs and smart technology. How did they do that ?!?. So I decided to learn from youtube tutorials, articles and free courses. But after dozens of tutorials, articles and courses my skills doesn't improve significant. It's just make me envy to the creator, why he can easily write a code and know every syntax, method etc. &lt;/p&gt;

&lt;p&gt;Finally, after that phase I start to build my own project. Don't care if it will be great or not, I just want to code by myself. And do you know what ?!, I make a flow, code, debug and I ask so many times to many people "how to do this and that". And from that way I learn a lot of things. Now I can remind a syntax, method and etc. and the most important thing is I know what to do while I'm coding.&lt;/p&gt;

&lt;p&gt;Maybe the point is:&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;You can not easily write a code if you just watch tutorials and read some articles or join a courses.&lt;/li&gt;
&lt;li&gt;Tutorials, articles and courses will help you to gain more informations about code and how to do something.&lt;/li&gt;
&lt;li&gt;Make your own apps, just don't care about the result if it will be good or not just, let it be.&lt;/li&gt;
&lt;li&gt;Consistent&lt;/li&gt;
&lt;li&gt;Enjoy every learning progress and take your time don't be rush.&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;Hope you can enjoy it and let me know your journey !.&lt;/p&gt;

</description>
      <category>javascript</category>
      <category>beginners</category>
      <category>programming</category>
      <category>tutorial</category>
    </item>
    <item>
      <title>Running PWA Laravel on Another Devices</title>
      <dc:creator>Juan</dc:creator>
      <pubDate>Sat, 04 Jun 2022 15:15:37 +0000</pubDate>
      <link>https://dev.to/juanryhn/running-pwa-laravel-on-another-devices-2nij</link>
      <guid>https://dev.to/juanryhn/running-pwa-laravel-on-another-devices-2nij</guid>
      <description>&lt;h2&gt;
  
  
  PROBLEM DEVELOPING PWA IN LARAVEL
&lt;/h2&gt;

&lt;p&gt;Recently, I developed a laravel apps that implement Progressive Web Apps. After I finish this app, I was curious about How Can I Test this app on another devices like phones or tablets ?!. &lt;/p&gt;

&lt;h2&gt;
  
  
  FINDING SOLUTION
&lt;/h2&gt;

&lt;p&gt;I try to serve development server laravel with custom host that connecting my laptop and my phone. Like &lt;code&gt;php artisan serve --host someIP --port somePORT&lt;/code&gt;, but it doesn't work lol. I can visit my web app but I don't know why the service worker didn't want to be loaded. I assumed it just because SSL problem.&lt;/p&gt;

&lt;p&gt;Then I start googling again how to serve laravel development server with SSL/https ?!?!. Many of articles and SOF suggest me to make virtual host with nginx or ngrok. I searched it but I can't follow the steps it's pretty hard for me to follow.&lt;/p&gt;

&lt;h2&gt;
  
  
  SOLUTION
&lt;/h2&gt;

&lt;p&gt;After few days I search it on google and I found a solution to solve this problem with port forwarding. Yep it's simple. Just follow step below&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;First you have to start your laravel project with normal command &lt;code&gt;php artisan serve&lt;/code&gt;.&lt;/li&gt;
&lt;li&gt;Prepare your phone (cause I am using phone) with developer option is on and make sure usb debugging is on too. Shortly Make sure your phone in debug mode.&lt;/li&gt;
&lt;li&gt;After that, connect your phone with usb cable to your laptop/PC.&lt;/li&gt;
&lt;li&gt;After your devices connected to each other, just visit this chrome://inspect#devices
&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--xDya-hb---/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/panix6d3oeemd8rg3j4l.png" alt="Image description" width="515" height="275"&gt;
&lt;/li&gt;
&lt;li&gt;Then, choose port forwarding.&lt;/li&gt;
&lt;li&gt;Insert your localhost and it's port.
&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--QRZCCZOt--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/c7dm0b4jep6xqc9ghrfg.png" alt="Image description" width="288" height="112"&gt; &lt;/li&gt;
&lt;li&gt;Make sure check enable port forwarding. Then, Click Done.&lt;/li&gt;
&lt;li&gt;At Last, visit localhost with port using your phone. &lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;And it will load your service worker as well. Cheerss !!!!. If you find this solution difficult to understand, feel free to ask in comment below. &lt;/p&gt;

</description>
      <category>webdev</category>
      <category>laravel</category>
      <category>pwa</category>
      <category>tutorial</category>
    </item>
    <item>
      <title>Is machine learning engineer not needed anymore after cloud platform provide AutoML or some feature of ML?</title>
      <dc:creator>Juan</dc:creator>
      <pubDate>Sat, 04 Jun 2022 14:29:09 +0000</pubDate>
      <link>https://dev.to/juanryhn/is-machine-learning-engineer-not-needed-anymore-after-cloud-platform-provide-automl-or-some-feature-of-ml-4ha5</link>
      <guid>https://dev.to/juanryhn/is-machine-learning-engineer-not-needed-anymore-after-cloud-platform-provide-automl-or-some-feature-of-ml-4ha5</guid>
      <description>&lt;p&gt;So sorry if my question is stupid/weird, I am just curious cause I want to start learning AI &amp;amp; ML too&lt;/p&gt;

</description>
      <category>machinelearning</category>
      <category>ask</category>
      <category>beginners</category>
    </item>
    <item>
      <title>Can You Give Me Some Recommended Courses or Articles about NextJS that is Free ?.</title>
      <dc:creator>Juan</dc:creator>
      <pubDate>Sat, 07 May 2022 09:46:00 +0000</pubDate>
      <link>https://dev.to/juanryhn/can-you-give-me-some-recommended-courses-or-articles-about-nextjs-that-is-free--blo</link>
      <guid>https://dev.to/juanryhn/can-you-give-me-some-recommended-courses-or-articles-about-nextjs-that-is-free--blo</guid>
      <description>&lt;p&gt;I am starting to learn next js, cause of my company that I work on suggest me to have such skill in next js and typescript. I do my own research and yap few other companies are requiring their web developer to learn this technology. Thank you for your suggestions, I appreciate it bro.&lt;/p&gt;

</description>
      <category>nextjs</category>
      <category>ask</category>
      <category>discuss</category>
      <category>javascript</category>
    </item>
  </channel>
</rss>
