<?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: Roshan Khetpal</title>
    <description>The latest articles on Forem by Roshan Khetpal (@roshankhetpal).</description>
    <link>https://forem.com/roshankhetpal</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%2F1245492%2Fe3bcb085-cd0d-486f-8e43-e0ae141251cb.jpg</url>
      <title>Forem: Roshan Khetpal</title>
      <link>https://forem.com/roshankhetpal</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://forem.com/feed/roshankhetpal"/>
    <language>en</language>
    <item>
      <title>How to install the latest LTS version of "NodeJS" in "LINUX"?</title>
      <dc:creator>Roshan Khetpal</dc:creator>
      <pubDate>Sun, 07 Apr 2024 04:30:00 +0000</pubDate>
      <link>https://forem.com/roshankhetpal/how-to-install-the-latest-lts-version-of-nodejs-in-linux-5d2g</link>
      <guid>https://forem.com/roshankhetpal/how-to-install-the-latest-lts-version-of-nodejs-in-linux-5d2g</guid>
      <description>&lt;h2&gt;
  
  
  Intro :)
&lt;/h2&gt;

&lt;p&gt;Hello everyone, I hope you're all doing well👋.&lt;/p&gt;

&lt;p&gt;In this blog post, we will learn "how you can install the latest LTS version of NodeJS on your Linux machine." As we know, if you try to install Node.js using the Linux package manager, &lt;code&gt;sudo apt install nodejs&lt;/code&gt; or &lt;code&gt;sudo nala install nodejs&lt;/code&gt; based on your distro. After running this command, you will obtain an outdated version of Node.js.&lt;/p&gt;

&lt;p&gt;The issue may be caused by outdated package repositories or distros. In order to fix the issue, we must manually download &amp;amp; configure Node.js by adding it to the environment path variable.&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%2F9vbrxwzjhw8mznw2vssr.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%2F9vbrxwzjhw8mznw2vssr.png" alt="Node.js Vs. Linux gaddari karbe" width="403" height="601"&gt;&lt;/a&gt;&lt;/p&gt;




&lt;h2&gt;
  
  
  Purging old version of Node.js🗑
&lt;/h2&gt;

&lt;p&gt;Before moving ahead, if you have an older version of Node.js installed, then make sure to purge (remove) it using these commands.&lt;/p&gt;

&lt;blockquote&gt;
&lt;p&gt;&lt;code&gt;$ sudo apt purge node.js&lt;/code&gt;&lt;/p&gt;
&lt;/blockquote&gt;

&lt;p&gt;After this, run this command to delete all the config files.&lt;/p&gt;

&lt;blockquote&gt;
&lt;p&gt;&lt;code&gt;$ sudo apt autoremove&lt;/code&gt;&lt;/p&gt;
&lt;/blockquote&gt;




&lt;h2&gt;
  
  
  Installation ⬇
&lt;/h2&gt;

&lt;h3&gt;
  
  
  Step 1: Checking the system's architecture.
&lt;/h3&gt;

&lt;p&gt;Check your system's architecture by simply running the following command:&lt;/p&gt;

&lt;blockquote&gt;
&lt;p&gt;&lt;code&gt;$ arch&lt;/code&gt;&lt;/p&gt;

&lt;p&gt;or&lt;/p&gt;

&lt;p&gt;&lt;code&gt;$ uname -m&lt;/code&gt;&lt;/p&gt;
&lt;/blockquote&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%2F3kabhz2gi03x9llmgit2.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%2F3kabhz2gi03x9llmgit2.png" alt="Node.js Version" width="800" height="154"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  Step 2: Downloading.
&lt;/h3&gt;

&lt;p&gt;Head over to the &lt;a href="https://nodejs.org/en/download/prebuilt-binaries"&gt;Node.js&lt;/a&gt; official website and follow these steps to download. The Node.js website has undergone a significant redesign, making it more visually appealing and easier to navigate.👇👇&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%2Fn8u9913pskct7t1eiihm.gif" 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%2Fn8u9913pskct7t1eiihm.gif" alt="Node.js downlaod" width="800" height="242"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  Step 3: Extracting the archive Node.js file.
&lt;/h3&gt;

&lt;p&gt;After clicking on the download button, you'll get an archive file, and extract the Node.js archive file.&lt;/p&gt;

&lt;p&gt;Rename the folder from &lt;code&gt;node-v20.12.1-linux-x64&lt;/code&gt; to &lt;code&gt;nodejs&lt;/code&gt; or something as per your convenience.&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%2Fr40uu6xzbewk8ni4sq5w.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%2Fr40uu6xzbewk8ni4sq5w.png" alt="File Extraction" width="295" height="139"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  Step 4: Renaming the folder to &lt;code&gt;nodejs&lt;/code&gt; &amp;amp; Moving &lt;code&gt;nodejs&lt;/code&gt; folder to &lt;code&gt;/home&lt;/code&gt; dir.
&lt;/h3&gt;

&lt;p&gt;This step is not mandatory, but it is recommended that you follow it.&lt;/p&gt;

&lt;p&gt;Move &lt;code&gt;nodejs&lt;/code&gt; folder to your 🏠&lt;code&gt;Home&lt;/code&gt; directory by running the following command inside that folder.&lt;/p&gt;

&lt;blockquote&gt;
&lt;p&gt;&lt;code&gt;$ mv nodejs/ /home/user&lt;/code&gt;&lt;/p&gt;
&lt;/blockquote&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%2Frvpv33g3y7967oc6q5c8.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%2Frvpv33g3y7967oc6q5c8.png" alt="Moving nodejs folder to home" width="800" height="282"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  Step 5: Setting up the path variable.
&lt;/h3&gt;

&lt;p&gt;So, we're at the last step, setting up the path variable to access the Node.js command from anywhere, just like Windows.&lt;/p&gt;

&lt;p&gt;To set up the path variable, you need to navigate inside the &lt;code&gt;nodejs&lt;/code&gt; folder.&lt;/p&gt;

&lt;blockquote&gt;
&lt;p&gt;&lt;code&gt;/home/user/nodejs/bin&lt;/code&gt;&lt;/p&gt;
&lt;/blockquote&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%2Fz0p6eqz2w9og2q8ea8qu.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%2Fz0p6eqz2w9og2q8ea8qu.png" alt="Nodejs bin folder" width="544" height="178"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;As you can see, we've got &lt;code&gt;npm, node, and npx&lt;/code&gt; , all the necessary packages.&lt;/p&gt;

&lt;p&gt;Now copy the path of this &lt;code&gt;'bin'&lt;/code&gt; folder. You can copy from the properties of this &lt;code&gt;bin&lt;/code&gt; folder.&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%2Fhhmh7ppoqewxpbnfsx3j.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%2Fhhmh7ppoqewxpbnfsx3j.png" alt="Node path copy" width="467" height="414"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Now, open your &lt;code&gt;bashrc&lt;/code&gt; configuration file using the following commands:&lt;/p&gt;

&lt;blockquote&gt;
&lt;p&gt;&lt;code&gt;sudo gedit ~/.bashrc&lt;/code&gt;&lt;/p&gt;

&lt;p&gt;or if you're using zsh shell&lt;/p&gt;

&lt;p&gt;&lt;code&gt;sudo gedit ~/.zshrc&lt;/code&gt;&lt;/p&gt;
&lt;/blockquote&gt;

&lt;p&gt;After opening &lt;code&gt;bashrc&lt;/code&gt; or &lt;code&gt;zshrc&lt;/code&gt; configuration file, copy and paste the following line at the very bottom, and save the file.&lt;/p&gt;

&lt;blockquote&gt;
&lt;p&gt;&lt;code&gt;export PATH=$PATH:/home/(Your Username)/nodejs/bin&lt;/code&gt;&lt;/p&gt;
&lt;/blockquote&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%2Fl1l4mgg81urtg7ohg3l7.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%2Fl1l4mgg81urtg7ohg3l7.png" alt="Editing bashrc" width="800" height="397"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Voila!! Node.js has been updated, and you're all set to use the latest version now. &lt;br&gt;
To check the version using your terminal, close it and open it again. Then, run the necessary commands to verify the version.&lt;/p&gt;

&lt;blockquote&gt;
&lt;p&gt;&lt;code&gt;node -v&lt;/code&gt;&lt;/p&gt;
&lt;/blockquote&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%2Fonisrlil2pl61i5nsvu1.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%2Fonisrlil2pl61i5nsvu1.png" alt="Node updated version" width="800" height="173"&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%2F1tr8yiu6yi877twjtab7.gif" 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%2F1tr8yiu6yi877twjtab7.gif" alt="Here you go.gif" width="200" height="200"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  Outro 🛸
&lt;/h2&gt;

&lt;p&gt;I understand that installing software can be a bit tricky in Linux at times, but I sincerely hope that you were able to install the latest LTS version of Node.js on your Linux machine. Let me know if you need any further assistance with anything else.&lt;/p&gt;

&lt;p&gt;Resources used in article: &lt;a href="https://nodejs.org/en/download/prebuilt-binaries"&gt;Node.js&lt;/a&gt; | &lt;a href="https://ohmyz.sh/"&gt;Oh My Zsh for zsh customization&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Are you following me on social media:)?&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;All my social links are here&lt;/strong&gt; 👉 &lt;a href="https://linktr.ee/roshankhetpal"&gt;https://linktr.ee/roshankhetpal&lt;/a&gt;&lt;/p&gt;

</description>
      <category>javascript</category>
      <category>webdev</category>
      <category>linux</category>
      <category>node</category>
    </item>
    <item>
      <title>A useful tool for Front-end devs and designers using Linux :)</title>
      <dc:creator>Roshan Khetpal</dc:creator>
      <pubDate>Mon, 01 Jan 2024 03:36:56 +0000</pubDate>
      <link>https://forem.com/roshankhetpal/a-useful-tool-for-front-end-devs-and-designers-using-linux--3ba6</link>
      <guid>https://forem.com/roshankhetpal/a-useful-tool-for-front-end-devs-and-designers-using-linux--3ba6</guid>
      <description>&lt;p&gt;Hey beautiful people👋 I hope you guys are doing amazing!&lt;/p&gt;

&lt;p&gt;Today I'm going to share a great tool with you. if you're a front-end developer or a designer and want to play with colors in your Figma tool or any designing tool, and you're using a Linux-based operating system. If you like me, then you're in the right place.&lt;/p&gt;

&lt;p&gt;People often complain that Linux is not meant for designers. But people, this tool will absolutely streamline your designing work by allowing you to select colors from anywhere on the screen.&lt;/p&gt;

&lt;h2&gt;
  
  
  Installation guide &amp;amp; How to use it?
&lt;/h2&gt;

&lt;p&gt;Step 1: You need to open your favorite browser, in my case, I'm going to use Firefox.&lt;/p&gt;

&lt;p&gt;Step 2: In the search bar, type gnome shell extensions and hit enter. I'm using the gnome desktop environment, so that's why. but if you're using any other desktop environment, then you install this according to your system. Open the first link.&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%2Fpwkkl9qdwwcou22wpwe8.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%2Fpwkkl9qdwwcou22wpwe8.png" alt="Image description" width="800" height="382"&gt;&lt;/a&gt;&lt;br&gt;
Step 3- Simply, you have to search for an extension named color picker. The link is here 👉 &lt;a href="https://extensions.gnome.org/extension/3396/color-picker/"&gt;Color Picker&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Step 4: Just toggle on and install this extension, and you're good to go. You don't need to do any extra settings in tweaks and extension manager.&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%2Fwbiz6dunvhzcbt5xr6nz.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%2Fwbiz6dunvhzcbt5xr6nz.png" alt="Image description" width="800" height="345"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;And to use this color picker tool. In your screen at the top right corner status bar. As you can see in the picture I've added. there is a small eyedropper icon. click on that.&lt;br&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%2Fusjuko32n8y6r74f2vzq.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%2Fusjuko32n8y6r74f2vzq.png" alt="Image description" width="607" height="183"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  Video tutorial :)
&lt;/h2&gt;

&lt;p&gt;In the attached video link, I'm gonna quickly run you through "How to use this". Just simply click on the icon and you'll find that the cursor is changed. All set, pick the color and apply it anywhere you want. You'll get the 'HEX codes ' of colors.&lt;br&gt;
&lt;a href="https://www.canva.com/design/DAF4ecngw2Q/IGNe_7BlfbVjNRSMjVfYlQ/watch?utm_content=DAF4ecngw2Q&amp;amp;utm_campaign=designshare&amp;amp;utm_medium=link&amp;amp;utm_source=editor"&gt;Video Tutorial&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  Outro
&lt;/h2&gt;

&lt;p&gt;So, that was about this color picker tool. I hope you find this blog helpful. and I've added some important links below make sure to check them out. Thanks for reading❤️&lt;/p&gt;

&lt;p&gt;Github Repo of Color Picker -&amp;gt; &lt;a href="https://github.com/tuberry/color-picker"&gt;https://github.com/tuberry/color-picker&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Tool link -&amp;gt; &lt;a href="https://extensions.gnome.org/extension/3396/color-picker/"&gt;https://extensions.gnome.org/extension/3396/color-picker/&lt;/a&gt;&lt;/p&gt;

</description>
      <category>webdev</category>
      <category>frontend</category>
      <category>designers</category>
      <category>linux</category>
    </item>
  </channel>
</rss>
