<?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: Vikas Singh</title>
    <description>The latest articles on Forem by Vikas Singh (@vikasdotdev).</description>
    <link>https://forem.com/vikasdotdev</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%2F3259425%2F64235bfe-e327-4429-843b-cc8149a9f9d8.png</url>
      <title>Forem: Vikas Singh</title>
      <link>https://forem.com/vikasdotdev</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://forem.com/feed/vikasdotdev"/>
    <language>en</language>
    <item>
      <title>Day 6 — JavaScript Functions &amp; Methods</title>
      <dc:creator>Vikas Singh</dc:creator>
      <pubDate>Mon, 14 Jul 2025 15:34:30 +0000</pubDate>
      <link>https://forem.com/vikasdotdev/day-6-javascript-functions-methods-18ao</link>
      <guid>https://forem.com/vikasdotdev/day-6-javascript-functions-methods-18ao</guid>
      <description>&lt;p&gt;Hey devs! 👋&lt;br&gt;
Today was all about one of the most powerful building blocks in JavaScript — functions. Here’s what I covered:&lt;/p&gt;

&lt;p&gt;🔹 Function Declaration &amp;amp; Calls&lt;br&gt;
How to define a function and call it when needed.&lt;/p&gt;

&lt;p&gt;🔹 Arguments &amp;amp; Return Values&lt;br&gt;
Passing values into functions and returning results back.&lt;/p&gt;

&lt;p&gt;🔹 Scopes in JavaScript&lt;br&gt;
I finally understood:&lt;/p&gt;

&lt;p&gt;Function Scope&lt;/p&gt;

&lt;p&gt;Block Scope&lt;/p&gt;

&lt;p&gt;Lexical Scope&lt;/p&gt;

&lt;p&gt;🔹 Function Expressions&lt;br&gt;
Using functions as variables — opening doors to more flexibility.&lt;/p&gt;

&lt;p&gt;🔹 Higher Order Functions&lt;br&gt;
Mind-blowing stuff! Functions that:&lt;/p&gt;

&lt;p&gt;Accept other functions as arguments&lt;/p&gt;

&lt;p&gt;Return other functions — welcome to functional programming!&lt;/p&gt;

&lt;p&gt;🔹 JS Methods&lt;br&gt;
And lastly, the difference between functions and methods.&lt;br&gt;
(Hint: Methods are just functions inside objects 👀)&lt;/p&gt;

&lt;p&gt;📌 All My Links: &lt;a href="https://linktr.ee/vikasdotdev" rel="noopener noreferrer"&gt;https://linktr.ee/vikasdotdev&lt;/a&gt;  &lt;/p&gt;

</description>
      <category>webdev</category>
      <category>javascript</category>
      <category>programming</category>
      <category>buildinpublic</category>
    </item>
    <item>
      <title>JavaScript Day 4 &amp; 5: Mastering Loops and Objects</title>
      <dc:creator>Vikas Singh</dc:creator>
      <pubDate>Wed, 09 Jul 2025 16:04:54 +0000</pubDate>
      <link>https://forem.com/vikasdotdev/javascript-day-4-5-mastering-loops-and-objects-56a9</link>
      <guid>https://forem.com/vikasdotdev/javascript-day-4-5-mastering-loops-and-objects-56a9</guid>
      <description>&lt;p&gt;Hey devs! 👋&lt;br&gt;
As part of my daily learning challenge, I just completed Day 4 &amp;amp; 5 of JavaScript — and it was all about two major concepts: loops and objects in JS.&lt;/p&gt;

&lt;p&gt;✅ Here's what I practiced:&lt;/p&gt;

&lt;p&gt;All types of loops (for, while, nested, for-of)&lt;/p&gt;

&lt;p&gt;Working with arrays using loops&lt;/p&gt;

&lt;p&gt;Object literals — create, update, access&lt;/p&gt;

&lt;p&gt;Arrays of objects and object of objects&lt;/p&gt;

&lt;p&gt;The Math object &amp;amp; how to generate random numbers&lt;/p&gt;

&lt;p&gt;🎥 I’ve documented everything in a short video &lt;br&gt;
💻 Watch the video - linktr.ee/vikasdotdev&lt;/p&gt;

&lt;p&gt;I’d love your thoughts, feedback, or even if you’re learning alongside — let’s connect!&lt;/p&gt;

&lt;h1&gt;
  
  
  javascript #webdev #100DaysOfCode #frontend #beginners #buildinpublic
&lt;/h1&gt;

</description>
    </item>
    <item>
      <title>Day 3: Deep Dive into Strings &amp; Arrays in JavaScript</title>
      <dc:creator>Vikas Singh</dc:creator>
      <pubDate>Wed, 09 Jul 2025 15:53:21 +0000</pubDate>
      <link>https://forem.com/vikasdotdev/day-3-deep-dive-into-strings-arrays-in-javascript-2d98</link>
      <guid>https://forem.com/vikasdotdev/day-3-deep-dive-into-strings-arrays-in-javascript-2d98</guid>
      <description>&lt;p&gt;Learned how JavaScript strings are immutable&lt;/p&gt;

&lt;p&gt;Mastered string methods: trim(), slice(), replace(), repeat()&lt;/p&gt;

&lt;p&gt;Worked with arrays — from indexing to sorting and splicing&lt;/p&gt;

&lt;p&gt;👉 Full explanation with visuals on my Insta&lt;br&gt;
👉 Connect with me via Linktree: linktr.ee/vikasdotdev&lt;/p&gt;

&lt;h1&gt;
  
  
  javascript #learning #webdev #100DaysOfCode #arraymethods #stringmethods #devlog
&lt;/h1&gt;

</description>
      <category>webdev</category>
      <category>programming</category>
      <category>javascript</category>
      <category>buildinpublic</category>
    </item>
    <item>
      <title>📘 JavaScript Day 2</title>
      <dc:creator>Vikas Singh</dc:creator>
      <pubDate>Tue, 01 Jul 2025 10:37:24 +0000</pubDate>
      <link>https://forem.com/vikasdotdev/javascript-day-2-3li9</link>
      <guid>https://forem.com/vikasdotdev/javascript-day-2-3li9</guid>
      <description>&lt;p&gt;Hey everyone 👋&lt;/p&gt;

&lt;p&gt;It’s Day 2 of my JavaScript learning journey!&lt;/p&gt;

&lt;p&gt;Here’s what I learned and practiced today:&lt;/p&gt;

&lt;p&gt;✅ Basics:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;code&gt;console.log()&lt;/code&gt; – logging values and debugging in the browser console&lt;/li&gt;
&lt;li&gt;Linking an external &lt;code&gt;.js&lt;/code&gt; file to your HTML&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;🧠 Core Concepts:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Template Literals: &lt;code&gt;${variable}&lt;/code&gt; syntax inside backticks&lt;/li&gt;
&lt;li&gt;Comparison Operators: &lt;code&gt;==&lt;/code&gt;, &lt;code&gt;===&lt;/code&gt;, &lt;code&gt;!=&lt;/code&gt;, &lt;code&gt;&amp;gt;&lt;/code&gt;, &lt;code&gt;&amp;lt;&lt;/code&gt;, &lt;code&gt;&amp;gt;=&lt;/code&gt;, &lt;code&gt;&amp;lt;=&lt;/code&gt;
&lt;/li&gt;
&lt;li&gt;Comparisons for non-numbers: &lt;code&gt;"5" == 5&lt;/code&gt; vs &lt;code&gt;"5" === 5&lt;/code&gt;
&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;🔀 Logic Building:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Logical Operators: &lt;code&gt;&amp;amp;&amp;amp;&lt;/code&gt;, &lt;code&gt;||&lt;/code&gt;, &lt;code&gt;!&lt;/code&gt;
&lt;/li&gt;
&lt;li&gt;Conditional Statements: &lt;code&gt;if&lt;/code&gt;, &lt;code&gt;else if&lt;/code&gt;, &lt;code&gt;else&lt;/code&gt;
&lt;/li&gt;
&lt;li&gt;Truthy and Falsy values: understanding how JavaScript evaluates conditions&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;💬 Browser Interaction:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;code&gt;alert()&lt;/code&gt; – show message popups&lt;/li&gt;
&lt;li&gt;
&lt;code&gt;prompt()&lt;/code&gt; – take user input&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;I’m learning and building in public — follow along as I continue this journey!&lt;br&gt;&lt;br&gt;
Here’s my &lt;a href="https://linktr.ee/vikasdotdev" rel="noopener noreferrer"&gt;Linktree&lt;/a&gt; to stay connected across platforms.  &lt;/p&gt;

&lt;p&gt;Happy coding! 💻🔥  &lt;/p&gt;

&lt;h1&gt;
  
  
  javascript #100DaysOfCode #webdev #buildinpublic
&lt;/h1&gt;

</description>
      <category>webdev</category>
      <category>programming</category>
      <category>javascript</category>
      <category>beginners</category>
    </item>
    <item>
      <title>📌Day 1 of JavaScript — My Journey Begins!</title>
      <dc:creator>Vikas Singh</dc:creator>
      <pubDate>Sun, 29 Jun 2025 19:04:35 +0000</pubDate>
      <link>https://forem.com/vikasdotdev/day-1-of-javascript-my-journey-begins-2e7n</link>
      <guid>https://forem.com/vikasdotdev/day-1-of-javascript-my-journey-begins-2e7n</guid>
      <description>&lt;p&gt;Hey devs!&lt;br&gt;
After wrapping up CSS with a full Pinterest-inspired UI project, I’ve officially started my JavaScript journey — and I’m super excited to share it with you all. 🚀&lt;/p&gt;

&lt;p&gt;✅ What I Learned Today:&lt;br&gt;
What is JavaScript and how it works in the browser&lt;/p&gt;

&lt;p&gt;Using the console for testing&lt;/p&gt;

&lt;p&gt;Declaring variables in JavaScript&lt;/p&gt;

&lt;p&gt;Data Types in JS (Numbers, Strings, Boolean, Null, Undefined, NaN)&lt;/p&gt;

&lt;p&gt;Understanding operator precedence&lt;/p&gt;

&lt;p&gt;let, const, and var — differences and usage&lt;/p&gt;

&lt;p&gt;Assignment operators, Unary operators&lt;/p&gt;

&lt;p&gt;Identifier naming rules&lt;/p&gt;

&lt;p&gt;Comparison between JavaScript and TypeScript&lt;/p&gt;

&lt;p&gt;It was a packed day, but this foundation is going to help me a lot as I move into DOM manipulation, events, and building actual interactive features!&lt;/p&gt;

&lt;p&gt;🎥 I’ve uploaded a short-form video on my Instagram, LinkedIn, and X — and you can check the complete breakdown of my notes and progress here:&lt;br&gt;
&lt;a href="https://linktr.ee/vikasdotdev" rel="noopener noreferrer"&gt;https://linktr.ee/vikasdotdev&lt;/a&gt; – All My Links&lt;/p&gt;

&lt;p&gt;💬 I’m documenting my journey in public — one day at a time. If you’re also learning JavaScript or just getting started, let’s connect and grow together!&lt;/p&gt;

</description>
      <category>webdev</category>
      <category>programming</category>
      <category>javascript</category>
      <category>100daysofcode</category>
    </item>
    <item>
      <title>Pinterest UI Clone using HTML &amp; CSS</title>
      <dc:creator>Vikas Singh</dc:creator>
      <pubDate>Wed, 25 Jun 2025 14:58:27 +0000</pubDate>
      <link>https://forem.com/vikasdotdev/pinterest-ui-clone-using-html-css-47a</link>
      <guid>https://forem.com/vikasdotdev/pinterest-ui-clone-using-html-css-47a</guid>
      <description>&lt;p&gt;Built a Pinterest-inspired UI using just HTML and CSS to apply what I learned after completing all core CSS concepts.&lt;/p&gt;

&lt;p&gt;✅ Features:&lt;br&gt;
Navbar&lt;/p&gt;

&lt;p&gt;Sidebar with icons&lt;/p&gt;

&lt;p&gt;Responsive Image Grid using CSS Grid&lt;/p&gt;

&lt;p&gt;Basic Animations &amp;amp; Media Queries&lt;/p&gt;

&lt;p&gt;🎥 Preview my project:&lt;br&gt;
&lt;a href="https://drive.google.com/file/d/1xtVAsspKPhTElF-HjAg3NFgkafYA6QjN/view?usp=drive_link" rel="noopener noreferrer"&gt;https://drive.google.com/file/d/1xtVAsspKPhTElF-HjAg3NFgkafYA6QjN/view?usp=drive_link&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Follow my learning journey:&lt;br&gt;
👉linktr.ee/vikasdotdev&lt;/p&gt;

</description>
      <category>css</category>
      <category>webdev</category>
      <category>buildinpublic</category>
    </item>
    <item>
      <title>🧱 Day 4 of CSS — Grid, Animations &amp; Media Queries</title>
      <dc:creator>Vikas Singh</dc:creator>
      <pubDate>Sat, 21 Jun 2025 16:44:35 +0000</pubDate>
      <link>https://forem.com/vikasdotdev/day-4-of-css-grid-animations-media-queries-340p</link>
      <guid>https://forem.com/vikasdotdev/day-4-of-css-grid-animations-media-queries-340p</guid>
      <description>&lt;p&gt;Today I explored:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;CSS Grid layout system (rows, columns, gaps, alignment)&lt;/li&gt;
&lt;li&gt;Basic CSS animations using @keyframes&lt;/li&gt;
&lt;li&gt;Media Queries for responsive design&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;I’m learning in public. Connect with me here:&lt;br&gt;
👉 &lt;a href="https://linktr.ee/vikasdotdev" rel="noopener noreferrer"&gt;https://linktr.ee/vikasdotdev&lt;/a&gt;&lt;/p&gt;

</description>
      <category>css</category>
      <category>frontend</category>
      <category>webdev</category>
      <category>codenewbie</category>
    </item>
    <item>
      <title>Day 3 of CSS — Flexbox Project</title>
      <dc:creator>Vikas Singh</dc:creator>
      <pubDate>Fri, 20 Jun 2025 14:21:53 +0000</pubDate>
      <link>https://forem.com/vikasdotdev/day-3-of-css-flexbox-project-5b36</link>
      <guid>https://forem.com/vikasdotdev/day-3-of-css-flexbox-project-5b36</guid>
      <description>&lt;p&gt;In today’s CSS learning session, I explored the Flexbox layout system and created a mini project using:&lt;/p&gt;

&lt;p&gt;flex-direction, justify-content, align-items, flex-wrap, and more.&lt;/p&gt;

&lt;p&gt;Built it live, uploaded the video to YouTube, and pushed code to GitHub.&lt;/p&gt;

&lt;p&gt;📺 Watch on YouTube&lt;br&gt;
📂 Get the Code&lt;/p&gt;

&lt;p&gt;Follow my daily web dev journey here and on socials.&lt;br&gt;
Let’s connect 👉 linktr.ee/vikasdotdev&lt;/p&gt;

</description>
      <category>css</category>
      <category>frontend</category>
      <category>webdev</category>
      <category>codenewbie</category>
    </item>
    <item>
      <title>Day 2 of Learning CSS</title>
      <dc:creator>Vikas Singh</dc:creator>
      <pubDate>Sun, 15 Jun 2025 08:09:09 +0000</pubDate>
      <link>https://forem.com/vikasdotdev/day-2-of-learning-css-k08</link>
      <guid>https://forem.com/vikasdotdev/day-2-of-learning-css-k08</guid>
      <description>&lt;p&gt;Hey everyone 👋&lt;br&gt;
This is Day 2 of my CSS journey!&lt;/p&gt;

&lt;p&gt;Today I focused on some of the most foundational concepts that power modern layouts and page styling. Here's what I explored:&lt;/p&gt;

&lt;p&gt;📘 What I learned:&lt;br&gt;
CSS Selectors (Basic + Advanced)&lt;/p&gt;

&lt;p&gt;Pseudo-classes and Pseudo-elements&lt;/p&gt;

&lt;p&gt;Cascading, Specificity, and the !important rule&lt;/p&gt;

&lt;p&gt;Inheritance in CSS&lt;/p&gt;

&lt;p&gt;The Box Model: height, width, borders, padding, margins&lt;/p&gt;

&lt;p&gt;Border radius and individual borders&lt;/p&gt;

&lt;p&gt;Display property (block, inline, etc.)&lt;/p&gt;

&lt;p&gt;CSS Units (absolute &amp;amp; relative)&lt;/p&gt;

&lt;p&gt;📺 Watch the video:&lt;br&gt;
Check out the full breakdown on my insta:&lt;/p&gt;

&lt;p&gt;🔗 All My Links in One Place:&lt;br&gt;
🌐 linktr.ee/vikasdotdev&lt;/p&gt;

</description>
      <category>webdev</category>
      <category>programming</category>
      <category>javascript</category>
      <category>beginners</category>
    </item>
    <item>
      <title>CSS Day 1 – What I Learned as a Beginner</title>
      <dc:creator>Vikas Singh</dc:creator>
      <pubDate>Fri, 13 Jun 2025 05:37:56 +0000</pubDate>
      <link>https://forem.com/vikasdotdev/css-day-1-what-i-learned-as-a-beginner-4f8l</link>
      <guid>https://forem.com/vikasdotdev/css-day-1-what-i-learned-as-a-beginner-4f8l</guid>
      <description>&lt;p&gt;Hey folks 👋&lt;/p&gt;

&lt;p&gt;Today I started learning CSS — and here’s a quick recap of everything I covered.&lt;/p&gt;

&lt;p&gt;Topics I Learned Today:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;What is CSS?&lt;/li&gt;
&lt;li&gt;Basic format of writing CSS&lt;/li&gt;
&lt;li&gt;Different ways to apply styles:

&lt;ul&gt;
&lt;li&gt;Inline styles
&lt;/li&gt;
&lt;li&gt;
&lt;code&gt;&amp;lt;style&amp;gt;&lt;/code&gt; tag
&lt;/li&gt;
&lt;li&gt;External stylesheet&lt;/li&gt;
&lt;/ul&gt;


&lt;/li&gt;

&lt;li&gt;Color &amp;amp; background-color properties&lt;/li&gt;

&lt;li&gt;Color systems in CSS:

&lt;ul&gt;
&lt;li&gt;Named colors
&lt;/li&gt;
&lt;li&gt;RGB values
&lt;/li&gt;
&lt;li&gt;Hexadecimal codes&lt;/li&gt;
&lt;/ul&gt;


&lt;/li&gt;

&lt;li&gt;Basic text properties:

&lt;ul&gt;
&lt;li&gt;
&lt;code&gt;text-align&lt;/code&gt;, &lt;code&gt;font-weight&lt;/code&gt;, &lt;code&gt;font-family&lt;/code&gt;,
&lt;/li&gt;
&lt;li&gt;
&lt;code&gt;text-decoration&lt;/code&gt;, &lt;code&gt;line-height&lt;/code&gt;, &lt;code&gt;letter-spacing&lt;/code&gt;
&lt;/li&gt;
&lt;/ul&gt;


&lt;/li&gt;

&lt;/ul&gt;

&lt;p&gt;Watch My CSS Day 1 Video: &lt;br&gt;
&lt;a href="https://linktr.ee/vikasdotdev" rel="noopener noreferrer"&gt;https://linktr.ee/vikasdotdev&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;If you want notes for this — just comment "notes" and I’ll DM them to you.&lt;br&gt;&lt;br&gt;
Let's keep learning, one day at a time.&lt;/p&gt;

&lt;p&gt;🔗Connect With Me Across Platforms:&lt;br&gt;&lt;br&gt;
&lt;a href="https://linktr.ee/vikasdotdev" rel="noopener noreferrer"&gt;https://linktr.ee/vikasdotdev&lt;/a&gt;&lt;/p&gt;

</description>
    </item>
    <item>
      <title>I’m Vikas Singh – Building in Public from Day 1</title>
      <dc:creator>Vikas Singh</dc:creator>
      <pubDate>Fri, 13 Jun 2025 05:35:14 +0000</pubDate>
      <link>https://forem.com/vikasdotdev/im-vikas-singh-building-in-public-from-day-1-1amg</link>
      <guid>https://forem.com/vikasdotdev/im-vikas-singh-building-in-public-from-day-1-1amg</guid>
      <description>&lt;p&gt;Hey Devs! 👋&lt;/p&gt;

&lt;p&gt;I’m Vikas Singh, a Full-Stack WEB Developer.&lt;br&gt;&lt;br&gt;
I’ve already completed my full stack journey — but now I’ve decided to share it, day by day.&lt;/p&gt;

&lt;p&gt;Why?&lt;br&gt;&lt;br&gt;
Because learning in public helps you grow, build confidence, and connect with the community.  &lt;/p&gt;

&lt;p&gt;Here’s my intro video – where I explain what I’m doing and why I’m doing it:&lt;br&gt;&lt;br&gt;
&lt;a href="https://linktr.ee/vikasdotdev" rel="noopener noreferrer"&gt;https://linktr.ee/vikasdotdev&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;📌What to Expect&lt;br&gt;&lt;br&gt;
Every day, I’ll post:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Short videos sharing what I learned
&lt;/li&gt;
&lt;li&gt;Notes for beginners (just comment 'notes')
&lt;/li&gt;
&lt;li&gt;Project progress
&lt;/li&gt;
&lt;li&gt;Honest wins &amp;amp; struggles&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;🔗Connect with Me &lt;br&gt;
&lt;a href="https://linktr.ee/vikasdotdev" rel="noopener noreferrer"&gt;https://linktr.ee/vikasdotdev&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Let’s build, learn, and grow together. 🚀&lt;/p&gt;

</description>
      <category>webdev</category>
      <category>buildinpublic</category>
      <category>developer</category>
    </item>
  </channel>
</rss>
