<?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: Zubayer Himel</title>
    <description>The latest articles on Forem by Zubayer Himel (@zubayerhimel0).</description>
    <link>https://forem.com/zubayerhimel0</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%2F316366%2F16b5475d-49f9-47e2-a55d-d5b58169596d.png</url>
      <title>Forem: Zubayer Himel</title>
      <link>https://forem.com/zubayerhimel0</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://forem.com/feed/zubayerhimel0"/>
    <language>en</language>
    <item>
      <title>A little bit about Data Science and Data Scientist</title>
      <dc:creator>Zubayer Himel</dc:creator>
      <pubDate>Tue, 02 Jun 2020 20:04:16 +0000</pubDate>
      <link>https://forem.com/zubayerhimel0/a-little-bit-about-data-science-and-data-scientist-17o9</link>
      <guid>https://forem.com/zubayerhimel0/a-little-bit-about-data-science-and-data-scientist-17o9</guid>
      <description>&lt;p&gt;Couple of days ago I took Data Science course of IBM from Coursera. I completed my first course and got basic knowledge about data science. As I am new to this sector I thought I would share what I learned. This will also help me as a future reference 😅. Now lets get started. &lt;/p&gt;

&lt;h3&gt;
  
  
  Data science and Data scientist
&lt;/h3&gt;

&lt;p&gt;Data science is a field where you use scientific methods, algorithms, processes to get information from a chunk of structured or unstructured data. A data scientist is someone who extract the information from the data. So data science is basically what data scientists do. &lt;br&gt;
Data scientist is a player who only plays with data whether the data is in structured or unstructured form. &lt;/p&gt;

&lt;h3&gt;
  
  
  Who can be a data scientist?
&lt;/h3&gt;

&lt;p&gt;An ideal data scientist should have curiosity in him/her. Without a curious mind one can't be a perfect data scientist. Now here question may arise why curiosity is important in this field? Curiosity is important because without curiosity a person can't extract the information from a thousand/million/billion set of data. He/She won't get what to extract from the data.&lt;br&gt;
A data scientist has to be a good story teller. He has to make a good story about his finding from the data to present the final result. So a date scientist requires good story telling skill in this field. &lt;br&gt;
Besides these skill a data scientist should have knowledge in STEM(Science, Technology, Engineering, Math) kind of things. Having knowledge in statistics is important. Because these are important and kind of mandatory skills as he/she'll need to analyze data, may need to build an application to extract the information out of data, need to make a chart of the findings etc. &lt;/p&gt;

&lt;h3&gt;
  
  
  Why data science is important?
&lt;/h3&gt;

&lt;p&gt;Why not it is important??? Now a days data science is used everywhere. We can solve our problems with the use of data science. Data science is future because it predicts future. Data science is related to data mining, deep learning and big data. &lt;/p&gt;

&lt;p&gt;That's it. Hope you'll find this useful. 😁&lt;/p&gt;

</description>
      <category>datascience</category>
      <category>computerscience</category>
      <category>todayilearned</category>
    </item>
    <item>
      <title>Boost your HTML and CSS writing with Emmet</title>
      <dc:creator>Zubayer Himel</dc:creator>
      <pubDate>Tue, 11 Feb 2020 20:00:38 +0000</pubDate>
      <link>https://forem.com/zubayerhimel0/boost-your-html-and-css-writing-with-emmet-5406</link>
      <guid>https://forem.com/zubayerhimel0/boost-your-html-and-css-writing-with-emmet-5406</guid>
      <description>&lt;p&gt;Emmet is a set of plug-ins for text editors that allow for high-speed coding and editing in HTML, XML, XSL and other structured code formats via content assist. Emmet lets you write less code and do more. In VSCode you can use Emmet without installing it. If you want to get Emmet for other editors like Notepad++, Atom, Sublime text etc you can &lt;a href="https://emmet.io/download/"&gt;download&lt;/a&gt; and install it. &lt;br&gt;&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;Basic HTML template&lt;/strong&gt;: Instead of writing html, header, title, body tag one by one you can simply write &lt;strong&gt;&lt;code&gt;!&lt;/code&gt;&lt;/strong&gt; and press tab. This will make a basic template for you.&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Complete html tag&lt;/strong&gt;: If you want to make a header 1, instead of doing hard code &lt;code&gt;&amp;lt;h1&amp;gt;&amp;lt;/h1&amp;gt;&lt;/code&gt; like this you can type &lt;strong&gt;&lt;code&gt;h1&lt;/code&gt;&lt;/strong&gt; and hit enter, and emmet will create the header 1 tag with closer for you. You can do this for all the HTML tags instead of writing the whole tag by yourself. All you need to write the name of the tag. e.g. &lt;strong&gt;&lt;code&gt;div&lt;/code&gt;&lt;/strong&gt; -&amp;gt; &lt;code&gt;&amp;lt;div&amp;gt;&amp;lt;/div&amp;gt;&lt;/code&gt;, &lt;strong&gt;&lt;code&gt;header&lt;/code&gt;&lt;/strong&gt; -&amp;gt; &lt;code&gt;&amp;lt;header&amp;gt;&amp;lt;/header&amp;gt;&lt;/code&gt;, &lt;strong&gt;&lt;code&gt;p&lt;/code&gt;&lt;/strong&gt; -&amp;gt; &lt;code&gt;&amp;lt;p&amp;gt;&amp;lt;/p&amp;gt;&lt;/code&gt; and so on.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Tags with class&lt;/strong&gt;: If you want to make a class inside a div you can write &lt;strong&gt;&lt;code&gt;.myDiv&lt;/code&gt;&lt;/strong&gt; and hit enter. It will create a div with a class named myDiv. By default anything after &lt;strong&gt;dot (.)&lt;/strong&gt; creates class for a div. You can also do the same for other tags. Write &lt;strong&gt;&lt;code&gt;tagName.className&lt;/code&gt;&lt;/strong&gt; and it'll create the class for the specific tag.  Lets say, you want to make a class for header 1. Just type &lt;strong&gt;&lt;code&gt;h1.myHeader&lt;/code&gt;&lt;/strong&gt; and hit enter&lt;br&gt;
&lt;/p&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;div class="highlight"&gt;&lt;pre class="highlight html"&gt;&lt;code&gt;&lt;span class="nt"&gt;&amp;lt;div&lt;/span&gt; &lt;span class="na"&gt;class=&lt;/span&gt;&lt;span class="s"&gt;"myDiv"&lt;/span&gt;&lt;span class="nt"&gt;&amp;gt;&amp;lt;/div&amp;gt;&lt;/span&gt;
&lt;span class="nt"&gt;&amp;lt;h1&lt;/span&gt; &lt;span class="na"&gt;class=&lt;/span&gt;&lt;span class="s"&gt;"myHeader"&lt;/span&gt;&lt;span class="nt"&gt;&amp;gt;&amp;lt;/h1&amp;gt;&lt;/span&gt;
&lt;span class="nt"&gt;&amp;lt;h2&lt;/span&gt; &lt;span class="na"&gt;class=&lt;/span&gt;&lt;span class="s"&gt;"myHeader"&lt;/span&gt;&lt;span class="nt"&gt;&amp;gt;&amp;lt;/h2&amp;gt;&lt;/span&gt;
&lt;span class="nt"&gt;&amp;lt;p&lt;/span&gt; &lt;span class="na"&gt;class=&lt;/span&gt;&lt;span class="s"&gt;"myParagraph"&lt;/span&gt;&lt;span class="nt"&gt;&amp;gt;&amp;lt;/p&amp;gt;&lt;/span&gt;
&lt;span class="nt"&gt;&amp;lt;span&lt;/span&gt; &lt;span class="na"&gt;class=&lt;/span&gt;&lt;span class="s"&gt;"mySpan"&lt;/span&gt;&lt;span class="nt"&gt;&amp;gt;&amp;lt;/span&amp;gt;&lt;/span&gt;
&lt;span class="nt"&gt;&amp;lt;b&lt;/span&gt; &lt;span class="na"&gt;class=&lt;/span&gt;&lt;span class="s"&gt;"myBold"&lt;/span&gt;&lt;span class="nt"&gt;&amp;gt;&amp;lt;/b&amp;gt;&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;



&lt;p&gt;and so on. &lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;Tags with id&lt;/strong&gt;: Sometimes you may want to give an id to a div. You can do it easily just by pressing &lt;strong&gt;&lt;code&gt;#id&lt;/code&gt;&lt;/strong&gt;. Its the same as the class but instead of &lt;strong&gt;dot(.)&lt;/strong&gt; sign you need to use &lt;strong&gt;hash(#)&lt;/strong&gt; sign. Like this &lt;strong&gt;&lt;code&gt;h1#header1&lt;/code&gt;&lt;/strong&gt;
&lt;/li&gt;
&lt;/ul&gt;

&lt;div class="highlight"&gt;&lt;pre class="highlight html"&gt;&lt;code&gt;&lt;span class="nt"&gt;&amp;lt;div&lt;/span&gt; &lt;span class="na"&gt;id=&lt;/span&gt;&lt;span class="s"&gt;"id"&lt;/span&gt;&lt;span class="nt"&gt;&amp;gt;&amp;lt;/div&amp;gt;&lt;/span&gt;
&lt;span class="nt"&gt;&amp;lt;h1&lt;/span&gt; &lt;span class="na"&gt;id=&lt;/span&gt;&lt;span class="s"&gt;"header1"&lt;/span&gt;&lt;span class="nt"&gt;&amp;gt;&amp;lt;/h1&amp;gt;&lt;/span&gt;
&lt;span class="nt"&gt;&amp;lt;h2&lt;/span&gt; &lt;span class="na"&gt;id=&lt;/span&gt;&lt;span class="s"&gt;"myHeader"&lt;/span&gt;&lt;span class="nt"&gt;&amp;gt;&amp;lt;/h2&amp;gt;&lt;/span&gt;
&lt;span class="nt"&gt;&amp;lt;p&lt;/span&gt; &lt;span class="na"&gt;id=&lt;/span&gt;&lt;span class="s"&gt;"myParagraph"&lt;/span&gt;&lt;span class="nt"&gt;&amp;gt;&amp;lt;/p&amp;gt;&lt;/span&gt;
&lt;span class="nt"&gt;&amp;lt;span&lt;/span&gt; &lt;span class="na"&gt;id=&lt;/span&gt;&lt;span class="s"&gt;"mySpan"&lt;/span&gt;&lt;span class="nt"&gt;&amp;gt;&amp;lt;/span&amp;gt;&lt;/span&gt;
&lt;span class="nt"&gt;&amp;lt;b&lt;/span&gt; &lt;span class="na"&gt;id=&lt;/span&gt;&lt;span class="s"&gt;"myBold"&lt;/span&gt;&lt;span class="nt"&gt;&amp;gt;&amp;lt;/b&amp;gt;&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;



&lt;p&gt;and so on. &lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;More than one class onto the same element&lt;/strong&gt;: You can create more than one class or id onto the same element. For this you need to write &lt;strong&gt;&lt;code&gt;class1.class2&lt;/code&gt;&lt;/strong&gt; and it will give you
&lt;/li&gt;
&lt;/ul&gt;

&lt;div class="highlight"&gt;&lt;pre class="highlight html"&gt;&lt;code&gt;&lt;span class="nt"&gt;&amp;lt;div&lt;/span&gt; &lt;span class="na"&gt;class=&lt;/span&gt;&lt;span class="s"&gt;"class1 class2"&lt;/span&gt;&lt;span class="nt"&gt;&amp;gt;&amp;lt;/div&amp;gt;&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;



&lt;p&gt;If you want to create two class and a id at a time you can simply write &lt;strong&gt;&lt;code&gt;class1.class2#myId&lt;/code&gt;&lt;/strong&gt; and hit enter. This will provide you two classes with a id in a div&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight"&gt;&lt;pre class="highlight html"&gt;&lt;code&gt;&lt;span class="nt"&gt;&amp;lt;div&lt;/span&gt; &lt;span class="na"&gt;class=&lt;/span&gt;&lt;span class="s"&gt;"class1 class2"&lt;/span&gt; &lt;span class="na"&gt;id=&lt;/span&gt;&lt;span class="s"&gt;"myId"&lt;/span&gt;&lt;span class="nt"&gt;&amp;gt;&amp;lt;/div&amp;gt;&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;



&lt;p&gt;You can do this for a header or a paragraph. Just put &lt;strong&gt;&lt;code&gt;h1&lt;/code&gt;&lt;/strong&gt; tag before &lt;strong&gt;&lt;code&gt;class1.class2#myId&lt;/code&gt;&lt;/strong&gt; and it will do the same for header 1. &lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;Text inside element&lt;/strong&gt;: You can write a text inside your element using emmet. If you want to write something inside a header you can write &lt;strong&gt;&lt;code&gt;h1{This is header one}&lt;/code&gt;&lt;/strong&gt; and hit enter. It will do the rest for you.
&lt;/li&gt;
&lt;/ul&gt;

&lt;div class="highlight"&gt;&lt;pre class="highlight html"&gt;&lt;code&gt;&lt;span class="nt"&gt;&amp;lt;h1&amp;gt;&lt;/span&gt;This is header one&lt;span class="nt"&gt;&amp;lt;/h1&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;



&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;Generate Lorem Ipsum&lt;/strong&gt;: If you frequently use dummy text for your development and every time you go and copy the text from &lt;a href="https://www.lipsum.com"&gt;here&lt;/a&gt; then this is perfect shortcut for you. Inside a paragraph tag just write &lt;strong&gt;&lt;code&gt;lorem10&lt;/code&gt;&lt;/strong&gt;. This will generate 10 dummy word for you inside the &lt;code&gt;p&lt;/code&gt; tag.
&lt;/li&gt;
&lt;/ul&gt;

&lt;div class="highlight"&gt;&lt;pre class="highlight html"&gt;&lt;code&gt;    &lt;span class="nt"&gt;&amp;lt;p&amp;gt;&lt;/span&gt;Lorem ipsum dolor sit amet consectetur adipisicing elit. Et, quasi!&lt;span class="nt"&gt;&amp;lt;/p&amp;gt;&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;



&lt;p&gt;You can get as much text as you want. Just write your number of words after &lt;em&gt;lorem&lt;/em&gt; e.g. &lt;strong&gt;&lt;code&gt;lorem100&lt;/code&gt;&lt;/strong&gt;, &lt;strong&gt;&lt;code&gt;lorem2000&lt;/code&gt;&lt;/strong&gt;&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;Child and sibling elements&lt;/strong&gt;: You can write more than one tag at one go. Let's say you want 5 &lt;code&gt;li&lt;/code&gt; inside a &lt;code&gt;ul&lt;/code&gt; and that &lt;code&gt;ul&lt;/code&gt; should be in a &lt;code&gt;p&lt;/code&gt;. So you can write something like this &lt;strong&gt;&lt;code&gt;p&amp;gt;ul&amp;gt;li*5&lt;/code&gt;&lt;/strong&gt;, hit enter and emmet will create below code for you -
&lt;/li&gt;
&lt;/ul&gt;

&lt;div class="highlight"&gt;&lt;pre class="highlight html"&gt;&lt;code&gt;    &lt;span class="nt"&gt;&amp;lt;p&amp;gt;&lt;/span&gt;
        &lt;span class="nt"&gt;&amp;lt;ul&amp;gt;&lt;/span&gt;
            &lt;span class="nt"&gt;&amp;lt;li&amp;gt;&amp;lt;/li&amp;gt;&lt;/span&gt;
            &lt;span class="nt"&gt;&amp;lt;li&amp;gt;&amp;lt;/li&amp;gt;&lt;/span&gt;
            &lt;span class="nt"&gt;&amp;lt;li&amp;gt;&amp;lt;/li&amp;gt;&lt;/span&gt;
            &lt;span class="nt"&gt;&amp;lt;li&amp;gt;&amp;lt;/li&amp;gt;&lt;/span&gt;
            &lt;span class="nt"&gt;&amp;lt;li&amp;gt;&amp;lt;/li&amp;gt;&lt;/span&gt;
        &lt;span class="nt"&gt;&amp;lt;/ul&amp;gt;&lt;/span&gt;
    &lt;span class="nt"&gt;&amp;lt;/p&amp;gt;&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;



&lt;p&gt;What if you want to make a &lt;code&gt;form&lt;/code&gt; and inside a form you wanna have one text input and a submit button. Write &lt;em&gt;**&lt;code&gt;form:post&amp;gt;input:text+input:s&lt;/code&gt;&lt;/em&gt;*. It will generate the below code -&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight"&gt;&lt;pre class="highlight html"&gt;&lt;code&gt;    &lt;span class="nt"&gt;&amp;lt;form&lt;/span&gt; &lt;span class="na"&gt;action=&lt;/span&gt;&lt;span class="s"&gt;""&lt;/span&gt; &lt;span class="na"&gt;method=&lt;/span&gt;&lt;span class="s"&gt;"post"&lt;/span&gt;&lt;span class="nt"&gt;&amp;gt;&lt;/span&gt;
        &lt;span class="nt"&gt;&amp;lt;input&lt;/span&gt; &lt;span class="na"&gt;type=&lt;/span&gt;&lt;span class="s"&gt;"text"&lt;/span&gt; &lt;span class="na"&gt;name=&lt;/span&gt;&lt;span class="s"&gt;""&lt;/span&gt; &lt;span class="na"&gt;id=&lt;/span&gt;&lt;span class="s"&gt;""&lt;/span&gt;&lt;span class="nt"&gt;&amp;gt;&lt;/span&gt;
        &lt;span class="nt"&gt;&amp;lt;input&lt;/span&gt; &lt;span class="na"&gt;type=&lt;/span&gt;&lt;span class="s"&gt;"submit"&lt;/span&gt; &lt;span class="na"&gt;value=&lt;/span&gt;&lt;span class="s"&gt;""&lt;/span&gt;&lt;span class="nt"&gt;&amp;gt;&lt;/span&gt;
    &lt;span class="nt"&gt;&amp;lt;/form&amp;gt;&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;



&lt;p&gt;These are the shortcuts that I mostly use. But if you are interested for more shortcuts like this for HTML and CSS you can visit this &lt;a href="https://docs.emmet.io/cheat-sheet"&gt;link&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Thank you all.&lt;/p&gt;

</description>
      <category>html</category>
      <category>productivity</category>
      <category>codenewbie</category>
      <category>vscode</category>
    </item>
    <item>
      <title>My VSCode shortcuts and extensions for development</title>
      <dc:creator>Zubayer Himel</dc:creator>
      <pubDate>Tue, 04 Feb 2020 15:39:42 +0000</pubDate>
      <link>https://forem.com/zubayerhimel0/my-vscode-shortcuts-and-extensions-for-development-72l</link>
      <guid>https://forem.com/zubayerhimel0/my-vscode-shortcuts-and-extensions-for-development-72l</guid>
      <description>&lt;h1&gt;
  
  
  Hello everyone, Good Day 😊
&lt;/h1&gt;

&lt;p&gt;Knowing shortcuts of your editor give you an upper hand while developing. Below are the some &lt;strong&gt;shortcuts&lt;/strong&gt; and extensions that I use/frequently use - &lt;/p&gt;

&lt;h3&gt;
  
  
  Keyboard shortcuts
&lt;/h3&gt;

&lt;p&gt;&lt;code&gt;Ctrl+Shift+E&lt;/code&gt; - Open file explorer&lt;br&gt;
&lt;code&gt;Ctrl+Shift+D&lt;/code&gt; - Open debugger&lt;br&gt;
&lt;code&gt;Ctrl+Shift+X&lt;/code&gt; - Open extensions&lt;br&gt;
&lt;code&gt;Ctrl+Shift+P&lt;/code&gt; - Open command palette&lt;br&gt;
&lt;code&gt;Ctrl+Shift+I&lt;/code&gt; - Format code (Linux)&lt;br&gt;
&lt;code&gt;Ctrl+Shift+K&lt;/code&gt; - Delete line&lt;br&gt;
&lt;code&gt;Ctrl+Shift+L&lt;/code&gt; - Select all occurrences of current selection&lt;br&gt;
&lt;code&gt;Ctrl+Shift+[&lt;/code&gt; - Fold the selected line of code&lt;br&gt;
&lt;code&gt;Ctrl+Shift+]&lt;/code&gt; - Unfold code&lt;br&gt;
&lt;code&gt;Ctrl+Shift+V&lt;/code&gt; - This command lets you to get the preview of the &lt;strong&gt;.md&lt;/strong&gt; file&lt;br&gt;
&lt;code&gt;Ctrl+Shift+Enter&lt;/code&gt; - Insert line above&lt;br&gt;
&lt;code&gt;Ctrl+Shift+&lt;/code&gt; - Open new terminal&lt;/p&gt;

&lt;p&gt;&lt;code&gt;Ctrl+B&lt;/code&gt; - Toggle on/off sidebar&lt;br&gt;
&lt;code&gt;Ctrl+P&lt;/code&gt; - Go to file in the current folder&lt;br&gt;
&lt;code&gt;Ctrl+L&lt;/code&gt; - Select the current line in the cursor&lt;br&gt;
&lt;code&gt;Ctrl+G&lt;/code&gt; - Go to line number&lt;br&gt;
&lt;code&gt;Ctrl+R&lt;/code&gt; - Shows all the folder in the current directory &lt;br&gt;
&lt;code&gt;Ctrl+F&lt;/code&gt; - Find anything in the file&lt;br&gt;
&lt;code&gt;Ctrl+H&lt;/code&gt; - Replace any word&lt;br&gt;
&lt;code&gt;Ctrl+D&lt;/code&gt; - Add selection to next match&lt;br&gt;
&lt;code&gt;Ctrl+,&lt;/code&gt; - Open settings&lt;br&gt;
&lt;code&gt;Ctrl +k, Ctrl+T&lt;/code&gt; - Open themes&lt;br&gt;
&lt;code&gt;Ctrl+J&lt;/code&gt;/&lt;code&gt;Ctrl+&lt;/code&gt;` - Quick open to current terminal&lt;/p&gt;

&lt;p&gt;&lt;code&gt;Alt+UpArrow&lt;/code&gt; - Shift current line above&lt;br&gt;
&lt;code&gt;Alt+DownArrow&lt;/code&gt; - Shift current line down&lt;br&gt;
&lt;code&gt;Alt+Click&lt;/code&gt; - Add new cursor &lt;/p&gt;

&lt;p&gt;&lt;code&gt;Alt+Shift+UpArrow&lt;/code&gt; - Copy and shift current line/selected lines to above&lt;br&gt;
&lt;code&gt;Alt+Shift+DownArrow&lt;/code&gt; - Copy and shift current line/selected lines to down&lt;br&gt;
&lt;code&gt;Alt+Shift+F&lt;/code&gt; - Format code (Windows)&lt;/p&gt;

&lt;p&gt;&lt;code&gt;Ctrl+Alt+Shift+DownArrow&lt;/code&gt;/ &lt;code&gt;Ctrl+Alt+DownArrow&lt;/code&gt; - Add cursor down &lt;br&gt;
&lt;code&gt;Ctrl+Alt+Shift+UpArrow&lt;/code&gt;/ &lt;code&gt;Ctrl+Alt+UpArrow&lt;/code&gt; - Add cursor above&lt;/p&gt;

&lt;p&gt;You can change or make any shortcut willingly. &lt;/p&gt;

&lt;h3&gt;
  
  
  Extensions
&lt;/h3&gt;

&lt;h4&gt;
  
  
  &lt;a href="https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer"&gt;Live Server&lt;/a&gt;
&lt;/h4&gt;

&lt;p&gt;This extension is way too good when you are making a static website using html,css. After installation, all you need to open the live server. You can do this by clicking &lt;code&gt;Go Live&lt;/code&gt; from the status bar or simply press &lt;code&gt;Alt+L, Alt+O&lt;/code&gt;. You can terminate server by pressing &lt;code&gt;Alt+L, Alt+C&lt;/code&gt;&lt;/p&gt;

&lt;h4&gt;
  
  
  &lt;a href="https://marketplace.visualstudio.com/items?itemName=ritwickdey.live-sass"&gt;Live Sass Compiler&lt;/a&gt;
&lt;/h4&gt;

&lt;p&gt;It will compile all your code written in  &lt;strong&gt;.scss&lt;/strong&gt; format to &lt;strong&gt;.css&lt;/strong&gt; format&lt;/p&gt;

&lt;h4&gt;
  
  
  &lt;a href="https://marketplace.visualstudio.com/items?itemName=dsznajder.es7-react-js-snippets"&gt;ES7 React/Redux/GraphQL/React-Native snippets&lt;/a&gt;
&lt;/h4&gt;

&lt;p&gt;It provides some cool shortcuts if you use &lt;strong&gt;React&lt;/strong&gt;&lt;/p&gt;

&lt;h4&gt;
  
  
  &lt;a href="https://marketplace.visualstudio.com/items?itemName=pnp.polacode"&gt;Polacode&lt;/a&gt;
&lt;/h4&gt;

&lt;p&gt;It lets you to take nice screenshots of your code. Press &lt;code&gt;Ctrl+Shift+P&lt;/code&gt; and write polacode and hit enter. It will open a panel in the right side. Now Select your code and take screenshot.&lt;/p&gt;

&lt;h4&gt;
  
  
  &lt;a href="https://marketplace.visualstudio.com/items?itemName=PKief.material-icon-theme"&gt;Material Icon Theme&lt;/a&gt;
&lt;/h4&gt;

&lt;p&gt;It provides material icons in your files.&lt;/p&gt;

&lt;h4&gt;
  
  
  &lt;a href="https://marketplace.visualstudio.com/items?itemName=dracula-theme.theme-dracula"&gt;Dracula Official&lt;/a&gt;
&lt;/h4&gt;

&lt;p&gt;There are lots of black themes but I like this one.&lt;/p&gt;

&lt;p&gt;These are the shortcuts and extensions I use. Any kind of suggestions would be appreciated. Thank you&lt;/p&gt;

</description>
      <category>vscode</category>
      <category>productivity</category>
      <category>tools</category>
      <category>webdev</category>
    </item>
  </channel>
</rss>
