<?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>DEV Community: Kuganesh S</title>
    <description>The latest articles on DEV Community by Kuganesh S (@21csa31).</description>
    <link>https://dev.to/21csa31</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%2F3528432%2Feca15d81-ef55-4840-b23c-2d10ef67a3b9.png</url>
      <title>DEV Community: Kuganesh S</title>
      <link>https://dev.to/21csa31</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/21csa31"/>
    <language>en</language>
    <item>
      <title>What is JRE?</title>
      <dc:creator>Kuganesh S</dc:creator>
      <pubDate>Tue, 03 Feb 2026 05:29:02 +0000</pubDate>
      <link>https://dev.to/21csa31/what-is-jre-c87</link>
      <guid>https://dev.to/21csa31/what-is-jre-c87</guid>
      <description>&lt;p&gt;&lt;strong&gt;JRE:&lt;/strong&gt;&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;It stands for Java Runtime Environment which provide an environment to run the bytecode. &lt;/li&gt;
&lt;li&gt;It combines with JVM, JIT and core libraries used to run java programs.&lt;/li&gt;
&lt;li&gt;It is platform dependent.&lt;/li&gt;
&lt;/ul&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%2Fea7dkuci20kwd3kbkdwv.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%2Fea7dkuci20kwd3kbkdwv.png" alt=" " width="794" height="423"&gt;&lt;/a&gt;&lt;/p&gt;

</description>
      <category>java</category>
      <category>programming</category>
      <category>development</category>
    </item>
    <item>
      <title>What is JDK?</title>
      <dc:creator>Kuganesh S</dc:creator>
      <pubDate>Tue, 03 Feb 2026 05:08:05 +0000</pubDate>
      <link>https://dev.to/21csa31/what-is-jdk-3jdn</link>
      <guid>https://dev.to/21csa31/what-is-jdk-3jdn</guid>
      <description>&lt;p&gt;&lt;strong&gt;JDK:&lt;/strong&gt;&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;It stands for Java Development Kit. It is tool which combines JRE(Java Runtime Environment) and JVM(Java Virtual Machine)&lt;/li&gt;
&lt;li&gt;It converts java program to bytecode in the format of java,javac,javadoc and so on&lt;/li&gt;
&lt;/ul&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%2Fdit6tc61zf5bl1njucrm.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%2Fdit6tc61zf5bl1njucrm.png" alt=" " width="800" height="540"&gt;&lt;/a&gt;&lt;/p&gt;

</description>
      <category>java</category>
      <category>programming</category>
      <category>development</category>
    </item>
    <item>
      <title>What is CSS?</title>
      <dc:creator>Kuganesh S</dc:creator>
      <pubDate>Thu, 18 Dec 2025 15:26:21 +0000</pubDate>
      <link>https://dev.to/21csa31/what-is-css-1bpp</link>
      <guid>https://dev.to/21csa31/what-is-css-1bpp</guid>
      <description>&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;CSS&lt;/strong&gt; stands for &lt;strong&gt;Cascading Style Sheet&lt;/strong&gt;.It is the language we use to style an HTML document.&lt;/li&gt;
&lt;li&gt;It is used to describe the look of the webpage.&lt;/li&gt;
&lt;li&gt;CSS controls how elements display on the webpage,such as fonts,colors,spacing,responsive sizes.&lt;/li&gt;
&lt;li&gt;There are three different CSS types namely known as&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;strong&gt;1. Inline CSS:&lt;/strong&gt;&lt;br&gt;
It is directly applied inside the element.&lt;br&gt;
&lt;strong&gt;2. Internal CSS:&lt;/strong&gt;&lt;br&gt;
It is applied using &lt;code&gt;&amp;lt;style&amp;gt;&lt;/code&gt;inside the HTML code.&lt;br&gt;
&lt;strong&gt;3. External CSS:&lt;/strong&gt;&lt;br&gt;
It is applied on external file &lt;code&gt;.css&lt;/code&gt;.&lt;/p&gt;

</description>
      <category>css</category>
      <category>webdev</category>
    </item>
    <item>
      <title>Difference Between named function and anonymous function in JS?</title>
      <dc:creator>Kuganesh S</dc:creator>
      <pubDate>Fri, 21 Nov 2025 07:42:25 +0000</pubDate>
      <link>https://dev.to/21csa31/difference-between-named-function-and-anonymous-function-in-js-356o</link>
      <guid>https://dev.to/21csa31/difference-between-named-function-and-anonymous-function-in-js-356o</guid>
      <description>&lt;p&gt;&lt;strong&gt;Named function:&lt;/strong&gt;&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;A named function has an identifier (name) after the &lt;code&gt;function&lt;/code&gt; keyword.&lt;/li&gt;
&lt;li&gt;Easy to debug the errors because errors show the function name.&lt;/li&gt;
&lt;li&gt;You can call the function before it is defined.&lt;/li&gt;
&lt;li&gt;You can call it anywhere in the code for execution and reuse.&lt;/li&gt;
&lt;li&gt;It is hoisted.
&lt;/li&gt;
&lt;/ul&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;function add(a, b) {
  return a + b;
}
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;&lt;strong&gt;Anonymous function:&lt;/strong&gt;&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;An anonymous function has no name.&lt;/li&gt;
&lt;li&gt;Usually it is assigned to a variable or used as a callback function.&lt;/li&gt;
&lt;li&gt;hard to debug because stack traces show “anonymous”.&lt;/li&gt;
&lt;li&gt;Commonly used with arrow functions (()=&amp;gt;{}).&lt;/li&gt;
&lt;li&gt;It is not hoisted.
&lt;/li&gt;
&lt;/ul&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;const add = function(a, b) {
  return a + b;
};
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



</description>
      <category>javascript</category>
      <category>webdev</category>
    </item>
    <item>
      <title>Difference Between Synchronous and Asynchronous in JS?</title>
      <dc:creator>Kuganesh S</dc:creator>
      <pubDate>Fri, 21 Nov 2025 07:01:04 +0000</pubDate>
      <link>https://dev.to/21csa31/difference-between-synchronous-and-asynchronous-in-js-4gem</link>
      <guid>https://dev.to/21csa31/difference-between-synchronous-and-asynchronous-in-js-4gem</guid>
      <description>&lt;p&gt;&lt;strong&gt;Synchronous:&lt;/strong&gt;&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Synchronous is a line-by-line execution process.&lt;/li&gt;
&lt;li&gt;New operation will not run until the previous one is completed.It is a single threaded programming language.&lt;/li&gt;
&lt;li&gt;It follows a blocking execution model.&lt;/li&gt;
&lt;li&gt;The order of execution is easily predictable.&lt;/li&gt;
&lt;li&gt;Long running tasks stop the entire program.&lt;/li&gt;
&lt;li&gt;Easy to read and debug due to its sequential order.&lt;/li&gt;
&lt;li&gt;Browser user interface may freeze or slow during heavy synchronous tasks.
&lt;/li&gt;
&lt;/ul&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;console.log("Morning");
console.log("Afternoon");
console.log("Night");
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;&lt;strong&gt;Asynchronous:&lt;/strong&gt;&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Asynchronous able to keep running program without waiting for the current task to finish.&lt;/li&gt;
&lt;li&gt;It follows a non-blocking execution model.&lt;/li&gt;
&lt;li&gt;It uses callbacks, Promises, and async/await.&lt;/li&gt;
&lt;li&gt;It is mainly used in API calls,timers and file reading.&lt;/li&gt;
&lt;li&gt;Execution order is not always linear.&lt;/li&gt;
&lt;li&gt;It improves performance and responsiveness.&lt;/li&gt;
&lt;li&gt;In asynchronous, Promises help to avoid callback hell.
&lt;/li&gt;
&lt;/ul&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;console.log("Morning");

setTimeout(() =&amp;gt; {
      console.log("Afternoon");
      }, 1000);

console.log("Night");
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



</description>
      <category>javascript</category>
      <category>frontend</category>
      <category>webdev</category>
    </item>
    <item>
      <title>What are the tags in HTML?</title>
      <dc:creator>Kuganesh S</dc:creator>
      <pubDate>Fri, 24 Oct 2025 11:22:23 +0000</pubDate>
      <link>https://dev.to/21csa31/what-are-the-tags-in-html-2hlf</link>
      <guid>https://dev.to/21csa31/what-are-the-tags-in-html-2hlf</guid>
      <description>&lt;p&gt;There are many tags in HTML,they are known as&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;&lt;strong&gt;Document structure tags&lt;/strong&gt;&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Content and text formatting tags&lt;/strong&gt;&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Form tags&lt;/strong&gt;&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Table tags&lt;/strong&gt;&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Media tags&lt;/strong&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;h2&gt;
  
  
  Document structure tags
&lt;/h2&gt;

&lt;p&gt;&lt;code&gt;&amp;lt;!DOCTYPE html&amp;gt;&lt;/code&gt;-It declares the version &amp;amp; document type of HTML.&lt;br&gt;
&lt;code&gt;&amp;lt;html&amp;gt;&lt;/code&gt;-It consists of all other HTML elements.&lt;br&gt;
&lt;code&gt;&amp;lt;head&amp;gt;&lt;/code&gt;-It contains title,character set &amp;amp; CSS links.Also it not visible in HTML webpage.&lt;br&gt;
&lt;code&gt;&amp;lt;title&amp;gt;&lt;/code&gt;-Used to declare title of the HTML webpage.&lt;br&gt;
&lt;code&gt;&amp;lt;body&amp;gt;&lt;/code&gt;-It contains content of the HTML webpage like text,images,links and so on.&lt;/p&gt;

&lt;h2&gt;
  
  
  Content and text formatting tags
&lt;/h2&gt;

&lt;p&gt;&lt;code&gt;&amp;lt;h1&amp;gt;&lt;/code&gt;to&lt;code&gt;&amp;lt;h6&amp;gt;&lt;/code&gt;-Heading levels used for webpage from high to low.&lt;br&gt;
&lt;code&gt;&amp;lt;p&amp;gt;&lt;/code&gt;-It helps to write paragraph content inside the HTML webpage.&lt;br&gt;
&lt;code&gt;&amp;lt;a&amp;gt;&lt;/code&gt;-Anchor tag creates hyperlink to another webpage.&lt;br&gt;
&lt;code&gt;&amp;lt;img&amp;gt;&lt;/code&gt;-Adding images to webpage.&lt;br&gt;
&lt;code&gt;&amp;lt;ul&amp;gt;&lt;/code&gt;-Creates unorder list in the HTML document.&lt;br&gt;
&lt;code&gt;&amp;lt;ol&amp;gt;&lt;/code&gt;-Creates order list in the HTML document.&lt;br&gt;
&lt;code&gt;&amp;lt;li&amp;gt;&lt;/code&gt;-Uses within the unorder &amp;amp; order list.&lt;br&gt;
&lt;code&gt;&amp;lt;strong&amp;gt;&lt;/code&gt;-To bold the text.&lt;br&gt;
&lt;code&gt;&amp;lt;em&amp;gt;&lt;/code&gt;-Text to convert italic.&lt;br&gt;
&lt;code&gt;&amp;lt;div&amp;gt;&lt;/code&gt;-It is block level container &amp;amp; divison or section in HTML webpage.&lt;br&gt;
&lt;code&gt;&amp;lt;span&amp;gt;&lt;/code&gt;-For styling &amp;amp; scripting purposes.&lt;br&gt;
&lt;code&gt;&amp;lt;br&amp;gt;&lt;/code&gt;-For break the line.&lt;br&gt;
&lt;code&gt;&amp;lt;hr&amp;gt;&lt;/code&gt;-For horizontal line.&lt;/p&gt;

&lt;h2&gt;
  
  
  Form tags
&lt;/h2&gt;

&lt;p&gt;&lt;code&gt;&amp;lt;form&amp;gt;&lt;/code&gt;-It defines user input in HTML.&lt;br&gt;
&lt;code&gt;&amp;lt;input&amp;gt;&lt;/code&gt;-Various types of inputs are created like text,password,email,button and son on.&lt;br&gt;
&lt;code&gt;&amp;lt;select&amp;gt;&lt;/code&gt;-Dropdown list is created.(ex:&lt;code&gt;&amp;lt;select id="bikes"&amp;gt;&lt;/code&gt;)&lt;br&gt;
&lt;code&gt;&amp;lt;option&amp;gt;&lt;/code&gt;-Create a options within the &lt;code&gt;&amp;lt;select&amp;gt;&lt;/code&gt;.&lt;br&gt;
&lt;code&gt;&amp;lt;button&amp;gt;&lt;/code&gt;-Create a click button.&lt;/p&gt;

&lt;h2&gt;
  
  
  Table tags
&lt;/h2&gt;

&lt;p&gt;&lt;code&gt;&amp;lt;table&amp;gt;&lt;/code&gt;-It defines the HTML table.&lt;br&gt;
&lt;code&gt;&amp;lt;tr&amp;gt;&lt;/code&gt;-It defines the table row element.&lt;br&gt;
&lt;code&gt;&amp;lt;th&amp;gt;&lt;/code&gt;-It defines the table header element.&lt;br&gt;
&lt;code&gt;&amp;lt;td&amp;gt;&lt;/code&gt;-It defines the table data inside the HTML table.Some other attributes are(&lt;code&gt;&amp;lt;thead&amp;gt;&lt;/code&gt;,&lt;code&gt;&amp;lt;tbody&amp;gt;&lt;/code&gt;,&lt;code&gt;&amp;lt;tfoot&amp;gt;&lt;/code&gt;).&lt;/p&gt;

&lt;h2&gt;
  
  
  Media tags
&lt;/h2&gt;

&lt;p&gt;&lt;code&gt;&amp;lt;audio&amp;gt;&lt;/code&gt;-It defines a sound content like music or spoken audio.&lt;/p&gt;

</description>
      <category>webdev</category>
      <category>frontend</category>
      <category>html</category>
    </item>
    <item>
      <title>What is HTML?</title>
      <dc:creator>Kuganesh S</dc:creator>
      <pubDate>Thu, 23 Oct 2025 06:33:16 +0000</pubDate>
      <link>https://dev.to/21csa31/what-is-html-40mp</link>
      <guid>https://dev.to/21csa31/what-is-html-40mp</guid>
      <description>&lt;p&gt;1.HTML stands for Hyper Text Markup Language.&lt;br&gt;
2.It used for creating webpages.&lt;br&gt;
3.It defines the meaning and structure of the web content.&lt;br&gt;
4.HTML consists of Head,Body&amp;amp;Footer.&lt;br&gt;
5.In HTML there are many semantic tags,they are helpful to create and     structure the web page.&lt;br&gt;
6.The  tag is the container for all other HTML elements.&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;`&amp;lt;!DOCTYPE html&amp;gt;
&amp;lt;html lang="en"&amp;gt;
&amp;lt;head&amp;gt;
    &amp;lt;title&amp;gt;HTML&amp;lt;/title&amp;gt;
&amp;lt;/head&amp;gt;
&amp;lt;body&amp;gt;

&amp;lt;/body&amp;gt;
&amp;lt;/html&amp;gt;`
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



</description>
      <category>html</category>
      <category>webdev</category>
    </item>
  </channel>
</rss>
