<?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: Shubham Jadhav</title>
    <description>The latest articles on Forem by Shubham Jadhav (@dev_shubham).</description>
    <link>https://forem.com/dev_shubham</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%2F700913%2F2ed45bc9-fb6d-41ef-8878-e712e2e591f4.jpg</url>
      <title>Forem: Shubham Jadhav</title>
      <link>https://forem.com/dev_shubham</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://forem.com/feed/dev_shubham"/>
    <language>en</language>
    <item>
      <title>🌱 Spring vs Spring Boot – Explained Simply for Everyone</title>
      <dc:creator>Shubham Jadhav</dc:creator>
      <pubDate>Fri, 27 Jun 2025 04:05:03 +0000</pubDate>
      <link>https://forem.com/dev_shubham/spring-vs-spring-boot-explained-simply-for-everyone-5c5l</link>
      <guid>https://forem.com/dev_shubham/spring-vs-spring-boot-explained-simply-for-everyone-5c5l</guid>
      <description>&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%2Fjynflg07z8qhm8flil91.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%2Fjynflg07z8qhm8flil91.png" alt="Thumbnail of the post" width="800" height="360"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;🤔 &lt;strong&gt;What is Spring Framework&lt;/strong&gt;?&lt;/p&gt;

&lt;p&gt;Imagine you’re building a house (a Java application). You could:&lt;/p&gt;

&lt;p&gt;Make your own bricks,&lt;/p&gt;

&lt;p&gt;Lay every wire by hand,&lt;/p&gt;

&lt;p&gt;And build every wall from scratch.&lt;/p&gt;

&lt;p&gt;That's hard, slow, and error-prone.&lt;/p&gt;

&lt;p&gt;Spring is like a pre-built construction toolkit for Java developers. It gives you ready-to-use tools (like bricks, blueprints, and electrical wiring) so you can build big, complex applications faster — and with fewer bugs&lt;/p&gt;

&lt;p&gt;🧰 &lt;strong&gt;In tech terms:&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;Spring is a Java framework that helps you develop robust, secure, and maintainable Java applications. It handles:&lt;/p&gt;

&lt;p&gt;Dependency Injection (managing objects for you)&lt;/p&gt;

&lt;p&gt;Web apps and APIs (Spring MVC)&lt;/p&gt;

&lt;p&gt;Database access (Spring JDBC, Spring Data)&lt;/p&gt;

&lt;p&gt;Security (Spring Security)&lt;/p&gt;

&lt;p&gt;Testing and modularity&lt;/p&gt;

&lt;p&gt;Think of it as a Swiss army knife for Java developers.&lt;/p&gt;

&lt;p&gt;😩 &lt;strong&gt;But Wait... Spring Was Hard to Configure!&lt;/strong&gt;&lt;br&gt;
Yes, traditional Spring (before 2014) was a pain to set up:&lt;/p&gt;

&lt;p&gt;Tons of XML files&lt;/p&gt;

&lt;p&gt;Manual configurations&lt;/p&gt;

&lt;p&gt;Lots of boilerplate code&lt;/p&gt;

&lt;p&gt;That's where Spring Boot came in to rescue us!&lt;/p&gt;

&lt;p&gt;⚡ &lt;strong&gt;What is Spring Boot?&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;Spring Boot is like a power tool kit built on top of Spring.&lt;/p&gt;

&lt;p&gt;It simplifies everything by:&lt;/p&gt;

&lt;p&gt;Giving auto-configuration (less manual setup)&lt;/p&gt;

&lt;p&gt;Embedding a web server (like Tomcat) — no need to deploy to external servers&lt;/p&gt;

&lt;p&gt;Letting you create apps with minimal code&lt;/p&gt;

&lt;p&gt;Packaging your app into a single .jar file (just run it with one command!)&lt;/p&gt;

&lt;p&gt;🚀 &lt;strong&gt;In simple terms&lt;/strong&gt;:&lt;/p&gt;

&lt;p&gt;Spring Boot is to Spring what instant noodles are to regular noodles — ready to use, faster to cook, and just as delicious&lt;/p&gt;

&lt;p&gt;Whether you’re building your first Java project or working on enterprise-grade software, Spring Boot makes life easier.&lt;/p&gt;

&lt;p&gt;Start with Spring Boot. Understand how it simplifies Spring. Then go deeper into core Spring if needed.&lt;/p&gt;

&lt;p&gt;Happy coding! 🧑‍💻💚&lt;/p&gt;

</description>
      <category>java</category>
      <category>webdev</category>
      <category>springboot</category>
    </item>
    <item>
      <title>Top 5 VS code extensions for beginners 🚀</title>
      <dc:creator>Shubham Jadhav</dc:creator>
      <pubDate>Tue, 14 Dec 2021 11:42:59 +0000</pubDate>
      <link>https://forem.com/dev_shubham/top-5-vs-code-extensions-for-beginners-gpk</link>
      <guid>https://forem.com/dev_shubham/top-5-vs-code-extensions-for-beginners-gpk</guid>
      <description>&lt;p&gt;Hello Guys, Today in this article I am writing about &lt;strong&gt;Top 5 VS code extensions&lt;/strong&gt; for beginners. &lt;br&gt;
 So, let's start.... &lt;/p&gt;

&lt;p&gt;&lt;strong&gt;1.Prettier&lt;/strong&gt; :- &lt;br&gt;
               Prettier is an opinionated code formatter. It enforces a consistent style by parsing your code and re-printing it with its own rules that take the maximum line length into account, wrapping code when necessary.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Installation&lt;/strong&gt; &lt;br&gt;
&lt;code&gt;Prettier - Code formatter&lt;/code&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;2.Bracket Pair Colorizer :-&lt;/strong&gt; &lt;br&gt;
               This extension allows matching brackets to be identified with colours. The user can define which characters to match, and which colours to use. &lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Installation&lt;/strong&gt; &lt;br&gt;
&lt;code&gt;ext install CoenraadS.bracket-pair-colorizer&lt;/code&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;3.Jellyfish Theme :-&lt;/strong&gt;&lt;br&gt;
             Jellyfish is a dark theme and free Vs code theme, it make you editor neat and colorful. It is downloaded by 30,611 developers.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Installation&lt;/strong&gt; &lt;br&gt;
&lt;code&gt;ext install PawelBorkar.jellyfish&lt;/code&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;4.Live Server&lt;/strong&gt; :- &lt;br&gt;
           Live server gives you launch a development local Server with live reload feature for static &amp;amp; dynamic pages.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Installation&lt;/strong&gt;&lt;br&gt;
&lt;code&gt;ext install ritwickdey.LiveServer&lt;/code&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;5.Live Share :-&lt;/strong&gt;&lt;br&gt;
           Live Share enables you to quickly collaborate with a friend, classmate, or professor on the same code without the need to sync code or to configure the same development tools, settings, or environment.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Installation&lt;/strong&gt; &lt;br&gt;
&lt;code&gt;ext install MS-vsliveshare.vsliveshare-pack&lt;/code&gt;&lt;/p&gt;

&lt;p&gt;Thanks for reading.... &lt;/p&gt;

</description>
      <category>webdev</category>
      <category>vscode</category>
      <category>beginners</category>
    </item>
    <item>
      <title>Simple Sign-in form using CSS 🚀🚀</title>
      <dc:creator>Shubham Jadhav</dc:creator>
      <pubDate>Thu, 07 Oct 2021 04:53:25 +0000</pubDate>
      <link>https://forem.com/dev_shubham/simple-sign-in-form-using-css-5g9j</link>
      <guid>https://forem.com/dev_shubham/simple-sign-in-form-using-css-5g9j</guid>
      <description>&lt;p&gt;I created a simple sign up form using html css and JavaScript. &lt;br&gt;
 It also include password show or hide functionality.&lt;/p&gt;

&lt;p&gt;See below 👇&lt;/p&gt;

&lt;p&gt;&lt;iframe height="600" src="https://codepen.io/shubham-web2144/embed/PojGdJE?height=600&amp;amp;default-tab=result&amp;amp;embed-version=2"&gt;
&lt;/iframe&gt;
&lt;/p&gt;

</description>
      <category>codepen</category>
      <category>webdev</category>
      <category>css</category>
    </item>
    <item>
      <title>Modern Navigation Menu using css 🚀</title>
      <dc:creator>Shubham Jadhav</dc:creator>
      <pubDate>Fri, 01 Oct 2021 05:36:20 +0000</pubDate>
      <link>https://forem.com/dev_shubham/modern-navigation-menu-using-css-38aa</link>
      <guid>https://forem.com/dev_shubham/modern-navigation-menu-using-css-38aa</guid>
      <description>&lt;p&gt;👉 Modern navigation menu using only css 🚀 &lt;/p&gt;

&lt;p&gt;see below 👇&lt;/p&gt;

&lt;p&gt;&lt;iframe height="600" src="https://codepen.io/shubham-web2144/embed/abWevWP?height=600&amp;amp;default-tab=result&amp;amp;embed-version=2"&gt;
&lt;/iframe&gt;
&lt;/p&gt;

</description>
      <category>codepen</category>
      <category>css</category>
      <category>webdev</category>
      <category>beginners</category>
    </item>
    <item>
      <title>Top 10 Windows keyboard Shortcut Keys 🚀🚀</title>
      <dc:creator>Shubham Jadhav</dc:creator>
      <pubDate>Wed, 29 Sep 2021 05:54:39 +0000</pubDate>
      <link>https://forem.com/dev_shubham/top-10-windows-keyboard-shortcut-keys-4o7g</link>
      <guid>https://forem.com/dev_shubham/top-10-windows-keyboard-shortcut-keys-4o7g</guid>
      <description>&lt;p&gt;Hello Guys, Today in this article I am showing top 10 windows shortcut key for beginners. &lt;br&gt;
  So, Let's start today's article... &lt;/p&gt;

&lt;p&gt;• Top 10 Windows Keyboard &lt;br&gt;
  Shortcut key 👇&lt;br&gt;
  ( "Win" mean Windows Key )&lt;/p&gt;

&lt;p&gt;👉 Win + E :- &lt;br&gt;
   This shortcut key quickly open your file manager.&lt;/p&gt;

&lt;p&gt;👉 Win + UP/DOWN Arrow :- &lt;br&gt;
   Win + Down arrow key minimize working window and Win + Up arrow used to full screen working window. &lt;/p&gt;

&lt;p&gt;👉 Win + Left/Right Arrow :- &lt;br&gt;
   This short cut key used to split screen in two parts when you press Win + Left arrow keys working window take place in left side of screen and when you press Win + Right arrow working window in right side of screen. &lt;/p&gt;

&lt;p&gt;👉 Win + D :- &lt;br&gt;
   This keys use for minimize all open tabs or window in your pc.&lt;/p&gt;

&lt;p&gt;👉 Ctrl + N :- &lt;br&gt;
   Quick creating new file in your desktop. &lt;/p&gt;

&lt;p&gt;👉 Ctrl + Shift + N :- &lt;br&gt;
   This keys create quick new folder in your desktop. &lt;/p&gt;

&lt;p&gt;👉 Win + ";" :- &lt;br&gt;
   How to open emoji panel in your desktop?? Then press Win + ";" and see your emoji panel. &lt;/p&gt;

&lt;p&gt;👉 Win + Shift + S :- &lt;br&gt;
   Take a advance screenshot in your pc by using Win + Shift + S. You can take rectangle, square and free-form screen shots.&lt;/p&gt;

&lt;p&gt;👉 Win + V :- &lt;br&gt;
   You need copied text which you copy 5-6 hours before then press Win + V and see your clipboard history. &lt;/p&gt;

&lt;p&gt;👉 Win + L :- &lt;br&gt;
   Lock your pc quickly by pressing Win + L keys. &lt;/p&gt;

&lt;p&gt;🙏 Thanks for reading.... &lt;/p&gt;

</description>
      <category>webdev</category>
      <category>beginners</category>
    </item>
    <item>
      <title>Neumorphic Social Media Buttons in CSS</title>
      <dc:creator>Shubham Jadhav</dc:creator>
      <pubDate>Mon, 27 Sep 2021 04:35:46 +0000</pubDate>
      <link>https://forem.com/dev_shubham/neumorphic-social-media-buttons-in-css-49ip</link>
      <guid>https://forem.com/dev_shubham/neumorphic-social-media-buttons-in-css-49ip</guid>
      <description>&lt;p&gt;Neumorphic Social Media Button using pure CSS 👇&lt;/p&gt;

&lt;p&gt;&lt;iframe height="600" src="https://codepen.io/shubham-web2144/embed/oNwBEvL?height=600&amp;amp;default-tab=result&amp;amp;embed-version=2"&gt;
&lt;/iframe&gt;
&lt;/p&gt;

</description>
      <category>codepen</category>
      <category>css</category>
      <category>webdev</category>
    </item>
    <item>
      <title>ODD-EVEN Number using Recursion in JS 🚀</title>
      <dc:creator>Shubham Jadhav</dc:creator>
      <pubDate>Sat, 25 Sep 2021 05:54:10 +0000</pubDate>
      <link>https://forem.com/dev_shubham/odd-even-number-using-recursion-in-js-2l3g</link>
      <guid>https://forem.com/dev_shubham/odd-even-number-using-recursion-in-js-2l3g</guid>
      <description>&lt;p&gt;Hello Guys, Today is this article we are taking about Recursion. &lt;br&gt;
 We are solving and understanding a problem by using Recursion in JavaScript.&lt;/p&gt;

&lt;p&gt;👉 Problem :- Find odd-even number using Recursion ? &lt;/p&gt;

&lt;p&gt;Let's start today's article... &lt;/p&gt;

&lt;p&gt;• What is recursion? &lt;br&gt;
=&amp;gt; Recursion mean calling itself till condition not true. A function call itself that's function called Recursive function. &lt;/p&gt;

&lt;p&gt;• How to find odd even number in JavaScript? &lt;br&gt;
=&amp;gt; We are finding odd-even number by dividing 2. When the reminder is 0 it's mean the number is even or reminder is 1, it is odd number. Right... &lt;/p&gt;

&lt;p&gt;We are using same logic in today's solving problem using recursion but different. &lt;/p&gt;

&lt;p&gt;👉 Let's start solving problems&lt;/p&gt;

&lt;p&gt;• First we create a function and pass one parameter. As following 👇&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%2Fgmci707lxv50i6tn23n8.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%2Fgmci707lxv50i6tn23n8.jpg" alt="img1" width="800" height="367"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;• We are using same logic as we use always to find odd even number but in this problem we are consider if the parameter's value is 0 it is even or if it's value is 1 it means number is odd. &lt;/p&gt;

&lt;p&gt;• See following code to better understand, we are using if-else condition. 👇&lt;br&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%2Fir7tmt0r97la5xcfq0d7.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%2Fir7tmt0r97la5xcfq0d7.jpg" alt="img2" width="800" height="456"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;• Now time to use recursion function but before using recursion we simply decrease parameter 'num' value by 2.&lt;br&gt;
Because odd and even number difference is 2 for example 1 and 3 difference is 2 and also 2 and 4 difference is 2. See below 👇&lt;br&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%2F33q7fenkp7afg02f32mh.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%2F33q7fenkp7afg02f32mh.jpg" alt="img3" width="800" height="669"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;• In the above code, in a line number 14 we are calling a function that's mean it will call itself till when given condition not true. &lt;/p&gt;

&lt;p&gt;• Let's check the output 👇&lt;br&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%2Fthaycqa2egdrbxi8qezm.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%2Fthaycqa2egdrbxi8qezm.jpg" alt="img4" width="800" height="408"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;🙏 Thanks for reading...&lt;br&gt;
👉 Stay with us for more.... &lt;/p&gt;

</description>
      <category>webdev</category>
      <category>javascript</category>
      <category>beginners</category>
    </item>
    <item>
      <title>Random Password Generator using JavaScript 🚀</title>
      <dc:creator>Shubham Jadhav</dc:creator>
      <pubDate>Wed, 22 Sep 2021 04:46:10 +0000</pubDate>
      <link>https://forem.com/dev_shubham/random-password-generator-using-javascript-5cpc</link>
      <guid>https://forem.com/dev_shubham/random-password-generator-using-javascript-5cpc</guid>
      <description>&lt;p&gt;👉 RANDOM PASSWORD GENERATOR USING JAVASCRIPT 🔥🔥&lt;/p&gt;

&lt;p&gt;• Code below 👇&lt;/p&gt;

&lt;p&gt;&lt;iframe height="600" src="https://codepen.io/shubham-web2144/embed/OJmKzyj?height=600&amp;amp;default-tab=result&amp;amp;embed-version=2"&gt;
&lt;/iframe&gt;
&lt;/p&gt;

</description>
      <category>codepen</category>
      <category>javascript</category>
      <category>css</category>
      <category>webdev</category>
    </item>
    <item>
      <title>Array.map() Method in JavaScript 🚀</title>
      <dc:creator>Shubham Jadhav</dc:creator>
      <pubDate>Mon, 20 Sep 2021 05:43:21 +0000</pubDate>
      <link>https://forem.com/dev_shubham/array-map-method-in-javascript-2fi</link>
      <guid>https://forem.com/dev_shubham/array-map-method-in-javascript-2fi</guid>
      <description>&lt;p&gt;Hello, guys today we are covering one of the most important topic.&lt;br&gt;
 Today we are learning map() method, so let's start today's article. &lt;/p&gt;

&lt;p&gt;👉 Article Content&lt;br&gt;
• What is Array.map() method ?&lt;br&gt;
• Syntax of Array.map() method ?&lt;br&gt;
• Use of Array.map() method ? &lt;br&gt;
• Example of Array.map() method ?&lt;br&gt;
• Explanation of example&lt;/p&gt;

&lt;p&gt;👉 What is Array.map() method ? &lt;br&gt;
=&amp;gt; The map() method is used for array transformation. It takes another custom function as an argument and on each array item applies that function.&lt;/p&gt;

&lt;p&gt;👉 Syntax of Array.map() method ? &lt;br&gt;
=&amp;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%2F6q2xsuvzs1krsfhscqko.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%2F6q2xsuvzs1krsfhscqko.jpg" alt="syntax " width="800" height="340"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;👉 Use of Array.map() method ?&lt;br&gt;
=&amp;gt; Map() method used to iterate over an all array item one by one and apply function on each array items. &lt;/p&gt;

&lt;p&gt;👉 Example of Array.map() method &lt;br&gt;
=&amp;gt; See following image &lt;br&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%2Fkaafkhqh861uc06l309t.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%2Fkaafkhqh861uc06l309t.jpg" alt="Example" width="800" height="545"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;👉 Explanation &lt;br&gt;
=&amp;gt; As shown above image we need an array with some values. That's why I am created an array and it's name is 'arr' and stored [1,2,3,4,5] this values. &lt;/p&gt;

&lt;p&gt;Now I am using map() method to increase every array item by one. &lt;/p&gt;

&lt;p&gt;I used map() method and pass a function and this function takes one argument and this argument hold all the array items. &lt;/p&gt;

&lt;p&gt;When this method call all array items iterate one by one and apply function. When array item '1' is pass through a map() method it's simply increment by 1.&lt;/p&gt;

&lt;p&gt;👉 Map() method take a function which will be arrows function or normal Js function. &lt;/p&gt;

&lt;p&gt;👉 This method works like a loop and it's similar to for and forEach. &lt;/p&gt;

&lt;p&gt;🙏 Thank you for reading.... &lt;/p&gt;

</description>
      <category>javascript</category>
      <category>webdev</category>
      <category>beginners</category>
    </item>
    <item>
      <title>Calculator Function using JavaScript 🚀🚀</title>
      <dc:creator>Shubham Jadhav</dc:creator>
      <pubDate>Sat, 18 Sep 2021 05:56:30 +0000</pubDate>
      <link>https://forem.com/dev_shubham/calculator-function-using-javascript-22n0</link>
      <guid>https://forem.com/dev_shubham/calculator-function-using-javascript-22n0</guid>
      <description>&lt;p&gt;How to create calculator function in JavaScript?? &lt;/p&gt;

&lt;p&gt;Yes, Today we are making a JavaScript function which is return some mathematics output.&lt;/p&gt;

&lt;p&gt;So, let's start with JavaScript code. &lt;/p&gt;

&lt;p&gt;(1) Let's make a JavaScript &lt;br&gt;
    file and give any name &lt;br&gt;
    here I am giving index.js.&lt;br&gt;
   (Note:- We must need a &lt;br&gt;
    html file to run our JS &lt;br&gt;
    code in browser) &lt;/p&gt;

&lt;p&gt;(2) Next step make a function &lt;br&gt;
    name calculator() in js &lt;br&gt;
    file. And pass three &lt;br&gt;
    parameter x, y and o. &lt;br&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%2Fg5l2zr1u510bmeck09c6.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%2Fg5l2zr1u510bmeck09c6.jpg" alt="Alt Text" width="800" height="373"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;(3) Parameters explanation :- &lt;br&gt;
     (a) x is a first number&lt;br&gt;
     (b) y is a second number &lt;br&gt;
     (c)  o is a operator&lt;/p&gt;

&lt;p&gt;(4) We are using switch &lt;br&gt;
    statement as shown in &lt;br&gt;
    following code. &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%2Fg6acqoya88gzk981vp31.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%2Fg6acqoya88gzk981vp31.jpg" alt="img2" width="800" height="971"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;(4) Let's understand above &lt;br&gt;
   code :-&lt;br&gt;
     (a) first pass o &lt;br&gt;
      parameter because it &lt;br&gt;
      will decide which &lt;br&gt;
      mathematics operation &lt;br&gt;
      will conduct. o is &lt;br&gt;
      String and x and y &lt;br&gt;
      number &lt;br&gt;
    (b) If any user call this &lt;br&gt;
     function by passing three &lt;br&gt;
     parameters like &lt;br&gt;
     calculator(2,3,'+') then &lt;br&gt;
     the first case is &lt;br&gt;
     executed.&lt;br&gt;
   (c)  When anyone not enter &lt;br&gt;
     valid input the it will &lt;br&gt;
     return "enter valid &lt;br&gt;
     numbers".&lt;/p&gt;

&lt;p&gt;(5) Let's call the above &lt;br&gt;
   function and see output. &lt;br&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%2Fkwk9bhif4vgcen50o1l0.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%2Fkwk9bhif4vgcen50o1l0.jpg" alt="img3" width="800" height="758"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;👉 Happy Coding... &lt;br&gt;
🙏 Thank you for reading... &lt;/p&gt;

</description>
      <category>javascript</category>
      <category>webdev</category>
      <category>beginners</category>
    </item>
    <item>
      <title>5 Most Unused and Ununderstood HTML Tags🚀</title>
      <dc:creator>Shubham Jadhav</dc:creator>
      <pubDate>Thu, 16 Sep 2021 05:48:52 +0000</pubDate>
      <link>https://forem.com/dev_shubham/5-most-unused-and-ununderstood-html-tags-3lj3</link>
      <guid>https://forem.com/dev_shubham/5-most-unused-and-ununderstood-html-tags-3lj3</guid>
      <description>&lt;p&gt;Here are 5 most rare used html tags which we learn today. While they might familiar but still quite useful in some situations. &lt;br&gt;
   So let's start learning most 5 html unused tags... &lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;
&lt;p&gt;abbr tag&lt;/p&gt;

&lt;p&gt;abbr tag only used for define abbreviated words. You need to define a title inside a tag and when a user is hover on it the full definition appears below. &lt;br&gt;
 abbr tag is rarely used, but the benefits are many for screen readers, search engine and spellchecker. &lt;br&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%2Fb3jrmwd62ie73iafrp97.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%2Fb3jrmwd62ie73iafrp97.jpg" alt="abbr tag" width="800" height="228"&gt;&lt;/a&gt;&lt;/p&gt;
&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;2.fieldset tag&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt; Fieldset is a nifty little attribute that you can add to your forms to logically group form elements. Once applied the fieldset tag draws a box around the elements within the fieldset. 
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&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%2Fz0jdlfk1e47z584jz450.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%2Fz0jdlfk1e47z584jz450.jpg" alt="fieldset tag" width="800" height="467"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;3.ins tag&lt;/p&gt;

&lt;p&gt;If you want underline without using css, then use ins tag. This tag add underline of the text which is inside the ins tag. &lt;br&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%2F0vgl2dbc7j20sfasiy66.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%2F0vgl2dbc7j20sfasiy66.jpg" alt="ins tag" width="800" height="278"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;4.del tag&lt;/p&gt;

&lt;p&gt;This tag is as similar to ins tag but the difference is ins tag used to underline words and del tag is shown what's been taken out with a strikthrough.&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%2Fosz1sa50evjcl8qott56.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%2Fosz1sa50evjcl8qott56.jpg" alt="del tag" width="800" height="287"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;5.cite tag &lt;/p&gt;

&lt;p&gt;cite tag is used to define text inside other elements for a reference. Typically the browser will render the text inside of the cite tag in italics. The cite tag is really useful for citing bibliographic and other site references.&lt;br&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%2Fvvxx14ewvjgk1hzs1dch.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%2Fvvxx14ewvjgk1hzs1dch.jpg" alt="cite tag" width="800" height="322"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;🙏 Thanks for reading... &lt;br&gt;
👉 Stay tuned with us for more &lt;br&gt;
   interesting article.&lt;/p&gt;

</description>
      <category>html</category>
      <category>webdev</category>
      <category>beginners</category>
    </item>
    <item>
      <title>Array.forEach() Method in JavaScript 🚀</title>
      <dc:creator>Shubham Jadhav</dc:creator>
      <pubDate>Tue, 14 Sep 2021 05:18:39 +0000</pubDate>
      <link>https://forem.com/dev_shubham/array-foreach-method-in-javascript-4k9d</link>
      <guid>https://forem.com/dev_shubham/array-foreach-method-in-javascript-4k9d</guid>
      <description>&lt;p&gt;How can we iterate array items through a loop in JavaScript ?? &lt;/p&gt;

&lt;p&gt;If you know the above question answer then give the answer in comment section. &lt;/p&gt;

&lt;p&gt;Today we are learning the most important method in JavaScript. &lt;/p&gt;

&lt;p&gt;Array.forEach();&lt;/p&gt;

&lt;p&gt;• What is Array.forEach() &lt;br&gt;
   method ?&lt;br&gt;
 =&amp;gt; In which method we can &lt;br&gt;
   iterate array items through &lt;br&gt;
   a loop it's called &lt;br&gt;
   Array.forEach() method. &lt;/p&gt;

&lt;p&gt;• Syntax of Array.forEach()&lt;br&gt;
 =&amp;gt; arr.forEach((item, index) &lt;br&gt;
    =&amp;gt; { // code here.. })&lt;/p&gt;

&lt;p&gt;This method return a callback function.&lt;/p&gt;

&lt;p&gt;• Example &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%2F408p0t55ft6dtm8rrp8z.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%2F408p0t55ft6dtm8rrp8z.jpg" alt="example 1" width="800" height="571"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;• Explanation &lt;br&gt;
  (1) Let's create an array and give any name as per you but I gave 'arr' as name. &lt;br&gt;
  (2) Now, I used here in next step arr.forEach() method. &lt;br&gt;
  (3) As we know this method return a callback function and this has two parameters 'item' and 'index'as shown above example. &lt;br&gt;
  (4) The forEach method iterate all items like a for loop one by one. &lt;/p&gt;

&lt;p&gt;• Advantages of forEach() method&lt;br&gt;
  (1) It has a clear syntax. &lt;br&gt;
  (2) the forEach method keeps the variables from the callback function bound to the local scope&lt;br&gt;
  (3) The forEach method is less error prone. &lt;/p&gt;

&lt;p&gt;🙏 Thank you for reading... &lt;/p&gt;

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