Interview on My New Hugo Sitehttps://example.org/tags/interview/Recent content from My New Hugo SiteHugoenpathakdivy03@gmail.com (Divy Pathak)pathakdivy03@gmail.com (Divy Pathak)All articles on this blog are licensed under the BY-NC-SA license agreement unless otherwise stated. Please indicate the source when reprinting!Wed, 01 Oct 2025 22:07:57 +0530Semantic Tagshttps://example.org/post/semantic-tags/Sun, 14 Sep 2025 20:12:52 +0800pathakdivy03@gmail.com (Divy Pathak)https://example.org/post/semantic-tags/ Semantic Tags

Author: Divy Pathak(pathakdivy03@gmail.com)

Semantic HTML tags are meaningful tags that describe the purpose of the content inside them — both to the browser and to developers (and also screen readers for accessibility).

<header> for top section (logo, nav, intro)
<nav> for nav menu with nav-links
<main> for main content of the doc
<section> sections of content 
<article> for blog post, news article
<aside> sidebar content, i.e. not related to main content
<footer> bottom section with links and copyright license
<figure> to wrap media images, diagrams, charts with captions
<figcaption> caption for figure
<mark> highlight text with yellow
<time> represent datetime="" attribute for machine readability

also a new semantic tag added which is used to wrap personal social media address like email, linkedin, etc and NOT the actual postal address.

Published on 2025-09-14 at My New Hugo Site, last modified on 2025-10-01

]]>prepJS ToDohttps://example.org/post/markdown/Sun, 14 Sep 2025 20:12:52 +0800pathakdivy03@gmail.com (Divy Pathak)https://example.org/post/markdown/ JS ToDo

Author: Divy Pathak(pathakdivy03@gmail.com)

The most Important keys to Typing in Markdown

  • The Link [[Learning Obsidian]].
  • Header, hash then space.
  • Tags, with #md hash without space.
  • Italic, add asterisk for emphasizing.
  • Bold, add double ** for attention.
  • Strikethrough, with double ~ wobbly lines.
  • Inline code with javascript back ticks.
  • Types of Lists
    • Unordered
    1. Ordered
  • Todos can be created with
    • Not done
    • Done
  • Link text
  • images can be loaded through URL too Alt text
  • Blockquotes

    This is a note

    Published on 2025-09-14 at My New Hugo Site, last modified on 2025-10-01

    ]]>prepJS ToDohttps://example.org/post/js-flash-card/Sun, 14 Sep 2025 20:12:52 +0800pathakdivy03@gmail.com (Divy Pathak)https://example.org/post/js-flash-card/ JS ToDo

    Author: Divy Pathak(pathakdivy03@gmail.com)

    1. Browser
    2. HTML
    3. High - Level
    4. EcmaScript
    5. Web Assembly
    6. Runtime
    7. Scripting Language
    8. Dev Tools
    9. Interpreter
    10. Js Engine V8
    11. Just-in-time compilation
    12. tag
    13. src= attribute
    14. console.log();
    15. Let
    16. camelCase
    17. Dynamically Typed
    18. Primitive
    19. Undefined
    20. Null
    21. String
    22. Object
    23. ;
    24. Const
    25. var
    26. Lexical Environment
    27. Global Scope
    28. Function
    29. Local Scope
    30. Block Scope
    31. Hoisting
    32. Function definition
    33. Input params
    34. Return value
    35. Function Expression
    36. Higher-Order Function
    37. Closure
    38. Call Stack
    39. Heap
    40. This
    41. Window/Global
    42. Bind
    43. number passed by value, object passed by reference
    44. OOP
    45. Getter/Setter
    46. Instance method
    47. Static method
    48. Array, Set, Map
    49. Garbage Collection
    50. WeakMap, WeakSet
    51. Non-blocking event loop
    52. Synchronous
    53. Asynchronous
    54. Thread Pool
    55. Single Threaded
    56. setTimeout
    57. Callback Function
    58. Promise
    59. Resolve
    60. Resolve
    61. Promis.then().catch()
    62. Async await
    63. Try/Catch
    64. ES Modules
    65. Jest
    66. JS Lint
    67. Default Export
    68. Destructuring
    69. Document Object Model (DOM)
    70. Document
    71. QuerySelector
    72. CSS Selector, tag selector, etc.
    73. Element
    74. QuerySelectorAll
    75. Events
    76. Imperative code, UI mutated directly
    77. Declarative code
    78. Components
    79. Data Binding
    80. Module Bundler (VITE)
    81. Dynamic Imports
    82. Node.js
    83. Template Literals

    Published on 2025-09-14 at My New Hugo Site, last modified on 2025-10-01

    ]]>    prep    Josh Interviewhttps://example.org/post/josh/Sun, 14 Sep 2025 20:12:52 +0800pathakdivy03@gmail.com (Divy Pathak)https://example.org/post/josh/ Josh Interview

    Author: Divy Pathak(pathakdivy03@gmail.com)

    • [[Self Introduction]]
    • [[Strengths & Weaknesses]]
    • Round 3 Assignment
    • Ask question to them
    • Latest Resume
    • All deployed projects links
    • Know about every technology I wrote in my resume
    • Revise through [[JS Flash Card]]

    [[HTML]]

    • meta tag

    [[CSS]]

    • use of important!
    • specificity order
    • CSS Frameworks
    • SASS vs Tailwind CSS

    [[JavaScript]]

    • var vs let
    • Hoisting
    • [[JS Flash Card]]

    Published on 2025-09-14 at My New Hugo Site, last modified on 2025-10-01

    ]]>    JavaScripthttps://example.org/post/javascript/Sun, 14 Sep 2025 20:12:52 +0800pathakdivy03@gmail.com (Divy Pathak)https://example.org/post/javascript/ JavaScript

    Author: Divy Pathak(pathakdivy03@gmail.com)

    var / let

    Feature var let
    Scope Function-scoped Block-scoped
    Global Binding Becomes property of global object (window.x) Does not attach to global object
    Hoisting Hoisted, initialized with undefined Hoisted, but in TDZ (cannot use before declaration)
    Redeclaration Allowed in same scope Not allowed in same scope
    Local Use Exists inside functions Exists inside blocks (if, for, etc.)
    Feature var let const
    Scope Function / global Block Block
    Hoisting Yes, undefined init Yes, TDZ until init Yes, TDZ until init
    Redeclaration ✅ Allowed ❌ Not allowed ❌ Not allowed
    Reassignment ✅ Allowed ✅ Allowed ❌ Not allowed
    Global Object Attaches to window Doesn’t attach Doesn’t attach

    Hoisting

    Hoisting is JavaScript’s behavior of moving declarations to the top of their scope (function or global) before code execution.

    Published on 2025-09-14 at My New Hugo Site, last modified on 2025-10-01

    ]]>    prep    HTMLhttps://example.org/post/html/Sun, 14 Sep 2025 20:12:52 +0800pathakdivy03@gmail.com (Divy Pathak)https://example.org/post/html/ HTML

    Author: Divy Pathak(pathakdivy03@gmail.com)

    Hyper Text Markup Language is the backbone of any website.

    • Avoid using more than 1 as it is the biggest heading, only one h1 should be present in one sheet.
    • Always use headings in order, first h1 then h2 and so on.
    • Always use img tag inside a figure tag when images have caption
    <figure>
   <img src="" />
   <figcaption>Caption</figcaption>
</figure>
    • Use [[Semantic Tags]] like header, footer, section, article
    • Avoid using , for bold and italics, instead use [[CSS]] properties like font-weight and font-style: “italic” or use for bold and for emphasis/italics.
    • Don’t use block elements inside inline elements

    Block and Inline element

    Block elements always start on a new line and take up the full width available.

    Published on 2025-09-14 at My New Hugo Site, last modified on 2025-10-01

    ]]>prep