<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"><channel><title>Notes on My New Hugo Site</title><link>https://example.org/tags/notes/</link><description>Recent content from My New Hugo Site</description><generator>Hugo</generator><language>en</language><managingEditor>pathakdivy03@gmail.com (Divy Pathak)</managingEditor><webMaster>pathakdivy03@gmail.com (Divy Pathak)</webMaster><copyright>All articles on this blog are licensed under the BY-NC-SA license agreement unless otherwise stated. Please indicate the source when reprinting!</copyright><lastBuildDate>Wed, 01 Oct 2025 22:07:57 +0530</lastBuildDate><atom:link href="https://example.org/tags/notes/index.xml" rel="self" type="application/rss+xml"/><item><title>JavaScript</title><link>https://example.org/post/javascript/</link><pubDate>Sun, 14 Sep 2025 20:12:52 +0800</pubDate><author>pathakdivy03@gmail.com (Divy Pathak)</author><guid>https://example.org/post/javascript/</guid><description>
<![CDATA[<h1>JavaScript</h1><p>Author: Divy Pathak(pathakdivy03@gmail.com)</p>
        
          <h3 id="var--let">
<a class="header-anchor" href="#var--let"></a>
var / let
</h3><table>
  <thead>
      <tr>
          <th>Feature</th>
          <th><code>var</code></th>
          <th><code>let</code></th>
      </tr>
  </thead>
  <tbody>
      <tr>
          <td>Scope</td>
          <td>Function-scoped</td>
          <td>Block-scoped</td>
      </tr>
      <tr>
          <td>Global Binding</td>
          <td>Becomes property of global object (<code>window.x</code>)</td>
          <td>Does <strong>not</strong> attach to global object</td>
      </tr>
      <tr>
          <td>Hoisting</td>
          <td>Hoisted, initialized with <code>undefined</code></td>
          <td>Hoisted, but in TDZ (cannot use before declaration)</td>
      </tr>
      <tr>
          <td>Redeclaration</td>
          <td>Allowed in same scope</td>
          <td>Not allowed in same scope</td>
      </tr>
      <tr>
          <td>Local Use</td>
          <td>Exists inside functions</td>
          <td>Exists inside blocks (<code>if</code>, <code>for</code>, etc.)</td>
      </tr>
  </tbody>
</table>
<table>
  <thead>
      <tr>
          <th>Feature</th>
          <th><code>var</code></th>
          <th><code>let</code></th>
          <th><code>const</code></th>
      </tr>
  </thead>
  <tbody>
      <tr>
          <td>Scope</td>
          <td>Function / global</td>
          <td>Block</td>
          <td>Block</td>
      </tr>
      <tr>
          <td>Hoisting</td>
          <td>Yes, <code>undefined</code> init</td>
          <td>Yes, TDZ until init</td>
          <td>Yes, TDZ until init</td>
      </tr>
      <tr>
          <td>Redeclaration</td>
          <td>✅ Allowed</td>
          <td>❌ Not allowed</td>
          <td>❌ Not allowed</td>
      </tr>
      <tr>
          <td>Reassignment</td>
          <td>✅ Allowed</td>
          <td>✅ Allowed</td>
          <td>❌ Not allowed</td>
      </tr>
      <tr>
          <td>Global Object</td>
          <td>Attaches to <code>window</code></td>
          <td>Doesn’t attach</td>
          <td>Doesn’t attach</td>
      </tr>
  </tbody>
</table>
<h3 id="hoisting">
<a class="header-anchor" href="#hoisting"></a>
Hoisting
</h3><p>Hoisting is JavaScript’s behavior of <strong>moving declarations to the top of their scope (function or global)</strong> before code execution.</p>
        
        <hr><p>Published on 2025-09-14 at <a href='https://example.org/'>My New Hugo Site</a>, last modified on 2025-10-01</p>]]></description><category>prep</category></item><item><title>HTML</title><link>https://example.org/post/html/</link><pubDate>Sun, 14 Sep 2025 20:12:52 +0800</pubDate><author>pathakdivy03@gmail.com (Divy Pathak)</author><guid>https://example.org/post/html/</guid><description>
<![CDATA[<h1>HTML</h1><p>Author: Divy Pathak(pathakdivy03@gmail.com)</p>
        
          <p>Hyper Text Markup Language is the backbone of any website.</p>
<ul>
<li>Avoid using more than 1 <!-- raw HTML omitted -->  as it is the biggest heading, only one h1 should be present in one sheet.</li>
<li>Always use headings in order, first h1 then h2 and so on.</li>
<li>Always use img tag inside a figure tag when images have caption</li>
</ul>
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-html" data-lang="html"><span class="line"><span class="cl"><span class="p">&lt;</span><span class="nt">figure</span><span class="p">&gt;</span>
</span></span><span class="line"><span class="cl">   <span class="p">&lt;</span><span class="nt">img</span> <span class="na">src</span><span class="o">=</span><span class="s">&#34;&#34;</span> <span class="p">/&gt;</span>
</span></span><span class="line"><span class="cl">   <span class="p">&lt;</span><span class="nt">figcaption</span><span class="p">&gt;</span>Caption<span class="p">&lt;/</span><span class="nt">figcaption</span><span class="p">&gt;</span>
</span></span><span class="line"><span class="cl"><span class="p">&lt;/</span><span class="nt">figure</span><span class="p">&gt;</span>
</span></span></code></pre></div><ul>
<li>Use [[Semantic Tags]] like header, footer, section, article</li>
<li>Avoid using <!-- raw HTML omitted -->, <!-- raw HTML omitted --> for bold and italics, instead use [[CSS]] properties like font-weight and font-style: &ldquo;italic&rdquo; or use <!-- raw HTML omitted --> for bold and <!-- raw HTML omitted --> for emphasis/italics.</li>
<li>Don&rsquo;t use <a href="/post/html/#block-and-inline-element">block</a> elements inside <a href="/post/html/#block-and-inline-element">inline</a> elements</li>
</ul>
<h3 id="block-and-inline-element">
<a class="header-anchor" href="#block-and-inline-element"></a>
Block and Inline element
</h3><blockquote>
<p>Block elements always start on a new line and take up the <strong>full width</strong> available.</p>
        
        <hr><p>Published on 2025-09-14 at <a href='https://example.org/'>My New Hugo Site</a>, last modified on 2025-10-01</p>]]></description><category>prep</category></item></channel></rss>