<?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: MADHAV BAHL</title>
    <description>The latest articles on DEV Community by MADHAV BAHL (@madhavbahlmd).</description>
    <link>https://dev.to/madhavbahlmd</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%2F54383%2F9157abf4-447f-44c8-aa60-96c55d733396.jpeg</url>
      <title>DEV Community: MADHAV BAHL</title>
      <link>https://dev.to/madhavbahlmd</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/madhavbahlmd"/>
    <language>en</language>
    <item>
      <title>Someone Is Selling Your Privacy</title>
      <dc:creator>MADHAV BAHL</dc:creator>
      <pubDate>Wed, 07 Nov 2018 17:04:59 +0000</pubDate>
      <link>https://dev.to/madhavbahlmd/someone-is-selling-your-privacy-3oc9</link>
      <guid>https://dev.to/madhavbahlmd/someone-is-selling-your-privacy-3oc9</guid>
      <description>

&lt;h1&gt;
  
  
  Someone is selling your privacy
&lt;/h1&gt;

&lt;p&gt;&lt;a href="https://media2.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%2Fattgj521o3v2bw2nr797.jpeg" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.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%2Fattgj521o3v2bw2nr797.jpeg" width="800" height="427"&gt;&lt;/a&gt;&lt;strong&gt;For SALE!!!&lt;/strong&gt; Your Privacy&lt;/p&gt;

&lt;h3&gt;
  
  
  &lt;strong&gt;Overlapping of real life and cyber life in the past decade&lt;/strong&gt;
&lt;/h3&gt;

&lt;p&gt;In the recent years, there has been an exponential growth in the web based technologies and online businesses. Moreover, the past decade has witnessed a growth of online life so much that now it is impossible to make a clear line of separation between real life and virtual life.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.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%2F40qdssg5osxs7fmrrzwu.jpeg" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.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%2F40qdssg5osxs7fmrrzwu.jpeg" width="800" height="533"&gt;&lt;/a&gt;“Line of separation between real life and cyber life if &lt;strong&gt;fading&lt;/strong&gt;”&lt;/p&gt;

&lt;p&gt;Real life and cyber life have almost overlapped now, and it has it’s own boon and bane. Today, almost everyone is connected to the web in some way, internet and social media has reduced all the distances. Earlier people used to travel miles just to send a postcard, now we can easily text, call and even video call. But, all these assets come with a huge price that you are paying. All these feature online which look free of cost to us, are actually not free of cost. We are actually being &lt;strong&gt;robbed off our privacy&lt;/strong&gt; for these free services and amenities that we enjoy on our daily basis. Read this &lt;a href="https://www.cbsnews.com/news/the-data-brokers-selling-your-personal-information/" rel="noopener noreferrer"&gt;amazing article&lt;/a&gt;.&lt;/p&gt;

&lt;p&gt;What’s more disturbing is the fact that some people think that going incognito or private browsing saves us from this data theft. People have general mindset that if they do private browsing or use incognito mode, then they can’t be tracked or their searches will be private. &lt;strong&gt;This is completely wrong.&lt;/strong&gt; Only duty of incognito mode is to not save the browsing history and cookies. Any website and even your Internet Service Provider (ISP) can easily track your usage. Using the digital fingerprint of your web browser, any website can very easily store and track your usage.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.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%2Fe0tmilw0airr7hl2nlsd.jpeg" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.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%2Fe0tmilw0airr7hl2nlsd.jpeg" width="625" height="400"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  See a simple real time illustration
&lt;/h3&gt;

&lt;ul&gt;
&lt;li&gt;  Open your browser’s &lt;em&gt;Private browsing&lt;/em&gt; (Or, &lt;em&gt;Incognito mode&lt;/em&gt;)&lt;/li&gt;
&lt;li&gt;  Go visit this website: &lt;a href="https://think-incognito.herokuapp.com/" rel="noopener noreferrer"&gt;Think Incognito&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;  Search anything you want to search on google there&lt;/li&gt;
&lt;li&gt;  Close that window&lt;/li&gt;
&lt;li&gt;  Open &lt;em&gt;Private browsing&lt;/em&gt; or &lt;em&gt;Incognito Mode&lt;/em&gt; (OR, normal browsing would also do)&lt;/li&gt;
&lt;li&gt;  Again visit the same website: &lt;a href="https://think-incognito.herokuapp.com/" rel="noopener noreferrer"&gt;Think Incognito&lt;/a&gt;
&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;a href="https://think-incognito.herokuapp.com/" rel="noopener noreferrer"&gt;&lt;strong&gt;Think Incognito&lt;/strong&gt;&lt;br&gt;
_Do you think that switching to your browser's Private browsing mode or Incognito mode will make you anonymous? And the…_think-incognito.herokuapp.com&lt;/a&gt;&lt;a href="https://think-incognito.herokuapp.com/" rel="noopener noreferrer"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;SURPRISED? Yes, the website can remember what you searched for even though you had visited it via the Private browsing or Incognito Mode.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.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%2Fa3i3vvvk21qq81ixemit.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.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%2Fa3i3vvvk21qq81ixemit.png" width="638" height="368"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;All our personal information, or one can say our “privacy” is being sold to all the commercial and advertisement companies which use our information to find out what all products and services we like to use and enjoy, and they know them by stalking us on e-commerce websites and google searches. They’re called data brokers, and they are collecting, analysing and basically stealing and packaging our most sensitive personal information and selling it as a commodity, to each other, to advertising agencies, to criminals, and sometimes even the government, often without our direct knowledge. Most of this is the kind of harmless consumer marketing that’s been going on for decades. What’s changed is the volume and nature of the data being mined from the Internet and our mobile devices, and the growth of a multi-billion dollar industry that operates in the shadows with virtually no oversight.&lt;a href="https://www.cbsnews.com/news/the-data-brokers-selling-your-personal-information/" rel="noopener noreferrer"&gt;[2]&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.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%2Fkv9t2jee26fol7yqbf3f.jpeg" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.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%2Fkv9t2jee26fol7yqbf3f.jpeg" width="800" height="375"&gt;&lt;/a&gt;Think Incognito!?&lt;/p&gt;

&lt;p&gt;What’s more dangerous is the fact that people have This process of gathering information about customers and potential customers is going on since years, big companies go on collecting their customers’ names and addresses, tracking credit card purchases, and asking them to fill out some forms or questionnaires, so they can offer discounts and send catalogues. But today we are giving up more and more private information online without knowing that it’s being harvested and personalised and sold to lots of different people…our likes and dislikes, our closest friends, our bad habits, even your daily movements, both on and offline. Federal Trade Commissioner Julie Brill says we have lost control of our most personal information.&lt;/p&gt;

&lt;blockquote&gt;
&lt;p&gt;“_As you click through the web and view car sites or read about the news, companies, these third parties, will collect your click stream, as you click from site to site to site, to see what you may be reading, what you may be interested in, what types of things you might buy” — _Ashkan Soltani&lt;/p&gt;
&lt;/blockquote&gt;

&lt;p&gt;There is a very interesting quote, &lt;em&gt;”It’s not about what we know we’re sharing, it’s about what we don’t know is being collected and sold about us.”.&lt;/em&gt; One eye opening lesson that one can learn from this quote is that one should always be very careful while surfing on internet, the sooner we realize that the foolproof way of becoming completely private or invisible on internet does not exist, the better it is for us.&lt;/p&gt;

&lt;p&gt;However, we can be somewhat invisible through the use of Virtual Private Networks (VPNs). There will be a separate article on VPNs, coming very soon :)&lt;/p&gt;

&lt;h4&gt;
  
  
  &lt;a href="https://www.youtube.com/watch?v=5pFX2P7JLwA" rel="noopener noreferrer"&gt;Do see this video&lt;/a&gt;
&lt;/h4&gt;

&lt;h3&gt;
  
  
  Concluding Words
&lt;/h3&gt;

&lt;p&gt;That concludes this article. I hope you have gained some insight into what it how your privacy is being sold. Be careful about what you search next time.&lt;/p&gt;




&lt;p&gt;Do connect with me on &lt;a href="https://github.com/MadhavBahlMD" rel="noopener noreferrer"&gt;GitHub&lt;/a&gt; and &lt;a href="https://www.linkedin.com/in/madhavbahl/" rel="noopener noreferrer"&gt;LinkedIn&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  References
&lt;/h3&gt;

&lt;ol&gt;
&lt;li&gt; &lt;a href="https://privatebrowsingmyths.com/" rel="noopener noreferrer"&gt;https://privatebrowsingmyths.com/&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt; &lt;a href="https://www.cbsnews.com/news/the-data-brokers-selling-your-personal-information/" rel="noopener noreferrer"&gt;https://www.cbsnews.com/news/the-data-brokers-selling-your-personal-information/&lt;/a&gt;
&lt;/li&gt;
&lt;/ol&gt;

</description>
    </item>
    <item>
      <title>Dev etiquettes that you must not ignore</title>
      <dc:creator>MADHAV BAHL</dc:creator>
      <pubDate>Tue, 06 Nov 2018 02:44:43 +0000</pubDate>
      <link>https://dev.to/madhavbahlmd/dev-etiquettes-that-you-must-not-ignore-1noe</link>
      <guid>https://dev.to/madhavbahlmd/dev-etiquettes-that-you-must-not-ignore-1noe</guid>
      <description>

&lt;h1&gt;
  
  
  Dev &lt;strong&gt;etiquettes&lt;/strong&gt; that you must not ignore
&lt;/h1&gt;

&lt;p&gt;&lt;a href="https://media2.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%2F7cbqobgfa2epbp8u5c5o.jpeg" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.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%2F7cbqobgfa2epbp8u5c5o.jpeg" width="800" height="400"&gt;&lt;/a&gt;“Always code as if the guy who ends up maintaining your code will be a violent psychopath who knows where you live”&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Ever wondered what we really mean by etiquettes why were they made and why are they necessary in our daily lives?&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;Okay, I’am about to give a small lecture, please bear with me for 30 seconds after that we will get straight to the point.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.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%2Fus8k7sh331os9ydsfnml.jpg" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.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%2Fus8k7sh331os9ydsfnml.jpg" width="160" height="160"&gt;&lt;/a&gt;&lt;strong&gt;“&lt;em&gt;First, solve the problem. Then, write the code.&lt;/em&gt;” &lt;/strong&gt;— John Johnson&lt;/p&gt;

&lt;h3&gt;
  
  
  Etiquette
&lt;/h3&gt;

&lt;blockquote&gt;
&lt;p&gt;“the customary code of polite behaviour in society or among members of a particular profession or group”&lt;/p&gt;
&lt;/blockquote&gt;

&lt;p&gt;Human beings are social animals and it is our prime duty to be considerate towards other people and not annoy them with our illogical and ill-mannered behaviour, therefore even if no one forces you to maintain a code of conduct, it is your duty as a &lt;strong&gt;good human being&lt;/strong&gt; to maintain your polite behaviour, that is, if you do want to live peacefully in this society……&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.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%2Fu0sicmo3itnvn8ji708b.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.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%2Fu0sicmo3itnvn8ji708b.png" width="800" height="192"&gt;&lt;/a&gt;Let’s get to the point&lt;/p&gt;

&lt;h3&gt;
  
  
  &lt;strong&gt;OKAY, Why am I talking about etiquettes?&lt;/strong&gt;
&lt;/h3&gt;

&lt;p&gt;Yes, it may sound weird to you (if you are a beginner), we coders, too maintain some manners while coding &lt;strong&gt;#Coding_Etiquettes&lt;/strong&gt;. If you want to become a good coder/developer, you must never ignore these etiquettes.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.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%2Fnqd6w40znv4uupk47ucq.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.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%2Fnqd6w40znv4uupk47ucq.png" width="800" height="450"&gt;&lt;/a&gt;“In Code We Trust”&lt;/p&gt;

&lt;p&gt;Let’s have a look at some popular dev etiquettes that will help make your code much more readable, well structured, (obviously more good looking than before) and help you get some self-respect in developers’ community.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.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%2F0flhhwhlez8yvkucweg8.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.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%2F0flhhwhlez8yvkucweg8.png" width="241" height="209"&gt;&lt;/a&gt;Write good quality code, stay happy :)&lt;/p&gt;

&lt;h3&gt;
  
  
  Proper Indentation
&lt;/h3&gt;

&lt;p&gt;I have seen tons of beginners, while writing their code they just start writing without keeping in mind proper spacing and indentations. Generally their code looks something like —&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;#include&amp;lt; iostream.h &amp;gt;
using namespace std;
void main() 
{
int a,b;
cout&amp;lt;&amp;lt;"Please enter a: ";
cin&amp;gt;&amp;gt;a;
cout&amp;lt;&amp;lt;"Please enter b: ";
cin&amp;gt;&amp;gt;b;
.
.
.
if(a &amp;lt; b)  
cout&amp;lt;&amp;lt;"a+b = "&amp;lt;&amp;lt; a+b;
else   
cout&amp;lt;&amp;lt;"a-b = "&amp;lt;&amp;lt; a-b;
}
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;These are only 14 lines of code, so it doesn’t matter much. But now consider that some time has passed and they are given a project. That project may include 2000 lines of code. Just think about it, how messy the code would look like. I get scared even by the thought of it.&lt;br&gt;
So, according to me, the first and foremost thing that teachers should teach after &lt;code&gt;Hello, World!&lt;/code&gt; program is how to write a neat code. Have a look how beautiful a code with proper indentation looks like. It becomes like a nicely written poem, which the programmer can read and understand easily.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.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%2Fs22i6up75dih8trpz89r.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.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%2Fs22i6up75dih8trpz89r.png" width="800" height="540"&gt;&lt;/a&gt;“How beautiful a neatly written code looks like”&lt;/p&gt;

&lt;p&gt;How beautiful this code looks like, isn’t it? &lt;br&gt;
Yes, so let’s take a decision, “We the coders, will always give proper indentation”. Giving 2 or 4 spaces in each structure is a general indentation practise nowadays. Furthermore, there are many other reasons why you should write properly indented code.&lt;br&gt;
A proper indentation will make your code easier to read, understand, modify and maintain.&lt;/p&gt;

&lt;h3&gt;
  
  
  Tree Like Directory Structures
&lt;/h3&gt;

&lt;p&gt;Whenever you take up a project, keep one basic thing in mind that you are not going to write the whole code in a single file. You have to use different files for different purposes. It is a good practise to maintain proper tree like directory structure as shown in the diagram.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.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%2F36miul1lexodemj0x9j9.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.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%2F36miul1lexodemj0x9j9.png" width="800" height="294"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Maintaining a good directory structure makes coding much more efficient. When you are doing a big project, maintaining such good structure will save you time in searching for the files you need.&lt;/p&gt;

&lt;h3&gt;
  
  
  Comments PLEASE!
&lt;/h3&gt;

&lt;p&gt;According to me, this is one of the most important coding etiquette. Many times it happens that people just go on writing the code finish it in a haste and when they come back after some time (say, 1 month) they have no idea what the code was all about.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.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%2Frk3ff1k0cw9kcikm8zon.jpeg" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.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%2Frk3ff1k0cw9kcikm8zon.jpeg" width="250" height="250"&gt;&lt;/a&gt;“Dont understand your own code? GREAT!”&lt;/p&gt;

&lt;p&gt;It is a very good practise to write comments for each and every function or module you write. Doing this helps a lot in debugging the code in case of errors. If you have comments for every particularity of code, it helps understand where the code went wrong, in case there are bugs.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.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%2Fe33cb5qhx8z0y42xi6rl.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.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%2Fe33cb5qhx8z0y42xi6rl.png" width="800" height="565"&gt;&lt;/a&gt;“Good code is self-documenting.”&lt;/p&gt;

&lt;p&gt;Have a habit of writing comments because they help anyone (including your future self) to maintain, refactor, or extend your code.&lt;/p&gt;

&lt;h3&gt;
  
  
  Document your code
&lt;/h3&gt;

&lt;p&gt;When you are a developer, never ever forget to make a proper documentation for your code. Documentation comments are intended for anyone who is likely to consume your source code, but not likely to read through it.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.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%2Fauj0v6gbayg8uwwk1nxw.jpg" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.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%2Fauj0v6gbayg8uwwk1nxw.jpg" width="474" height="331"&gt;&lt;/a&gt;ALWAYS document your code.&lt;/p&gt;

&lt;p&gt;Lets take an example, say you are a back-end developer, and you just made an API (Read more about APIs &lt;a href="https://en.wikipedia.org/wiki/Application_programming_interface" rel="noopener noreferrer"&gt;here&lt;/a&gt;) and a front-end developer likes to use it for some specific purpose. Now he has to read and go through the whole code if you don’t write a proper documentation for your code, which becomes useless wastage of time. To prevent this, it is the moral duty of the developer of API to create and maintain proper documentation for the working of his code.&lt;br&gt;
For example, see the following screenshot, it is taken from &lt;a href="https://github.com/Automattic/mongoose" rel="noopener noreferrer"&gt;mongoosejs&lt;/a&gt; library, it has got amazing documentation&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.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%2F128num8mj1stphhee683.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.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%2F128num8mj1stphhee683.png" width="" height=""&gt;&lt;/a&gt;See how the docs of mongooseJS &lt;a href="http://mongoosejs.com/docs/guide.html" rel="noopener noreferrer"&gt;here&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  Don’t just foobar everywhere
&lt;/h3&gt;

&lt;p&gt;Well if you are a complete beginner, you might not be aware of what foobar is, the terms like foobar, foo, bar, and baz are common placeholders which are used when you cant think of a proper name for a variable or a file. These terms can be used to represent any part of a complicated system or idea, including the data, variables, functions, and commands.&lt;br&gt;
Using such random names is a very bad practise, whenever you write a code always keep in mind that the name of your variables and functions must represent clearly their respective functions.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.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%2F6zd7eh962m2agot15u0e.jpg" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.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%2F6zd7eh962m2agot15u0e.jpg" width="500" height="375"&gt;&lt;/a&gt;Your name represents your purpose.&lt;/p&gt;

&lt;p&gt;Using such random names can create a huge problem while testing and debugging phase. No one would want to waste their time in finding what &lt;code&gt;foo&lt;/code&gt; was used for and what &lt;code&gt;bar&lt;/code&gt; was used for.&lt;/p&gt;

&lt;h3&gt;
  
  
  Meaningful File Names
&lt;/h3&gt;

&lt;p&gt;Never give random names to your files, just like variable names, your file names must also represent the purpose for which they were created.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.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%2F7u3j4u3f2tc86i6kf6wm.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.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%2F7u3j4u3f2tc86i6kf6wm.png" width="800" height="289"&gt;&lt;/a&gt;Your file names should be understandable&lt;/p&gt;

&lt;p&gt;Actually, there exist several file naming conventions, which are recommended and you should follow them. But even if you don’t follow them exactly, at least keep the file names in such a way that they are understandable to you. Never keep filenames such as: &lt;code&gt;xyz.md&lt;/code&gt; or &lt;code&gt;abc.txt&lt;/code&gt;&lt;/p&gt;

&lt;blockquote&gt;
&lt;p&gt;A file naming convention (FNC) can help you stay organised by making it easy to identify the file(s) that contain the information that you are looking for just from its title and by grouping files that contain similar information close together. A good FNC can also help others better understand and navigate through your work. &lt;a href="http://guides.lib.purdue.edu/c.php?g=353013&amp;amp;p=2378293" rel="noopener noreferrer"&gt;&lt;strong&gt;Read more here&lt;/strong&gt;&lt;/a&gt;&lt;/p&gt;
&lt;/blockquote&gt;

&lt;h3&gt;
  
  
  Select your case type
&lt;/h3&gt;

&lt;p&gt;Following a typography for naming your variables is always a good practise. Select your case type and always write names in that case so that they become more clear and readable. For example, I always use camel case.&lt;/p&gt;

&lt;p&gt;Have a look at some popular case types:&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt; &lt;strong&gt;Capitalization&lt;/strong&gt; — Writing the first letter of a word in uppercase, and the rest of the letters in lowercase.&lt;/li&gt;
&lt;li&gt; &lt;strong&gt;PascalCase —&lt;/strong&gt; Words are written without spaces, and the first letter of each word is capitalized. PascalCase is sometimes also called the UpperCamelCase.&lt;/li&gt;
&lt;li&gt; &lt;strong&gt;camelCase&lt;/strong&gt; — A variation of Pascal Case in which the fist letter of the word is lowercase, e.g. iPhone.&lt;/li&gt;
&lt;li&gt; &lt;strong&gt;snake_case&lt;/strong&gt; — Punctuation is removed and spaces are replaced by a single underscore. Can be done with either upper or lowercase, but whichever is used should continue to be used.&lt;/li&gt;
&lt;/ol&gt;

&lt;blockquote&gt;
&lt;p&gt;“Just because you can write a program doesn’t make you a good programmer, writing a code which even a layman can understand is what makes you a good programmer”&lt;/p&gt;
&lt;/blockquote&gt;

&lt;h3&gt;
  
  
  Keep your code DRY
&lt;/h3&gt;

&lt;p&gt;What is DRY code? DRY is an abbreviation for don’t repeat yourself. If you have to copy and paste code several times while making a project or a software, you are not at all a good developer. Repeating same lines of code many times is considered a very bad practised in coding.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.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%2F7zo7bkyh9etxp1m60qis.jpg" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.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%2F7zo7bkyh9etxp1m60qis.jpg" width="350" height="350"&gt;&lt;/a&gt;I will not repeat myself :)&lt;/p&gt;

&lt;p&gt;Code can be kept DRY, with the extensive use of functions. whenever you see that you are repeating the same lines of code, make it a function. Keeping your code DRY has many advantages like it keeps your code clean and reduces the chances of bugs.&lt;br&gt;
&lt;em&gt;“Bugs love a wet mess” — unknown&lt;/em&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Dry code maintains modularity&lt;/strong&gt; You can even divide the main purpose of the program into several smaller functions and do them individually. It helps to manage big programs.&lt;/p&gt;

&lt;h3&gt;
  
  
  How about choosing some common coding conventions?
&lt;/h3&gt;

&lt;p&gt;&lt;strong&gt;Coding conventions&lt;/strong&gt; are a set of guidelines for a specific programming language that recommends programming style, practices, and methods for each aspect of a program written in that language.&lt;br&gt;
Choose a coding convention for your projects and stick to it… &lt;strong&gt;ALWAYS&lt;/strong&gt; Find more about coding conventions &lt;a href="https://en.wikipedia.org/wiki/Coding_conventions" rel="noopener noreferrer"&gt;here&lt;/a&gt;.&lt;/p&gt;

&lt;h3&gt;
  
  
  Have Fun!
&lt;/h3&gt;

&lt;p&gt;Now this is the most important part of programming, whatever program you write, whatever software you develop, always have fun. Coding is amazing, make it your daily habit and you will find how amazing it is.&lt;br&gt;
If you don’t have fun writing your code, it will clearly reflect in your code :)&lt;/p&gt;




&lt;h3&gt;
  
  
  Concluding Words
&lt;/h3&gt;

&lt;p&gt;I hope this article helped you, we can connect on &lt;a href="https://github.com/MadhavBahlMD" rel="noopener noreferrer"&gt;GitHub&lt;/a&gt; or &lt;a href="https://www.linkedin.com/in/madhavbahl/" rel="noopener noreferrer"&gt;LinkedIn&lt;/a&gt; and I would more than happy if you send your feedbacks, suggestions or ask queries. Moreover, I love to make new friends and we can be friends, just drop me a text :)&lt;br&gt;
Just in case you wish to be a web developer, &lt;a href="https://medium.com/@madhavbahl10/a-practical-approach-to-web-development-1ee37a4ad829" rel="noopener noreferrer"&gt;have a look at this article&lt;/a&gt;, I wrote it to provide a clear road map of how to start and proceed with web development. We also have an open community to bring together developers so that we can learn and grow together, join the &lt;a href="https://codetoexpress.slack.com/join/shared_invite/enQtNDUwNzg0NDI1MzAwLWZiODY3OGZkZjdkZDA2MWNmMjFiNTY2MDlmMDg5ZGVjMzc5NDQ5OWU0NjEyNWZiM2Y4MmZmYmM0ZmQ3NjJmYWI" rel="noopener noreferrer"&gt;Slack Workspace&lt;/a&gt; today.&lt;/p&gt;

&lt;p&gt;Want to read this article on medium? &lt;a href="https://medium.com/codeburst/dev-etiquettes-that-you-must-not-ignore-619e1bb490b8" rel="noopener noreferrer"&gt;Click Here&lt;/a&gt;&lt;/p&gt;

&lt;blockquote&gt;
&lt;p&gt;Thanks a lot for keeping your calm and reading till end. &lt;br&gt;
Now you know what all practises to adopt to have a write good code,&lt;br&gt;
All the best and Happy coding!&lt;br&gt;
You can contact me in case of any doubts or if you need any assistance:&lt;br&gt;
Email: &lt;a href="mailto:madhavbahl10@gmail.com"&gt;madhavbahl10@gmail.com&lt;/a&gt;&lt;br&gt;
Web: &lt;a href="http://madhavbahl.ml/" rel="noopener noreferrer"&gt;http://madhavbahl.ml/&lt;/a&gt;&lt;br&gt;
Github: &lt;a href="https://github.com/MadhavBahlMD" rel="noopener noreferrer"&gt;https://github.com/MadhavBahlMD&lt;/a&gt;&lt;br&gt;
LinkedIn: &lt;a href="https://www.linkedin.com/in/madhavbahl/" rel="noopener noreferrer"&gt;https://www.linkedin.com/in/madhavbahl/&lt;/a&gt;&lt;/p&gt;
&lt;/blockquote&gt;

</description>
      <category>programming</category>
      <category>coding</category>
      <category>development</category>
      <category>codetoexpress</category>
    </item>
    <item>
      <title>A practical approach to web development.</title>
      <dc:creator>MADHAV BAHL</dc:creator>
      <pubDate>Sun, 21 Jan 2018 07:18:55 +0000</pubDate>
      <link>https://dev.to/madhavbahlmd/a-practical-approach-to-web-development-18k6</link>
      <guid>https://dev.to/madhavbahlmd/a-practical-approach-to-web-development-18k6</guid>
      <description>&lt;h1&gt;
  
  
  A practical approach to web development.
&lt;/h1&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%2Fuser-images.githubusercontent.com%2F26179770%2F35183498-a69afccc-fe0d-11e7-862c-49ec6a7485e4.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%2Fuser-images.githubusercontent.com%2F26179770%2F35183498-a69afccc-fe0d-11e7-862c-49ec6a7485e4.png" alt="image"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;blockquote&gt;
&lt;p&gt;“There are three responses to a piece of design — yes, no, and WOW! &lt;br&gt;
Wow is the one to aim for.” &lt;br&gt;
                           -Milton Glaser&lt;/p&gt;
&lt;/blockquote&gt;

&lt;p&gt;Read this short, to the point article as it guides you through how you should approach towards web development.&lt;/p&gt;

&lt;p&gt;This article is linked to my medium article -- &lt;a href="https://codeburst.io/a-practical-approach-to-web-development-1ee37a4ad829" rel="noopener noreferrer"&gt;&lt;strong&gt;WebDev Guide&lt;/strong&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;So you are a beginner having no knowledge about this field.&lt;br&gt;
&lt;b&gt;No Problem&lt;b&gt;. This article will remove all your doubts regarding how you should start web development. It is written in an easily understandable language and practical steps which can help you start with web development.&lt;/b&gt;&lt;/b&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  Why do I write?
&lt;/h2&gt;

&lt;p&gt;The main reason is that I am also a web developer, willing to help all the aspiring web-developers out there who want to step into this community of developers, but need a mentor. I committed many mistakes when I was a beginner, and I don’t want anyone else to make the same mistake which I made.&lt;/p&gt;

&lt;blockquote&gt;
&lt;p&gt;“You don’t have to be great to start, &lt;br&gt;
 but you have to start to be great.”&lt;/p&gt;
&lt;/blockquote&gt;

&lt;p&gt;&lt;strong&gt;Let’s Start This Awesome Journey Of Web Development.&lt;/strong&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  ROADMAP
&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%2Fuser-images.githubusercontent.com%2F26179770%2F35183532-f2b993ca-fe0d-11e7-9da1-3bb346ba4051.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%2Fuser-images.githubusercontent.com%2F26179770%2F35183532-f2b993ca-fe0d-11e7-9da1-3bb346ba4051.png" alt="image"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  1. CODER’S TOOLKIT
&lt;/h2&gt;

&lt;p&gt;Probably, at this stage, you are an absolute beginner to coding or development and you need to know what to do first, and how to start.&lt;br&gt;
Before we begin, there are some tools that you must have which will make your life as a web developer much more easier.&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;A Laptop — that is the basic need&lt;/li&gt;
&lt;li&gt;A good web browser — chrome, chrome or maybe chrome&lt;/li&gt;
&lt;li&gt;A text editor — Atom, VS Code, Sublime Text, Notepad++ or any IDE&lt;/li&gt;
&lt;li&gt;FTP/SSH Tool (Filezilla, Putty, gFTP) — you will require these in later stages of development&lt;/li&gt;
&lt;li&gt;Cloud Storage (Optional) — Dropbox, Google Drive etc.&lt;/li&gt;
&lt;/ol&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%2Fuser-images.githubusercontent.com%2F26179770%2F35184609-0d0fc31a-fe1e-11e7-8621-541ec1754dfb.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%2Fuser-images.githubusercontent.com%2F26179770%2F35184609-0d0fc31a-fe1e-11e7-8621-541ec1754dfb.png" alt="image"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  2. Lights! Camera! Code!
&lt;/h2&gt;

&lt;p&gt;At this stage, you have already got a good toolkit which contains everything you will need. Now you must start coding.&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;HTML5 (Get yourself familiar with all these and code)

&lt;ul&gt;
&lt;li&gt;Tags&lt;/li&gt;
&lt;li&gt;Attributes&lt;/li&gt;
&lt;li&gt;Links&lt;/li&gt;
&lt;li&gt;Images&lt;/li&gt;
&lt;li&gt;Tables&lt;/li&gt;
&lt;li&gt;Layouts&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;CSS3 (Learn the basics of css, selectors, declaration, property and value)
Right now you are capable of making some nice and visually attractive websites, but your web sites are not yet dynamic and user friendly.
Basics of any design software (choose any one, will help you a lot)

&lt;ul&gt;
&lt;li&gt;Photoshop&lt;/li&gt;
&lt;li&gt;Illustrator&lt;/li&gt;
&lt;li&gt;GIMP (for linux users) etc.&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;Basic Javascript
get to know the following things.(Javascript will bring life to your web pages)

&lt;ul&gt;
&lt;li&gt;Basic JS (Dont jump into Node.JS and frameworks for now)&lt;/li&gt;
&lt;li&gt;Datatypes: String, Number, Arrays, Objects etc.&lt;/li&gt;
&lt;li&gt;Functions, Conditionals, Loops, Operators, etc.&lt;/li&gt;
&lt;li&gt;Event handling&lt;/li&gt;
&lt;li&gt;JSON&lt;/li&gt;
&lt;li&gt;jQuery (Only if you feel really comfortable with JS)&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;/ol&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%2Fuser-images.githubusercontent.com%2F26179770%2F35184623-3ef54da0-fe1e-11e7-9d6a-dfd4fa3370da.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%2Fuser-images.githubusercontent.com%2F26179770%2F35184623-3ef54da0-fe1e-11e7-9d6a-dfd4fa3370da.png" alt="image"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  3. Three! Two! One! DEPLOY
&lt;/h2&gt;

&lt;p&gt;Congrats, you are a web designer now. You now have HTML, CSS and JavaScript in your hands, you can make basic websites, you also know the basics of one design software, you know how to build static websites and front end, you can call yourself a web designer.&lt;br&gt;
Before going any further you must do some more things.&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;Learn about GIT (or, any other version control)&lt;/li&gt;
&lt;li&gt;SSH&lt;/li&gt;
&lt;li&gt;Learn basic Terminal usage (or, Command Prompt in windows)&lt;/li&gt;
&lt;li&gt;Get a shared hosting account (Hostgator, InMoton, 000webhost, etc)&lt;/li&gt;
&lt;li&gt;Learn Cpanel basics (Email, FTP Setup)&lt;/li&gt;
&lt;li&gt;Upload your project via FTP&lt;/li&gt;
&lt;li&gt;Register a domain name and link to your hosting account&lt;/li&gt;
&lt;/ol&gt;

&lt;h3&gt;
  
  
  Web Designer! you’ve got opportunities out there
&lt;/h3&gt;

&lt;ol&gt;
&lt;li&gt;Build simple, attractive websites for startups&lt;/li&gt;
&lt;li&gt;Build UI’s for Web Applications&lt;/li&gt;
&lt;li&gt;Do Internships&lt;/li&gt;
&lt;li&gt;PSD to HTML/CSS conversions&lt;/li&gt;
&lt;li&gt;Work for a company or be a freelancer&lt;/li&gt;
&lt;/ol&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%2Fuser-images.githubusercontent.com%2F26179770%2F35191682-24c534a2-fea7-11e7-86ab-f0d90f0e890c.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%2Fuser-images.githubusercontent.com%2F26179770%2F35191682-24c534a2-fea7-11e7-86ab-f0d90f0e890c.png" alt="image"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  4. Time for decisions (IMPORTANT DECISIONS)
&lt;/h2&gt;

&lt;p&gt;Now is the time you will have to ask yourself where to go. You can continue and go deep in frontend development or you can go for backend developer.&lt;br&gt;
Choose where to go next……&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Frontend HTML/CSS frameworks (Bootstrap, Foundation, Bulma, Materialize etc…)&lt;/li&gt;
&lt;li&gt;Server side programming (PHP, Ruby, Django, NodeJS..)&lt;/li&gt;
&lt;li&gt;JavaScript Front end Frameworks (React, Angular…)&lt;/li&gt;
&lt;li&gt;Databases (MySQL, PostgreSQL, Hadoop, Mongo….)&lt;/li&gt;
&lt;/ul&gt;

&lt;h2&gt;
  
  
  4a) So you choose to develop your skills in front end
&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%2Fuser-images.githubusercontent.com%2F26179770%2F35191685-3de54ee0-fea7-11e7-93b4-a3a511cbf143.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%2Fuser-images.githubusercontent.com%2F26179770%2F35191685-3de54ee0-fea7-11e7-93b4-a3a511cbf143.png" alt="image"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Learn any one(or more) of the following frameworks, this will make your life very easy.&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;Bootstrap&lt;/li&gt;
&lt;li&gt;MaterializeCSS&lt;/li&gt;
&lt;li&gt;Zurb foundation&lt;/li&gt;
&lt;li&gt;Skeleton&lt;/li&gt;
&lt;li&gt;MUI&lt;/li&gt;
&lt;li&gt;Pure&lt;/li&gt;
&lt;/ol&gt;

&lt;h2&gt;
  
  
  4b) So you got some coding skills? Try Backend!!
&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%2Fuser-images.githubusercontent.com%2F26179770%2F35191692-5849f1fa-fea7-11e7-82c0-86f0030a6a29.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%2Fuser-images.githubusercontent.com%2F26179770%2F35191692-5849f1fa-fea7-11e7-82c0-86f0030a6a29.png" alt="image"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Choosing to be a backend developer sure is a wise option at this point. Now you should learn some some server side scripting language. Choose any one (or more, though there is no need of learning more than one!)&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;
&lt;strong&gt;PHP&lt;/strong&gt; — Not the best language but is rock solid and not going anywhere for years.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Node.JS&lt;/strong&gt; — New, Exciting, Powerful, Amazing Developer Community. (I personally prefer you to choose this)&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Ruby on Rails&lt;/strong&gt; — Great framework, but not so popular and has levelled off&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Python&lt;/strong&gt; — Easy to learn but not at all popular&lt;/li&gt;
&lt;/ol&gt;

&lt;h2&gt;
  
  
  4c) Since you have stepped into backend, try learning databases
&lt;/h2&gt;

&lt;p&gt;&lt;strong&gt;Relational Databases&lt;/strong&gt;&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;MySQL&lt;/li&gt;
&lt;li&gt;PostgreSQL&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;strong&gt;NoSQL databases&lt;/strong&gt;&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;MongoDB&lt;/li&gt;
&lt;li&gt;CouchDB&lt;/li&gt;
&lt;/ul&gt;

&lt;h3&gt;
  
  
  Pick one to focus on (I recommend this):
&lt;/h3&gt;

&lt;ul&gt;
&lt;li&gt;PHP/MySQL&lt;/li&gt;
&lt;li&gt;Node.JS/MongoDB&lt;/li&gt;
&lt;/ul&gt;

&lt;h2&gt;
  
  
  4d) Move your dev skills to a next level
&lt;/h2&gt;

&lt;p&gt;Learn the frameworks that are highly in use today.&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;Angular&lt;/li&gt;
&lt;li&gt;React [Flux/Redux]&lt;/li&gt;
&lt;li&gt;Apollo Client ( A fully-featured, production ready caching GraphQL client for every server or UI framework)&lt;/li&gt;
&lt;li&gt;Vue.JS&lt;/li&gt;
&lt;li&gt;Express/Sails&lt;/li&gt;
&lt;li&gt;If you code with PHP, learn 

&lt;ul&gt;
&lt;li&gt;MVC&lt;/li&gt;
&lt;li&gt;Routing&lt;/li&gt;
&lt;li&gt;Database Mining&lt;/li&gt;
&lt;li&gt;Helpers&lt;/li&gt;
&lt;li&gt;Data Binding etc..&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;/ol&gt;

&lt;h2&gt;
  
  
  5. Side Technologies To Learn (no matter you do frontend or backend)
&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%2Fuser-images.githubusercontent.com%2F26179770%2F35191704-cdf0b63c-fea7-11e7-8caa-5063990031bc.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%2Fuser-images.githubusercontent.com%2F26179770%2F35191704-cdf0b63c-fea7-11e7-8caa-5063990031bc.png" alt="image"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;To work in a professional environment, you must need to know about the following&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;GIT (or any other) Version control &amp;amp; GITHUB&lt;/li&gt;
&lt;li&gt;SSH &amp;amp; Basic Command Line&lt;/li&gt;
&lt;li&gt;CSS Precompilers — SASS/LESS&lt;/li&gt;
&lt;li&gt;APIs/REST Services&lt;/li&gt;
&lt;li&gt;HTTPS/SSL&lt;/li&gt;
&lt;/ol&gt;

&lt;h2&gt;
  
  
  Deploying your applications
&lt;/h2&gt;

&lt;p&gt;Now you have much more knowledge than before, and probably you have started making your own web based applications, now use these technologies to get your app online.&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;Dedicated Server/VPS&lt;/li&gt;
&lt;li&gt;App hosting — Heroku, Digital Ocean, AWS&lt;/li&gt;
&lt;li&gt;Deploy tools&lt;/li&gt;
&lt;li&gt;Linux command line&lt;/li&gt;
&lt;li&gt;Maintenance &amp;amp; Updates&lt;/li&gt;
&lt;/ol&gt;

&lt;h2&gt;
  
  
  6. Web Developer! you’ve got opportunities out there.
&lt;/h2&gt;

&lt;p&gt;Congratulations! You can finally call yourself a Web Developer and you have got some exciting opportunities out there.&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;Create simple to advanced web applications&lt;/li&gt;
&lt;li&gt;Build backend API’s&lt;/li&gt;
&lt;li&gt;Teach fellow developers&lt;/li&gt;
&lt;li&gt;Work with servers&lt;/li&gt;
&lt;li&gt;Work with databases&lt;/li&gt;
&lt;li&gt;Work with network security&lt;/li&gt;
&lt;li&gt;Get a great job&lt;/li&gt;
&lt;li&gt;Do freelancing&lt;/li&gt;
&lt;li&gt;Start your own buisness&lt;/li&gt;
&lt;/ol&gt;

&lt;h2&gt;
  
  
  7. Move one step forward
&lt;/h2&gt;

&lt;p&gt;Learn about content management systems (CMS) like wordpress, Joomla, Drupal etc. They are great for working, offer fast deployment, there are thousands of plugins/addons/templates, and they offer great maintenance.&lt;br&gt;
Mobile App Development&lt;br&gt;
Now that you have come to this level, why limit yourself only to web? Mobile Applications are the future. All in all there are two types of applications, Native and Hybrid. &lt;br&gt;
A Native application is the one which is (as the name says) native to the operating system. For example, say I am an android developer, therefore I make native applications using JAVA, XML, or KOTLIN etc.&lt;br&gt;
A Hybrid application is the one which is (as the name says) not native, but built on another platform. This is where the great thing comes, as a web developer, you can even make your own mobile applications.&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;Progressive Web Apps are the future&lt;/li&gt;
&lt;li&gt;You don’t need to learn JAVA/Kotlin/Swift/Objective C….&lt;/li&gt;
&lt;li&gt;JUST JS!!! Javascript is enough to make your own hybrid applications. Use the frameworks like React Native, Ionic, Cordova…&lt;/li&gt;
&lt;/ol&gt;

&lt;h1&gt;
  
  
  NOW WHAT?
&lt;/h1&gt;

&lt;ul&gt;
&lt;li&gt;&lt;strong&gt;Keep Learning and exploring&lt;/strong&gt;&lt;/li&gt;
&lt;li&gt;Focus on your career&lt;/li&gt;
&lt;li&gt;Make good profile&lt;/li&gt;
&lt;li&gt;Go back and learn another stack&lt;/li&gt;
&lt;li&gt;Learn about other domains (like Machine Learning, Computer Vision, Deep &lt;/li&gt;
&lt;li&gt;Learning, AI, Competitive Coding etc.)&lt;/li&gt;
&lt;li&gt;Keep yourself up to date with new technologies&lt;/li&gt;
&lt;li&gt;Do some research&lt;/li&gt;
&lt;li&gt;Learn some high level languages (C#, Java etc.)&lt;/li&gt;
&lt;li&gt;Increase your social circle, follow great people, get inspired and keep learning.&lt;/li&gt;
&lt;/ul&gt;

&lt;h2&gt;
  
  
  We can be friends…
&lt;/h2&gt;

&lt;p&gt;I hope this article helped you, we can connect on &lt;a href="https://github.com/MadhavBahlMD" rel="noopener noreferrer"&gt;GIT-HUB&lt;/a&gt; or &lt;a href="https://www.linkedin.com/in/madhavbahl/" rel="noopener noreferrer"&gt;LinkedIn&lt;/a&gt; and I would more than happy if you send your feedbacks, suggestions or ask queries. &lt;br&gt;
Moreover, I love to make new friends and we can be friends, just drop me a text :)&lt;/p&gt;

&lt;blockquote&gt;
&lt;p&gt;Thanks a lot for keeping your calm and reading till end. &lt;br&gt;
You know what to do and how to proceed, All the best!&lt;br&gt;
You can contact me in case of any doubts or if you need any assistance:&lt;br&gt;
Email: &lt;a href="mailto:madhavbahl10@gmail.com"&gt;madhavbahl10@gmail.com&lt;/a&gt;&lt;br&gt;
Web: &lt;a href="http://madhavbahl.ml/" rel="noopener noreferrer"&gt;http://madhavbahl.ml/&lt;/a&gt;&lt;br&gt;
Github: &lt;a href="https://github.com/MadhavBahlMD" rel="noopener noreferrer"&gt;https://github.com/MadhavBahlMD&lt;/a&gt;&lt;br&gt;
LinkedIn: &lt;a href="https://www.linkedin.com/in/madhavbahl/" rel="noopener noreferrer"&gt;https://www.linkedin.com/in/madhavbahl/&lt;/a&gt;&lt;/p&gt;
&lt;/blockquote&gt;

&lt;h1&gt;
  
  
  ROADMAP — Frontend Developer?
&lt;/h1&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%2Fuser-images.githubusercontent.com%2F26179770%2F35191731-7d521f58-fea8-11e7-82a8-80139800afd4.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%2Fuser-images.githubusercontent.com%2F26179770%2F35191731-7d521f58-fea8-11e7-82a8-80139800afd4.png" alt="image"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h1&gt;
  
  
  ROADMAP — Backend Developer
&lt;/h1&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%2Fuser-images.githubusercontent.com%2F26179770%2F35191732-8934ac8c-fea8-11e7-90b9-1c5925f0c87f.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%2Fuser-images.githubusercontent.com%2F26179770%2F35191732-8934ac8c-fea8-11e7-90b9-1c5925f0c87f.png" alt="image"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  Reference
&lt;/h2&gt;

&lt;p&gt;&lt;a href="https://github.com/kamranahmedse/developer-roadmap" rel="noopener noreferrer"&gt;https://github.com/kamranahmedse/developer-roadmap&lt;/a&gt;&lt;/p&gt;

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