<?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: Dhruv Bansal</title>
    <description>The latest articles on DEV Community by Dhruv Bansal (@thesmartdeveloper).</description>
    <link>https://dev.to/thesmartdeveloper</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%2F366495%2Ffc47226a-3371-4931-a2d5-db50d0503e39.png</url>
      <title>DEV Community: Dhruv Bansal</title>
      <link>https://dev.to/thesmartdeveloper</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/thesmartdeveloper"/>
    <language>en</language>
    <item>
      <title>Stop using IDEs and instead use these editors in 2021</title>
      <dc:creator>Dhruv Bansal</dc:creator>
      <pubDate>Fri, 06 Aug 2021 07:13:36 +0000</pubDate>
      <link>https://dev.to/thesmartdeveloper/stop-using-ides-and-instead-use-these-editors-in-2021-jml</link>
      <guid>https://dev.to/thesmartdeveloper/stop-using-ides-and-instead-use-these-editors-in-2021-jml</guid>
      <description>&lt;p&gt;In the earlier days, it was mandatory to use an IDE like JetBrains, or Eclipse, etc for development and programming. But today the text editors have become so advanced that the need for a full fledged IDE is reducing tremendously.&lt;br&gt;
A code editor is one of the most important tools for any developer/programmer/engineer who writes code everyday. It directly makes a difference on productivity, hence it is really important to choose a good code editor. However, The definition of a good editor is different for different people. It depends on what languages and frameworks you use, whether you prefer light weight and fast editors or more feature packed full fledged IDEs. So today, we are gonna discuss about such editors which you should definitely try out.&lt;/p&gt;

&lt;h2&gt;
  
  
  Notepad++
&lt;/h2&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--SnWx25XL--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/73xo6y0ydppbj8dl84cp.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--SnWx25XL--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/73xo6y0ydppbj8dl84cp.png" alt="Notepad++"&gt;&lt;/a&gt;&lt;br&gt;
If you are a casual programmer and do light tasks like writing basic web pages, etc, this is a good choice for you. It is just your notepad, but with coding abilities. It is freely available for windows and linux. &lt;a href="https://notepad-plus-plus.org/"&gt;Check it out here.&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  Atom
&lt;/h2&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--D3czch0L--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/6km5zy6tzxdtws797pgy.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--D3czch0L--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/6km5zy6tzxdtws797pgy.png" alt="Atom"&gt;&lt;/a&gt;&lt;br&gt;
This is a text editor by Github. They call it "The hackable editor for the 21st Century". And to the most extent, that's true. You can customize almost everything in it as you like. It supports themes, packages, and syntax themes too. Moreover, it is lightning fast and supports the Github workflow amazingly well. &lt;a href="https://atom.io/"&gt;Check it out here.&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  Sublime
&lt;/h2&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--PSYYIxOK--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/uxonkp514exwc3yeggts.jpeg" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--PSYYIxOK--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/uxonkp514exwc3yeggts.jpeg" alt="Sublime"&gt;&lt;/a&gt;&lt;br&gt;
This is the time tested editor. It has a free unlimited trial plan as well as a pro plan with 100$ license forever. It supports modern features like autocompletion, linting, syntax highlighting and supports community made themes and extensions. &lt;a href="https://www.sublimetext.com/"&gt;Check it out here.&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  VsCode
&lt;/h2&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--ZGpWa09j--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/tbysjpbh0vwd7rb0r6ly.jpeg" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--ZGpWa09j--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/tbysjpbh0vwd7rb0r6ly.jpeg" alt="VsCode"&gt;&lt;/a&gt;&lt;br&gt;
It is a light version of the Visual Studio IDE by microsoft made just for writing code. It was originally launched in 2015, back when editors like sublime text and brackets were super popular in the industry. Now, it is has grown to be most popular editor used in the tech and programming community. It is actively maintained by Microsoft and is open source. It supports extensions, themes, and is highly highly customizable. This is what most developers recommend to beginners as well as anyone looking to write code. &lt;a href="https://code.visualstudio.com/"&gt;Check it out here.&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  Vim
&lt;/h2&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--RLjcpg4_--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/vio2t207ilevun2u4tzq.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--RLjcpg4_--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/vio2t207ilevun2u4tzq.png" alt="Vim"&gt;&lt;/a&gt;&lt;br&gt;
This is the legendary editor which comes pre-installed with unix based systems(macOS and linux), it is difficult to master as it has a steep learning curve, but gives a programmer real superpowers once mastered. It will increase the programming speed exponentially. It is mostly used by experienced programmers and is not targeted for beginners. However its worth checking out. &lt;a href="https://www.vim.org/"&gt;Check it out here.&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;TL;DR: If you want to select a code editor today, i strongly recommend to use VsCode as it is beginner friendly and easily customizable. You can also try out different editors and choose the one you are most comfortable with.&lt;/p&gt;

&lt;p&gt;If you like my article, consider giving me a follow:&lt;br&gt;
Github: &lt;a href="https://www.github.com/thesmartdeveloperr"&gt;thesmartdeveloperr&lt;/a&gt;&lt;br&gt;
Instagram: &lt;a href="https://www.instagram.com/thesmartdeveloperr"&gt;thesmartdeveloperr&lt;/a&gt;&lt;br&gt;
Twitter: &lt;a href="https://www.twitter.com/ursmartengineer"&gt;ursmartengineer&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;What do you prefer, a text editor or IDE? Comment down below and let me know.&lt;/p&gt;

</description>
      <category>codenewbie</category>
      <category>editors</category>
      <category>ide</category>
      <category>showdev</category>
    </item>
    <item>
      <title>How I got Tabnine Pro for free as a Student Developer and you can too</title>
      <dc:creator>Dhruv Bansal</dc:creator>
      <pubDate>Fri, 30 Jul 2021 05:32:15 +0000</pubDate>
      <link>https://dev.to/thesmartdeveloper/how-i-got-tabnine-pro-for-free-as-a-student-developer-and-you-can-too-k27</link>
      <guid>https://dev.to/thesmartdeveloper/how-i-got-tabnine-pro-for-free-as-a-student-developer-and-you-can-too-k27</guid>
      <description>&lt;p&gt;We all know that &lt;a class="mentioned-user" href="https://dev.to/tabnine"&gt;@tabnine&lt;/a&gt; is one of the best AI powered Code Completion Extensions out there today. It is available for a variety of text editors and IDEs and also offers free pro plan for students.&lt;br&gt;
Yes, you heard it right!!&lt;br&gt;
As far as i know, there are two ways to get Tabnine Pro for free as long as you are a student:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Using an school issued email&lt;/li&gt;
&lt;li&gt;Providing your documents for verification
&lt;img src="https://media.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%2Fjms4go7y2x7x7dms4vhl.gif" alt="gif"&gt;
&lt;/li&gt;
&lt;/ul&gt;

&lt;h3&gt;
  
  
  1)Using your school issued email
&lt;/h3&gt;

&lt;p&gt;If your school/uni provides a .edu domain email address, you are all set and don't need anything else. Just send them an email and the team will verify your student status. You should receive your license within 1-2 days max.&lt;/p&gt;

&lt;h3&gt;
  
  
  2)Providing your proof documents
&lt;/h3&gt;

&lt;p&gt;This is how i got my pro license, as my University does not provide .edu mail addresses to students. I was already using the free version for a while before, then saw that they had a student version.&lt;br&gt;
So, I emailed the support team explaining that i don't have a school issued email but would love to use the full version. I got a quick reply within 12 hours and they asked me to attach my ID card, and a link to my university website, and they would be happy to provide me a Pro license. I did the same and got a reply next day, saying that my student status is verified and i just have to log back in my account, and i will have the Pro version.&lt;br&gt;
So, this is how i got my hands on Tabnine Pro, and so far i am loving it. I have used it for last 15 days or so, and tested it with C++, Python, React, etc languages and it performs beyond expectations.&lt;br&gt;
If you are a student and into development and stuff, or just into programming, I would strongly recommend this extension. Even if you are not a student, the free version also has a lot of amazing features which can help you increase your productivity and code more in less time.&lt;br&gt;
Hope you get some help from my content.&lt;/p&gt;

&lt;p&gt;Consider to give me a follow: &lt;/p&gt;

&lt;p&gt;Instagram: &lt;a href="https://www.instagram.com/thesmartdeveloperr" rel="noopener noreferrer"&gt;https://www.instagram.com/thesmartdeveloperr&lt;/a&gt; &lt;/p&gt;

&lt;p&gt;Twitter: &lt;a href="https://www.twitter.com/ursmartengineer" rel="noopener noreferrer"&gt;https://www.twitter.com/ursmartengineer&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media.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%2Fmav023da1vzrvu3mgd3w.gif" class="article-body-image-wrapper"&gt;&lt;img src="https://media.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%2Fmav023da1vzrvu3mgd3w.gif" alt="gif"&gt;&lt;/a&gt;&lt;/p&gt;

</description>
      <category>tabnine</category>
      <category>vscode</category>
      <category>students</category>
      <category>codenewbie</category>
    </item>
    <item>
      <title>Top 5 coolest VsCode Themes you should try.</title>
      <dc:creator>Dhruv Bansal</dc:creator>
      <pubDate>Mon, 26 Jul 2021 03:50:24 +0000</pubDate>
      <link>https://dev.to/thesmartdeveloper/top-5-coolest-vscode-themes-you-should-try-3031</link>
      <guid>https://dev.to/thesmartdeveloper/top-5-coolest-vscode-themes-you-should-try-3031</guid>
      <description>&lt;h2&gt;
  
  
  1) Shades of Purple
&lt;/h2&gt;

&lt;p&gt;&lt;a href="https://media.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%2Fnnxu6bw1se7i7jrzrgba.gif" class="article-body-image-wrapper"&gt;&lt;img src="https://media.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%2Fnnxu6bw1se7i7jrzrgba.gif" alt="Shades of Purple"&gt;&lt;/a&gt;&lt;br&gt;
If you are a fan of purple, you are absolutely gonna love this theme. It was one of the first 'Shades of X' themes. Nowadays, you can find shades of orange, blue, pink, etc very easily in the Cs Code marketplace. Even if you are not a purple fan, this theme is worth giving a try.&lt;br&gt;
&lt;a href="https://marketplace.visualstudio.com/items?itemName=ahmadawais.shades-of-purple" rel="noopener noreferrer"&gt;Check it out here.&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  2) SynthWave 84
&lt;/h2&gt;

&lt;p&gt;&lt;a href="https://media.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%2Fnlm27ew1lx55wt3uedl7.jpeg" class="article-body-image-wrapper"&gt;&lt;img src="https://media.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%2Fnlm27ew1lx55wt3uedl7.jpeg" alt="SynthWave"&gt;&lt;/a&gt;&lt;br&gt;
If you ever dreamt about neon themes in Vs Code, congrats, because your dreams just came true. This is the neon theme for VS Code, for all the Neon lovers. It can be customized as well as the neon glow can be turned on or off. &lt;br&gt;
According to me(and apparently a lot of other devs), this is the coolest VS Code theme ever developed.&lt;br&gt;
&lt;a href="https://marketplace.visualstudio.com/items?itemName=RobbOwen.synthwave-vscode" rel="noopener noreferrer"&gt;Check it out here.&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  3) Cyberpunk 2077 themes
&lt;/h2&gt;

&lt;p&gt;&lt;a href="https://media.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%2Fcx5rcdkp6saq3o4yifgz.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.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%2Fcx5rcdkp6saq3o4yifgz.png" alt="Cyberpunk"&gt;&lt;/a&gt;&lt;br&gt;
This, as the name indicates, is inspired from the Cyberpunk 2077 game which was launched in 2020 last year. It looks super cool and will make you code even more and inspire you every day. It is worth a try.&lt;br&gt;
&lt;a href="https://marketplace.visualstudio.com/items?itemName=max-SS.cyberpunk" rel="noopener noreferrer"&gt;Check it out here.&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  4) Material Themes
&lt;/h2&gt;

&lt;p&gt;&lt;a href="https://media.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%2F6ve72c4g7u3g3gg79uom.jpeg" class="article-body-image-wrapper"&gt;&lt;img src="https://media.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%2F6ve72c4g7u3g3gg79uom.jpeg" alt="Material"&gt;&lt;/a&gt;&lt;br&gt;
This is just a must have, and if you only want to install one theme from all the 5 i am telling about, this would be it. This theme is a collection of several themes flavoured to different styles like material oceanic, material palenight, etc. It merges well with the code and the syntax highlighting looks good.&lt;br&gt;
&lt;a href="https://marketplace.visualstudio.com/items?itemName=Equinusocio.vsc-material-theme" rel="noopener noreferrer"&gt;Check it out here.&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  5) Bearded Themes
&lt;/h2&gt;

&lt;p&gt;&lt;a href="https://media.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%2Fp4066vpgmy5krxvqyoud.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.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%2Fp4066vpgmy5krxvqyoud.png" alt="Bearded"&gt;&lt;/a&gt;&lt;br&gt;
Don't get fooled by its fancy name, this theme is a collection of 20 themes for different people and for different needs. It support syntax highlighting well and works well and is quite a  fast one.&lt;br&gt;
&lt;a href="https://marketplace.visualstudio.com/items?itemName=BeardedBear.beardedtheme" rel="noopener noreferrer"&gt;Check it out here.&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  Conclusion
&lt;/h2&gt;

&lt;p&gt;There are 1000s of other themes available out there. But i thought these to be the most interesting ones and significantly different ones. So go ahead try out few themes and then go with the ones you love.&lt;br&gt;
&lt;a href="https://media.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%2F52mnl0jtmx08rt6tztao.gif" class="article-body-image-wrapper"&gt;&lt;img src="https://media.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%2F52mnl0jtmx08rt6tztao.gif" alt="That's a wrap"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  Comment your favorite VS Code themes below and let me as well as others know.
&lt;/h2&gt;

&lt;p&gt;ThankYou.&lt;/p&gt;

</description>
      <category>vscode</category>
      <category>themes</category>
      <category>productivity</category>
      <category>codenewbie</category>
    </item>
    <item>
      <title>Must have Vs Code extensions for beginners in 2021</title>
      <dc:creator>Dhruv Bansal</dc:creator>
      <pubDate>Tue, 20 Jul 2021 10:21:03 +0000</pubDate>
      <link>https://dev.to/thesmartdeveloper/must-have-vs-code-extensions-for-beginners-4hb7</link>
      <guid>https://dev.to/thesmartdeveloper/must-have-vs-code-extensions-for-beginners-4hb7</guid>
      <description>&lt;p&gt;Today there are dozens of code editors and IDEs available out there. But, there is absolutely no doubt that VsCode is the leading editor of choice by most developers. It is what most modern devs today recommend to a beginner to start with.&lt;br&gt;
It is a free to use, open source, and highly customizable code editor with IDE like features, and is backed by Microsoft.&lt;br&gt;
Also, it can be made even more powerful with the help of extensions(available from the VsCode marketplace) to improve our workflow as beginners.&lt;br&gt;
Here are the top 10 extensions which everyone should install with VsCode.&lt;br&gt;
&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--7R91GIbK--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_66%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/qhyvzb9rh0dsj88or0ng.gif" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--7R91GIbK--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_66%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/qhyvzb9rh0dsj88or0ng.gif" alt="Lets begin GIF"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  1) Prettier
&lt;/h2&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--PpwA946w--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/v24zmvzpzoetm0zzdsrw.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--PpwA946w--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/v24zmvzpzoetm0zzdsrw.png" alt="Prettier"&gt;&lt;/a&gt;&lt;br&gt;
This is an awesome code formatter which automatically rearranges your code according to the best practices when you run it in a source file. You can also configure it to run when you save the file you are working on.&lt;br&gt;
&lt;a href="https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode"&gt;Check out Prettier on VsCode marketplace.&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  2) Code Runner
&lt;/h2&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--1FVeOhJI--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/1ke2201h427f756jqmqj.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--1FVeOhJI--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/1ke2201h427f756jqmqj.png" alt="Code Runner"&gt;&lt;/a&gt;&lt;br&gt;
This is a must have if you are using languages like C, C++, Java, NodeJs, Python, etc. It appears as a play button on the top right corner in your VsCode instance. You can run any file by clicking this button and it will run in the integrated terminal. Believe me, it will be super handy and you will regret not using it before. You can also run any file using the shortcut Ctrl+Alt+N on windows/linux and Ctrl+Option+N on mac devices.&lt;br&gt;
&lt;a href="https://marketplace.visualstudio.com/items?itemName=formulahendry.code-runner"&gt;Check out Code Runner on VsCode marketplace.&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  3) Live Server
&lt;/h2&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--Ey02tSLc--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/l01te2sp8jibitckeq80.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--Ey02tSLc--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/l01te2sp8jibitckeq80.png" alt="Live Server"&gt;&lt;/a&gt;&lt;br&gt;
This extension, as the name suggests, create a temporary server right on your machine(at port 5500 by default), and you can run your HTML, CSS, etc directly without having the refresh again and again.&lt;br&gt;
&lt;a href="https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer"&gt;Check out Liver Server on VsCode marketplace.&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  4) Bracket Pair Colorizer
&lt;/h2&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--kz1QMvQt--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/276jqms3gdb6t5bpi54n.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--kz1QMvQt--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/276jqms3gdb6t5bpi54n.png" alt="Bracket Pair Colorizer"&gt;&lt;/a&gt;&lt;br&gt;
Whatever the Programming language you are working on, this extension will make the matching brackets of the same color so you no longer have to focus on which bracket belongs to which function, etc and can focus more on coding better. It is a real life saver many times.&lt;br&gt;
&lt;a href="https://marketplace.visualstudio.com/items?itemName=CoenraadS.bracket-pair-colorizer"&gt;Check out Bracket Pair Colorizer on VsCode marketplace.&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  5) Color Highlighter
&lt;/h2&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--2HqSYUwX--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/e6iturawfut2ux8pvmq2.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--2HqSYUwX--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/e6iturawfut2ux8pvmq2.png" alt="Color Highlighter"&gt;&lt;/a&gt;&lt;br&gt;
This is a simple yet cool one, it just colors the entire hex code or the color name whenever it sees one. It is better than the VsCode's default color preview square and just feels way better.&lt;br&gt;
&lt;a href="https://marketplace.visualstudio.com/items?itemName=naumovs.color-highlight"&gt;Check out Color Highlighter on VsCode marketplace.&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  6) Auto Rename Tag
&lt;/h2&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--BRjSOdny--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/0vx2hmft8j0r68z2ch0j.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--BRjSOdny--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/0vx2hmft8j0r68z2ch0j.png" alt="Auto Rename Tag"&gt;&lt;/a&gt;&lt;br&gt;
Have you ever been in a state where you wrote like about 100 lines or more of html, and then have to change a lot of tags you have there. If so, this one is for you. With this extension installed, you just have to change the starting tag name and the closing tag will be automatically changed correctly. It is a big time saver and makes you more efficient at writing markup.&lt;br&gt;
&lt;a href="https://marketplace.visualstudio.com/items?itemName=formulahendry.auto-rename-tag"&gt;Check out Auto Rename Tag on VsCode marketplace.&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  7) CSS Peak
&lt;/h2&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--9dOqr9Dg--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/i9c41j27b5eiwxs8ys63.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--9dOqr9Dg--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/i9c41j27b5eiwxs8ys63.png" alt="CSS Peak"&gt;&lt;/a&gt;&lt;br&gt;
Another productivity based extension in the house. This will be helpful when you want to know what styles are being applied to a html element(or a tag), instead of going all the way to the css files, you can just use this and see the styles. Moreover, you can edit those styles as per your liking and it will be changed in the CSS as well, right from you HTML.&lt;br&gt;
&lt;a href="https://marketplace.visualstudio.com/items?itemName=pranaygp.vscode-css-peek"&gt;Check out CSS Peak on VsCode marketplace.&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  8) Peacock
&lt;/h2&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--KBNG5eKK--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/1h1t2j33bpyyjswprl2b.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--KBNG5eKK--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/1h1t2j33bpyyjswprl2b.png" alt="Peacock"&gt;&lt;/a&gt;&lt;br&gt;
This will allow you to change the color of your VsCode sidebar as well as menubar to whatever color you want. You can set it to any hex code you like, this is just a great way to change the look and feel of your editor as make it more personalized according to your needs and the workflows.&lt;br&gt;
&lt;a href="https://marketplace.visualstudio.com/items?itemName=johnpapa.vscode-peacock"&gt;Check out Peacock on VsCode marketplace.&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  9) Code Spell Checker
&lt;/h2&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--tZTGeeHN--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/brycz2dfy95oi45vl3e5.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--tZTGeeHN--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/brycz2dfy95oi45vl3e5.png" alt="Code Spell Checker"&gt;&lt;/a&gt;&lt;br&gt;
This extension will save your life when you mistakingly write wrong spelling for a function or just make a type in some file. It works like a normal linter and underlines the wrong spelled code part which you can correct and save yourself countless hours of debugging.&lt;br&gt;
&lt;a href="https://marketplace.visualstudio.com/items?itemName=streetsidesoftware.code-spell-checker"&gt;Check out Code Spell Checker on VsCode marketplace.&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  10) Git Lens
&lt;/h2&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--9B26thu5--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/4n5lq7aee190g80tc4nn.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--9B26thu5--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/4n5lq7aee190g80tc4nn.png" alt="Git Lens"&gt;&lt;/a&gt;&lt;br&gt;
This is a super duper powerful extension. If you are a git or Github user, you absolutely need this!!&lt;br&gt;
It shows the last changed in the file along with timestamp as well as author's name, it can also be used in several other ways to make yourself more productive.&lt;br&gt;
&lt;a href="https://marketplace.visualstudio.com/items?itemName=eamodio.gitlens"&gt;Check out GitLens on VsCode marketplace.&lt;/a&gt;&lt;/p&gt;




&lt;h3&gt;
  
  
  So, Finally we did it. These are the top 10 extensions every beginner should install and try out.
&lt;/h3&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--Cxw8ZDUs--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_66%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/9gmrzs4j20jpqfl675yc.gif" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--Cxw8ZDUs--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_66%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/9gmrzs4j20jpqfl675yc.gif" alt="That's a wrap"&gt;&lt;/a&gt;&lt;br&gt;
Apart from these, there are thousands of VsCode extensions available freely on the marketplace and new ones are always being added. &lt;br&gt;
What are some of the extensions you guys recommend other than these? Comment down below and let everyone know...&lt;br&gt;
ThankYou.&lt;/p&gt;

</description>
      <category>vscode</category>
      <category>extensions</category>
      <category>productivity</category>
      <category>codenewbie</category>
    </item>
    <item>
      <title>Trick the Github contribution graph and get more green squares.</title>
      <dc:creator>Dhruv Bansal</dc:creator>
      <pubDate>Wed, 14 Jul 2021 06:18:42 +0000</pubDate>
      <link>https://dev.to/thesmartdeveloper/trick-the-github-contribution-graph-and-get-more-green-squares-4a9c</link>
      <guid>https://dev.to/thesmartdeveloper/trick-the-github-contribution-graph-and-get-more-green-squares-4a9c</guid>
      <description>&lt;h2&gt;
  
  
  Introduction
&lt;/h2&gt;

&lt;p&gt;Hey developers, today I am sharing a cool javascript script which you can use to get more green squares on your Github profile, even in the past days, weeks, months or even years, even if you have zero contributions on your profile, you can make it to as much as possible in just seconds with this script.&lt;br&gt;
Not even this, you can also make contributions for future dates, and then just see them rolling on your profile as green squares on those dates. &lt;br&gt;
It is all possible with this cool script.&lt;br&gt;
&lt;em&gt;Before:&lt;/em&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--JGoRblVO--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/sqg5rm81a5ubepxwoqwi.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--JGoRblVO--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/sqg5rm81a5ubepxwoqwi.png" alt="From "&gt;&lt;/a&gt;&lt;br&gt;
&lt;em&gt;After:&lt;/em&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--vPEogKJz--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/td0l1l808schwrng4np3.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--vPEogKJz--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/td0l1l808schwrng4np3.png" alt="To"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  How does that work?
&lt;/h2&gt;

&lt;p&gt;Every activity you do from your account like creating a repo, commenting, pulling, merging, etc as a contribution. It does not matter if you do it on your repos with only you contributing, or a repo with 100k stars, its a contribution in Github's eyes.&lt;br&gt;
So we are just going to make use of this feature and create a new repo(private) on our profile and then write a JS script which will automatically change the content of a file(temporary JSON file) as much times as we want in just few seconds. And voila, we should get the magical green squares as reward.&lt;br&gt;
(note: You might wanna enable the 'show private contributions on profile' in your Github contribution chart options as shown below.)&lt;br&gt;
&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--wY3rvqGU--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/gsyy41igiytg5mbcwukc.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--wY3rvqGU--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/gsyy41igiytg5mbcwukc.png" alt="Alt Text"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  The Project
&lt;/h2&gt;

&lt;p&gt;Here is the &lt;a href="https://github.com/thesmartdeveloperr/Github-Bot"&gt;&lt;br&gt;
Link to Github Repo&lt;br&gt;
&lt;/a&gt;, feel free to clone or fork it and try it out for yourself. Do give me a follow if you like the project.&lt;/p&gt;

&lt;h2&gt;
  
  
  Credits
&lt;/h2&gt;

&lt;p&gt;This idea is inspired from a youtube video i came across recently. Here is the video link, it contains step by step coding and explanation plus demo.&lt;br&gt;
&lt;a href="https://www.youtube.com/watch?v=2q--gA97caM"&gt;Youtube Video&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  Caution
&lt;/h2&gt;

&lt;p&gt;&lt;b&gt;This article is only for educational purposes&lt;/b&gt;.&lt;br&gt;
I don't encourage anyone to use this to your unfair advantage over others. However you are free to just try it and learn.&lt;/p&gt;

</description>
      <category>github</category>
      <category>githunt</category>
      <category>opensource</category>
      <category>javascript</category>
    </item>
    <item>
      <title>ByPass your college/University firewall and access everything privately on the internet</title>
      <dc:creator>Dhruv Bansal</dc:creator>
      <pubDate>Sat, 30 Jan 2021 07:47:47 +0000</pubDate>
      <link>https://dev.to/thesmartdeveloper/bypass-your-college-university-firewall-and-access-everything-privately-on-the-internet-41oe</link>
      <guid>https://dev.to/thesmartdeveloper/bypass-your-college-university-firewall-and-access-everything-privately-on-the-internet-41oe</guid>
      <description>&lt;p&gt;Hi Everyone, this is gonna be my first post here on DEV and i am really excited about it. So please be soft on me.&lt;/p&gt;

&lt;p&gt;Today, i am gonna share with you guys a really cool way to bypass your college or university internet restrictions on the LAN or wifi you get. For example, in my own college campus, we have a free wifi and lan service for the students. But they have blocked a lot of internet sites like all adult sites, torrent sites, and a lot of other useful sites as well which students might find useful in day to day usage. So without wasting any more of your time, lets start.&lt;/p&gt;

&lt;p&gt;We will be discussing 2 ways to do the desired thing we are here for-:&lt;br&gt;
1) Using a VPN&lt;br&gt;
2) Using a custom DNS&lt;/p&gt;

&lt;h1&gt;
  
  
  Using a VPN
&lt;/h1&gt;

&lt;p&gt;As simple as it sounds, using a VPN is a very good option when it comes to bypassing your restricted college firewall and having privacy on the internet.&lt;br&gt;
So the VPNs i recommend are proton vpn in the free category and NORD and EXPRESS VPN in the paid ones.&lt;br&gt;
If you are just willing to try out a free option go with proton as it offers a pretty generous free plan which gives you multiple servers in 3 countries namely US, Japan and NewZealand.&lt;/p&gt;

&lt;h1&gt;
  
  
  Using a Custom DNS
&lt;/h1&gt;

&lt;p&gt;If a VPN doesn't work for you, i recommend the more technical option which is using a DNS other than your default one. Sometimes what colleges do is using their own custom dns which blocks certain websites/categories of websites due to which using a VPN also does not work. &lt;br&gt;
So this option should work fine as far as i know.&lt;br&gt;
Now the solution:&lt;br&gt;
Search for 1.1.1.1 on google, the first option you will see will be from Cloudflare's website, visit their site and download the Cloudflare warp app for your os and install it accordingly.&lt;br&gt;
Then just connect to your college/uni wifi/lan and then switch on the Cloudflare-warp app's switch button, this will enable a custom dns with a VPN as well.&lt;/p&gt;

&lt;p&gt;Now you are free to use the internet privately without any restrictions.&lt;/p&gt;

&lt;p&gt;Do comment any questions or problems and i will be happy to answer.&lt;br&gt;
Thanks for Reading.&lt;/p&gt;

</description>
      <category>privacy</category>
      <category>internet</category>
      <category>firstpost</category>
      <category>collegeinternet</category>
    </item>
  </channel>
</rss>
