<?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: Raja B</title>
    <description>The latest articles on DEV Community by Raja B (@raja_b_0c9d242e2c26cf063b).</description>
    <link>https://dev.to/raja_b_0c9d242e2c26cf063b</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.us-east-2.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F3925346%2Fbffb7c55-205b-4544-be72-cc6fc499f1ee.png</url>
      <title>DEV Community: Raja B</title>
      <link>https://dev.to/raja_b_0c9d242e2c26cf063b</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/raja_b_0c9d242e2c26cf063b"/>
    <language>en</language>
    <item>
      <title>Constructor</title>
      <dc:creator>Raja B</dc:creator>
      <pubDate>Mon, 05 Oct 2026 09:19:02 +0000</pubDate>
      <link>https://dev.to/raja_b_0c9d242e2c26cf063b/constructor-457l</link>
      <guid>https://dev.to/raja_b_0c9d242e2c26cf063b/constructor-457l</guid>
      <description>&lt;p&gt;A constructor in Java is a special member that is called when an object is created. It initializes the new object’s state. It is used to set default or user-defined values for the object's attributes&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;&lt;p&gt;A constructor does not have a return type, not even &lt;strong&gt;void&lt;/strong&gt;.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;A constructor is called automatically when an object is created using &lt;strong&gt;new.&lt;/strong&gt;&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Constructors can have parameters and can be overloaded.&lt;/p&gt;&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.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Fs5p4eaqdilcmtsqc9lfb.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.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Fs5p4eaqdilcmtsqc9lfb.png" alt="cons" width="799" height="243"&gt;&lt;/a&gt;&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.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Fdja2k1r8gftx7kzchgam.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.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Fdja2k1r8gftx7kzchgam.png" alt="overLoading" width="800" height="338"&gt;&lt;/a&gt;&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.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Fy003qzo3sd5shwiovprg.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.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Fy003qzo3sd5shwiovprg.png" alt=" Method overLoading " width="800" height="269"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h6&gt;Reference&lt;/h6&gt;

&lt;ul&gt;
&lt;li&gt;&lt;a href="https://www.geeksforgeeks.org/java/constructors-in-java/" rel="noopener noreferrer"&gt;https://www.geeksforgeeks.org/java/constructors-in-java/&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;

</description>
      <category>java</category>
    </item>
    <item>
      <title>Java Basic Concepts</title>
      <dc:creator>Raja B</dc:creator>
      <pubDate>Sat, 26 Sep 2026 10:37:53 +0000</pubDate>
      <link>https://dev.to/raja_b_0c9d242e2c26cf063b/java-basic-concepts-22oc</link>
      <guid>https://dev.to/raja_b_0c9d242e2c26cf063b/java-basic-concepts-22oc</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.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Fewv3mwvysg6sn2eayc7c.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.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Fewv3mwvysg6sn2eayc7c.png" alt="basic" width="756" height="774"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Object-Oriented Programming (OOP) is a programming style that organizes code around objects—things that contain both data and actions. The four core OOP concepts are encapsulation, abstraction, inheritance, and polymorphism.&lt;/p&gt;

&lt;h1&gt;Basic building blocks&lt;/h1&gt;

&lt;p&gt;Before the four pillars, understand these two terms:&lt;/p&gt;

&lt;div class="table-wrapper-paragraph"&gt;&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;Term&lt;/th&gt;
&lt;th&gt;Meaning&lt;/th&gt;
&lt;th&gt;Real-life example&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;Class&lt;/td&gt;
&lt;td&gt;A blueprint/template for creating objects&lt;/td&gt;
&lt;td&gt;A Car design&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Object&lt;/td&gt;
&lt;td&gt;A real item created from a class&lt;/td&gt;
&lt;td&gt;A specific red Tesla car&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;&lt;/div&gt;

&lt;h5&gt;In Java:&lt;/h5&gt;



&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;class Car 
{
    String brand;
    int speed;

    void drive() 
    {
        System.out.println(brand + " is driving");
    }
}

Car car1 = new Car();
car1.brand = "Tesla";
car1.speed = 100;

car1.drive();
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;h5&gt;Here:&lt;/h5&gt;

&lt;ul&gt;
&lt;li&gt;&lt;p&gt;Car is the &lt;strong&gt;class&lt;/strong&gt;&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;car1 is an &lt;strong&gt;object&lt;/strong&gt;&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;brand and speed are &lt;strong&gt;data/properties&lt;/strong&gt;&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;drive() is an &lt;strong&gt;action/method&lt;/strong&gt;&lt;/p&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;An object is a software bundle of related &lt;strong&gt;state&lt;/strong&gt; (data) and &lt;strong&gt;behavior&lt;/strong&gt; (methods)&lt;/p&gt;

&lt;h3&gt;The four OOP concepts&lt;/h3&gt;

&lt;div class="table-wrapper-paragraph"&gt;&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;Concept&lt;/th&gt;
&lt;th&gt;Simple meaning&lt;/th&gt;
&lt;th&gt;Main purpose&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;Encapsulation&lt;/td&gt;
&lt;td&gt;Protect data inside an object&lt;/td&gt;
&lt;td&gt;Control and validate data changes&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Abstraction&lt;/td&gt;
&lt;td&gt;Show only what is needed&lt;/td&gt;
&lt;td&gt;Hide unnecessary complexity&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Inheritance&lt;/td&gt;
&lt;td&gt;Child class reuses parent class features&lt;/td&gt;
&lt;td&gt;Reduce repeated code&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Polymorphism&lt;/td&gt;
&lt;td&gt;Same method call, different behavior&lt;/td&gt;
&lt;td&gt;Write flexible code&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;&lt;/div&gt;

&lt;h6&gt;Reference:&lt;/h6&gt;

&lt;ul&gt;
&lt;li&gt;&lt;p&gt;&lt;a href="https://www.oracle.com/java/technologies/object-oriented.html" rel="noopener noreferrer"&gt;https://www.oracle.com/java/technologies/object-oriented.html&lt;/a&gt;&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;a href="https://docs.oracle.com/javase/tutorial/java/concepts/" rel="noopener noreferrer"&gt;https://docs.oracle.com/javase/tutorial/java/concepts/&lt;/a&gt;&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;a href="https://chatgpt.com/" rel="noopener noreferrer"&gt;https://chatgpt.com/&lt;/a&gt;&lt;/p&gt;&lt;/li&gt;
&lt;/ul&gt;

</description>
      <category>java</category>
    </item>
    <item>
      <title>Language for java</title>
      <dc:creator>Raja B</dc:creator>
      <pubDate>Tue, 22 Sep 2026 09:22:35 +0000</pubDate>
      <link>https://dev.to/raja_b_0c9d242e2c26cf063b/language-for-java-5cdc</link>
      <guid>https://dev.to/raja_b_0c9d242e2c26cf063b/language-for-java-5cdc</guid>
      <description>&lt;h1&gt;Programming Language History&lt;/h1&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.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Fsvyumw8glm6wdhb53n9i.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.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Fsvyumw8glm6wdhb53n9i.png" alt="Histroy" width="800" height="700"&gt;&lt;/a&gt;&lt;/p&gt;




&lt;h1&gt;1. Based on computer level&lt;/h1&gt;

&lt;div class="table-wrapper-paragraph"&gt;&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;Type&lt;/th&gt;
&lt;th&gt;Meaning&lt;/th&gt;
&lt;th&gt;Examples&lt;/th&gt;
&lt;th&gt;Simple idea&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;Machine language&lt;/td&gt;
&lt;td&gt;Instructions written as binary 0s and 1s, directly understood by the CPU&lt;/td&gt;
&lt;td&gt;10110000...&lt;/td&gt;
&lt;td&gt;Very fast but extremely hard for humans&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Assembly language&lt;/td&gt;
&lt;td&gt;Uses short codes instead of raw binary; converted to machine code by an assembler&lt;/td&gt;
&lt;td&gt;MOV, ADD&lt;/td&gt;
&lt;td&gt;Closer to hardware&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;High-level language&lt;/td&gt;
&lt;td&gt;Easier for humans to read and write; translated into machine instructions&lt;/td&gt;
&lt;td&gt;JavaScript, Python, Java, C, C++&lt;/td&gt;
&lt;td&gt;Used for most modern applications&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;&lt;/div&gt;

&lt;h1&gt;2. Based on programming style&lt;/h1&gt;

&lt;p&gt;This classification is called a programming paradigm—the style or method used to solve a problem.&lt;/p&gt;

&lt;h1&gt;Types of Programming language&lt;/h1&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.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Fnrsdoxt904lmosdcsyz3.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.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Fnrsdoxt904lmosdcsyz3.png" alt="Language" width="720" height="795"&gt;&lt;/a&gt;&lt;/p&gt;




&lt;ul&gt;
&lt;li&gt;&lt;p&gt;Programming languages are ways to give instructions to a computer...&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Like human languages (Tamil, English), each programming language has its own rules and syntax...&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;But remember: one language can belong to more than one type—for example, JavaScript supports procedural, object-oriented, and functional styles...&lt;/p&gt;&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.us-east-2.amazonaws.com%2Fuploads%2Farticles%2F0cjy3kce98j6qk1vuo3k.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.us-east-2.amazonaws.com%2Fuploads%2Farticles%2F0cjy3kce98j6qk1vuo3k.png" alt="paradigm" width="800" height="330"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt;1.Procedural programming&lt;/h3&gt;

&lt;p&gt;In procedural programming, you write a sequence of instructions, usually organized into functions/procedures&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;function calculateTotal(price, quantity) 
{
  return price * quantity;
}

let total = calculateTotal(100, 3);
console.log(total); // 300
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;The computer follows steps: get values → call function → calculate → show result&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;&lt;p&gt;Common examples: C, Pascal, JavaScript, Python&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Useful for: simple programs, algorithms, step-by-step tasks&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Think of it as: a cooking recipe with ordered steps&lt;/p&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;h3&gt;2. Object-oriented programming (OOP)&lt;/h3&gt;

&lt;p&gt;OOP organizes code using objects. An object combines data (properties) and actions (methods)&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;const student = {
  name: "Arun",
  marks: 85,

  showResult() {
    console.log(`${this.name} scored ${this.marks}`);
  }
};

student.showResult();
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;Here, student is an object. It has data (name, marks) and behavior (showResult).&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;&lt;p&gt;Common examples: Java, C++, C#, JavaScript, Python&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Main concepts: objects, classes, encapsulation, inheritance, polymorphism&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Useful for: large applications such as e-commerce sites, games, banking apps, and React-style UI modeling&lt;/p&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;h3&gt;3. Functional programming&lt;/h3&gt;

&lt;p&gt;Functional programming focuses on functions that take input and return output. It tries to avoid changing existing data unexpectedly&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;const prices = [100, 200, 300];

const discountedPrices = prices.map(function (price) {
  return price * 0.9;
});

console.log(discountedPrices); // [90, 180, 270]
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;ul&gt;
&lt;li&gt;&lt;p&gt;Common examples: Haskell, Lisp, Scala, JavaScript&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;JavaScript supports functional methods such as map(), filter(), and reduce()&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Useful for: data transformation and writing predictable code&lt;/p&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;h3&gt;4. Scripting languages&lt;/h3&gt;

&lt;p&gt;Scripting languages are commonly used to automate tasks, add interactivity, or control other software&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;document.querySelector("button").addEventListener("click", function () {
  alert("Button clicked!");
});
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;This JavaScript code makes a web page interactive when a user clicks a button&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;&lt;p&gt;Common examples: JavaScript, Python, PHP, Ruby, Bash&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Useful for: web pages, automation, browser interactions, server-side scripting&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;JavaScript is the main scripting language of the browser&lt;/p&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;h3&gt;5. Logic programming&lt;/h3&gt;

&lt;p&gt;In logic programming, you define facts and rules. The language works out the answer based on those rules.&lt;/p&gt;

&lt;h5&gt;Example idea:&lt;/h5&gt;



&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;Fact: Ram is a parent of Sita.
Rule: If X is a parent of Y, then Y is a child of X.
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;The system can infer: “Sita is a child of Ram.”&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;&lt;p&gt;Main example: Prolog&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Useful for: rule engines, expert systems, reasoning problems, AI-related logic&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;You describe what is true or what you want, rather than every exact step to perform.&lt;/p&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;h3&gt;6. Declarative programming&lt;/h3&gt;

&lt;p&gt;Declarative programming says what result you want, not necessarily every step for producing it.&lt;/p&gt;

&lt;h5&gt;Example in SQL:&lt;/h5&gt;



&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;SELECT name FROM students WHERE marks &amp;gt; 80;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;You do not tell the database how to search every row internally. You only declare the result you need.&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;&lt;p&gt;Common examples: SQL, HTML, CSS, Prolog&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Useful for: databases, web page structure, UI styles&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;HTML describes the content structure; CSS describes how it should look&lt;/p&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;h1&gt;Compiled vs interpreted&lt;/h1&gt;

&lt;p&gt;Languages can also be grouped by how the computer runs them.&lt;/p&gt;

&lt;div class="table-wrapper-paragraph"&gt;&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;Type&lt;/th&gt;
&lt;th&gt;How it runs&lt;/th&gt;
&lt;th&gt;Examples&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;Compiled&lt;/td&gt;
&lt;td&gt;The whole program is translated into machine code before running&lt;/td&gt;
&lt;td&gt;C, C++, Go, Rust&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Interpreted&lt;/td&gt;
&lt;td&gt;Code is generally executed by an interpreter/runtime while the program runs&lt;/td&gt;
&lt;td&gt;JavaScript, Python&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Hybrid&lt;/td&gt;
&lt;td&gt;Code is compiled to an intermediate form, then run by a virtual machine/runtime&lt;/td&gt;
&lt;td&gt;Java, C#&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;&lt;/div&gt;

&lt;h6&gt;Reference:&lt;/h6&gt;

&lt;ul&gt;
&lt;li&gt;&lt;p&gt;&lt;a href="https://medium.com/@jepozdemir/programming-language-categories-6b786d70e8f7" rel="noopener noreferrer"&gt;https://medium.com/@jepozdemir/programming-language-categories-6b786d70e8f7&lt;/a&gt;&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;a href="https://chatgpt.com" rel="noopener noreferrer"&gt;https://chatgpt.com&lt;/a&gt;&lt;/p&gt;&lt;/li&gt;
&lt;/ul&gt;

</description>
      <category>java</category>
      <category>raja</category>
    </item>
    <item>
      <title>FOSS</title>
      <dc:creator>Raja B</dc:creator>
      <pubDate>Tue, 28 Jul 2026 08:13:45 +0000</pubDate>
      <link>https://dev.to/raja_b_0c9d242e2c26cf063b/foss-4h0e</link>
      <guid>https://dev.to/raja_b_0c9d242e2c26cf063b/foss-4h0e</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.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Fv2r9cz7owez725sfcgi4.jpeg" 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.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Fv2r9cz7owez725sfcgi4.jpeg" alt="TOSS" width="490" height="758"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt;TOSS Conf 2026&lt;/h3&gt;



&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;I attended TOSSConf'26 for three days — 23rd, 24th, and 25th.

* Day 1: Hackathon
* Day 2: Workshops
* Day 3: Open Source Communities

Overall, it was a really great experience for me. 

I met many new people and had the opportunity 
to listen to their experiences. 

I could not understand everything that was discussed, 

but I understood some of the concepts and learned many new things.

I also spoke with many new people. 

Everyone responded to me very kindly and positively. 

The members of the open-source communities were also 
very friendly and supportive.

Many of the people who attended 
the event shared their experiences, 
especially as beginners and as experienced contributors. 

I went there to learn, listen, and gain knowledge, 
and I came back with a lot of new experiences 
and inspiration.

It was a great learning experience, 

and I am happy that I attended TOSSConf'26.

&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;h3&gt;Basic Knowledge&lt;/h3&gt;

&lt;p&gt;&lt;strong&gt;23 ஜூலை 2026&lt;/strong&gt;&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;NEET / தேர்வு வினாத்தாள் கசிவு தொடர்பான பிரச்சினை மற்றும் மாணவர் போராட்டங்கள் முக்கிய செய்தியாக இருந்தன&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;strong&gt;24 July 2026&lt;/strong&gt;&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;$1 ≈ ₹96.70 → ரூபாய் மதிப்பு டாலருக்கு எதிராக சரிந்தது&lt;/li&gt;
&lt;/ul&gt;

</description>
      <category>opensource</category>
      <category>learning</category>
    </item>
    <item>
      <title>React</title>
      <dc:creator>Raja B</dc:creator>
      <pubDate>Sun, 26 Jul 2026 15:18:23 +0000</pubDate>
      <link>https://dev.to/raja_b_0c9d242e2c26cf063b/react-mla</link>
      <guid>https://dev.to/raja_b_0c9d242e2c26cf063b/react-mla</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.us-east-2.amazonaws.com%2Fuploads%2Farticles%2F1jebiq2pvpdtgnjxt6r6.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.us-east-2.amazonaws.com%2Fuploads%2Farticles%2F1jebiq2pvpdtgnjxt6r6.png" alt="react" width="800" height="263"&gt;&lt;/a&gt;&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.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Fg2ti8wzqovea6o2mmq52.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.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Fg2ti8wzqovea6o2mmq52.png" alt="react1" width="800" height="398"&gt;&lt;/a&gt;&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.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Fih3uy8vkcgcsm6zvjn7a.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.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Fih3uy8vkcgcsm6zvjn7a.png" alt="react2" width="800" height="430"&gt;&lt;/a&gt;&lt;/p&gt;

</description>
      <category>html</category>
      <category>css</category>
      <category>javascript</category>
      <category>react</category>
    </item>
    <item>
      <title>API</title>
      <dc:creator>Raja B</dc:creator>
      <pubDate>Sun, 26 Jul 2026 15:06:30 +0000</pubDate>
      <link>https://dev.to/raja_b_0c9d242e2c26cf063b/api-1o7g</link>
      <guid>https://dev.to/raja_b_0c9d242e2c26cf063b/api-1o7g</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.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Fbgatb3uh0bn3u0rgwblm.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.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Fbgatb3uh0bn3u0rgwblm.png" alt="API"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;API (Application Programming Interface)&lt;/strong&gt; and how a &lt;strong&gt;React frontend&lt;/strong&gt; communicates with a &lt;strong&gt;Java/Spring Boot backend&lt;/strong&gt; and a &lt;strong&gt;database&lt;/strong&gt;.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Example: Student Management App&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;Suppose your React page has a student list&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;1. GET → Get student data&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;React displays:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;ID   Name    Course
1    Raja    Java
2    Arun    Python
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;&lt;strong&gt;2. POST → Add new student&lt;/strong&gt;&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight json"&gt;&lt;code&gt;&lt;span class="p"&gt;{&lt;/span&gt;&lt;span class="w"&gt;
  &lt;/span&gt;&lt;span class="nl"&gt;"name"&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="s2"&gt;"Raja"&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;&lt;span class="w"&gt;
  &lt;/span&gt;&lt;span class="nl"&gt;"course"&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="s2"&gt;"Java"&lt;/span&gt;&lt;span class="w"&gt;
&lt;/span&gt;&lt;span class="p"&gt;}&lt;/span&gt;&lt;span class="w"&gt;
&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;&lt;strong&gt;3. PUT → Update student&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;4. DELETE → Delete student&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;API is like a bridge between React and Spring Boot&lt;/strong&gt;&lt;/p&gt;

</description>
    </item>
    <item>
      <title>Promise</title>
      <dc:creator>Raja B</dc:creator>
      <pubDate>Sun, 26 Jul 2026 14:51:57 +0000</pubDate>
      <link>https://dev.to/raja_b_0c9d242e2c26cf063b/promise-15mk</link>
      <guid>https://dev.to/raja_b_0c9d242e2c26cf063b/promise-15mk</guid>
      <description>&lt;p&gt;A Promise in JavaScript is an object that represents the &lt;strong&gt;future result&lt;/strong&gt; of an asynchronous operation, like fetching data, waiting for a timer, or reading a file. &lt;/p&gt;

&lt;p&gt;It can be in one of three states: &lt;strong&gt;pending&lt;/strong&gt;, &lt;strong&gt;fulfilled&lt;/strong&gt;, or &lt;strong&gt;rejected&lt;/strong&gt;.&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.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Fsr4kuhhyms7tgteziv7r.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.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Fsr4kuhhyms7tgteziv7r.png" alt="promise" width="530" height="316"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;&lt;p&gt;&lt;code&gt;new Promise(...)&lt;/code&gt; creates a new promise&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;code&gt;res&lt;/code&gt; means resolve, &lt;code&gt;rej&lt;/code&gt; means reject&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;code&gt;rej()&lt;/code&gt; makes the promise fail&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;code&gt;.then()&lt;/code&gt; runs only when the promise is fulfilled&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;code&gt;.catch()&lt;/code&gt; runs when the promise is rejected&lt;/p&gt;&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.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Flgrislnfje8n2mfrxcxw.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.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Flgrislnfje8n2mfrxcxw.png" alt="promise1" width="800" height="428"&gt;&lt;/a&gt;&lt;/p&gt;




&lt;ul&gt;
&lt;li&gt;&lt;p&gt;&lt;code&gt;Analysis()&lt;/code&gt; represents an analysis operation that takes &lt;strong&gt;3 seconds&lt;/strong&gt;. After the analysis finishes, &lt;code&gt;res()&lt;/code&gt; tells JavaScript: &lt;strong&gt;"The work is completed successfully."&lt;/strong&gt;&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;This waits for 3000 milliseconds = 3 seconds.&lt;/p&gt;&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.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Fj2vppql6mlr69bh85tcu.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.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Fj2vppql6mlr69bh85tcu.png" alt="promise3" width="594" height="216"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt;Reference&lt;/h3&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Using_promises" rel="noopener noreferrer"&gt;https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Using_promises&lt;/a&gt;...&lt;/li&gt;
&lt;/ul&gt;

</description>
      <category>html</category>
      <category>css</category>
      <category>javascript</category>
    </item>
    <item>
      <title>Math JS</title>
      <dc:creator>Raja B</dc:creator>
      <pubDate>Sun, 26 Jul 2026 13:08:38 +0000</pubDate>
      <link>https://dev.to/raja_b_0c9d242e2c26cf063b/math-js-40c2</link>
      <guid>https://dev.to/raja_b_0c9d242e2c26cf063b/math-js-40c2</guid>
      <description>&lt;p&gt;In JavaScript, &lt;code&gt;Math&lt;/code&gt; is a built-in object that gives you common math constants &lt;/p&gt;

&lt;p&gt;And functions like rounding, square root, power, and random numbers.&lt;/p&gt;

&lt;p&gt;It is &lt;strong&gt;not&lt;/strong&gt; a normal object you create with &lt;code&gt;new&lt;/code&gt;; &lt;/p&gt;

&lt;p&gt;you use it directly like &lt;code&gt;Math.PI&lt;/code&gt; or &lt;code&gt;Math.sqrt(25)&lt;/code&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Simple idea&lt;/strong&gt;&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;&lt;p&gt;&lt;code&gt;Math.PI&lt;/code&gt; gives the value of &lt;code&gt;pi&lt;/code&gt;&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;code&gt;Math.round(4.6)&lt;/code&gt; gives &lt;code&gt;5&lt;/code&gt;&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;code&gt;Math.floor(4.9)&lt;/code&gt; gives &lt;code&gt;4&lt;/code&gt;&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;code&gt;Math.ceil(4.1)&lt;/code&gt; gives &lt;code&gt;5&lt;/code&gt;&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;code&gt;Math.sqrt(25)&lt;/code&gt; gives &lt;code&gt;5&lt;/code&gt;&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;code&gt;Math.pow(2, 3)&lt;/code&gt; gives &lt;code&gt;8&lt;/code&gt;&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;code&gt;Math.random()&lt;/code&gt; gives a random decimal between &lt;code&gt;0&lt;/code&gt; and &lt;code&gt;1&lt;/code&gt;&lt;/p&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;strong&gt;Example&lt;/strong&gt;&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.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Fva5g8fkwpx6ileg2nc7a.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.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Fva5g8fkwpx6ileg2nc7a.png" alt="math" width="800" height="177"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt;Reference:&lt;/h3&gt;

&lt;ul&gt;
&lt;li&gt;&lt;a href="https://www.w3schools.com/js/js_math.asp" rel="noopener noreferrer"&gt;https://www.w3schools.com/js/js_math.asp&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;

</description>
      <category>html</category>
      <category>css</category>
      <category>javascript</category>
    </item>
    <item>
      <title>SDLC</title>
      <dc:creator>Raja B</dc:creator>
      <pubDate>Tue, 21 Jul 2026 08:08:27 +0000</pubDate>
      <link>https://dev.to/raja_b_0c9d242e2c26cf063b/sdlc-5a0k</link>
      <guid>https://dev.to/raja_b_0c9d242e2c26cf063b/sdlc-5a0k</guid>
      <description>&lt;p&gt;SDLC means &lt;strong&gt;Software Development Life Cycle&lt;/strong&gt;. It is a step-by-step process used to plan, build, test, deploy, and maintain software so the final product is reliable and meets user needs&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Main phases&lt;/strong&gt;&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Planning / Requirement analysis&lt;/strong&gt;: understand what the software should do and what users need&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Design&lt;/strong&gt;: decide the structure, architecture, database, and UI flow&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Development&lt;/strong&gt;: write the actual code&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Testing&lt;/strong&gt;: find and fix bugs before release&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Deployment&lt;/strong&gt;: release the software to users&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Maintenance&lt;/strong&gt;: fix issues, improve features, and update the software over time&lt;/p&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;strong&gt;Simple meaning&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;You can think of SDLC like building a house: first you plan, then you draw the design, then you build, inspect, hand it over, and keep repairing or improving it later&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Explanation&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;SDLC na software-a step by step-a develop panna use pannura process. Requirements collect pannitu, design panni, code ezhuthi, test panni, deploy panni, apram maintain pannuvanga&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Why it matters&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;SDLC helps teams work in an organized way, reduce mistakes, and deliver software on time with better quality&lt;/p&gt;

</description>
      <category>html</category>
      <category>css</category>
      <category>javascript</category>
    </item>
    <item>
      <title>DOM</title>
      <dc:creator>Raja B</dc:creator>
      <pubDate>Tue, 21 Jul 2026 07:54:40 +0000</pubDate>
      <link>https://dev.to/raja_b_0c9d242e2c26cf063b/dom-4l7a</link>
      <guid>https://dev.to/raja_b_0c9d242e2c26cf063b/dom-4l7a</guid>
      <description>&lt;p&gt;The DOM in JavaScript means the &lt;strong&gt;Document Object Model&lt;/strong&gt;. It is the browser’s tree-like representation of an HTML page, and JavaScript uses it to read, change, add, or remove elements on the page&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.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Fl8e2v43bx63nckutahuo.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.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Fl8e2v43bx63nckutahuo.png" alt="DOM" width="600" height="493"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Simple idea&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;Think of HTML as the page structure, and the DOM as the live version of that page inside the browser. JavaScript talks to the DOM to make websites interactive, such as changing text, styles, or reacting to clicks&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight html"&gt;&lt;code&gt;&lt;span class="nt"&gt;&amp;lt;p&lt;/span&gt; &lt;span class="na"&gt;id=&lt;/span&gt;&lt;span class="s"&gt;"demo"&lt;/span&gt;&lt;span class="nt"&gt;&amp;gt;&lt;/span&gt;Hello&lt;span class="nt"&gt;&amp;lt;/p&amp;gt;&lt;/span&gt;
&lt;span class="nt"&gt;&amp;lt;button&lt;/span&gt; &lt;span class="na"&gt;onclick=&lt;/span&gt;&lt;span class="s"&gt;"changeText()"&lt;/span&gt;&lt;span class="nt"&gt;&amp;gt;&lt;/span&gt;Click&lt;span class="nt"&gt;&amp;lt;/button&amp;gt;&lt;/span&gt;

&lt;span class="nt"&gt;&amp;lt;script&amp;gt;&lt;/span&gt;
&lt;span class="kd"&gt;function&lt;/span&gt; &lt;span class="nf"&gt;changeText&lt;/span&gt;&lt;span class="p"&gt;()&lt;/span&gt; &lt;span class="p"&gt;{&lt;/span&gt;
  &lt;span class="nb"&gt;document&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nf"&gt;getElementById&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="s2"&gt;demo&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="p"&gt;).&lt;/span&gt;&lt;span class="nx"&gt;innerHTML&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="s2"&gt;Hi Raja!&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="p"&gt;;&lt;/span&gt;
&lt;span class="p"&gt;}&lt;/span&gt;
&lt;span class="nt"&gt;&amp;lt;/script&amp;gt;&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;Here, &lt;code&gt;document.getElementById("demo")&lt;/code&gt; finds the &lt;code&gt;paragraph&lt;/code&gt;, and &lt;code&gt;innerHTML&lt;/code&gt; changes its content&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;What you can do with DOM&lt;/strong&gt;&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;&lt;p&gt;Select elements&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Change text or HTML&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Update CSS styles&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Add or remove elements&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Handle events like click, input, or submit&lt;/p&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;h6&gt;Reference:&lt;/h6&gt;

&lt;ul&gt;
&lt;li&gt;&lt;a href="https://www.w3schools.com/js/js_htmldom.asp" rel="noopener noreferrer"&gt;https://www.w3schools.com/js/js_htmldom.asp&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;

</description>
      <category>html</category>
      <category>css</category>
      <category>javascript</category>
    </item>
    <item>
      <title>React</title>
      <dc:creator>Raja B</dc:creator>
      <pubDate>Tue, 14 Jul 2026 07:44:20 +0000</pubDate>
      <link>https://dev.to/raja_b_0c9d242e2c26cf063b/react-4ge</link>
      <guid>https://dev.to/raja_b_0c9d242e2c26cf063b/react-4ge</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.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Fa0uayejosz5hskkt5ruw.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.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Fa0uayejosz5hskkt5ruw.png" alt="React"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;What is React?&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;React&lt;/strong&gt; is a &lt;strong&gt;JavaScript library&lt;/strong&gt; used to build &lt;strong&gt;user interfaces (UI)&lt;/strong&gt; for websites and web applications.&lt;/p&gt;

&lt;p&gt;It helps developers create &lt;strong&gt;fast, interactive,&lt;/strong&gt; and &lt;strong&gt;reusable&lt;/strong&gt; web pages.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Created by:&lt;/strong&gt; Meta (Facebook)&lt;/p&gt;

&lt;p&gt;Example websites that use React:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;&lt;p&gt;Facebook&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Instagram&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Netflix&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;WhatsApp Web&lt;/p&gt;&lt;/li&gt;
&lt;/ul&gt;




&lt;p&gt;&lt;strong&gt;Why do we use React?&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;Without React:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;&lt;p&gt;We write lots of JavaScript&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Updating the page is difficult&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Code becomes large&lt;/p&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;With React:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;&lt;p&gt;Code is shorter&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Easy to manage&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Faster updates&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Reuse the same code many times&lt;/p&gt;&lt;/li&gt;
&lt;/ul&gt;




&lt;p&gt;&lt;strong&gt;What is a Component?&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;A &lt;strong&gt;Component&lt;/strong&gt; is a small piece of a webpage&lt;/p&gt;

&lt;p&gt;Think of a webpage like a house&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;&lt;p&gt;House → Webpage&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Room → Component&lt;/p&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Example:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;Web Page

├── Header
├── Menu
├── Profile
├── Products
├── Footer
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;Each part is a component&lt;/p&gt;




&lt;p&gt;&lt;strong&gt;Why Components?&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;Instead of writing the same code again and again, we create it once and reuse it&lt;/p&gt;

&lt;p&gt;Example:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight jsx"&gt;&lt;code&gt;&lt;span class="p"&gt;&amp;lt;&lt;/span&gt;&lt;span class="nc"&gt;Button&lt;/span&gt; &lt;span class="p"&gt;/&amp;gt;&lt;/span&gt;

&lt;span class="p"&gt;&amp;lt;&lt;/span&gt;&lt;span class="nc"&gt;Button&lt;/span&gt; &lt;span class="p"&gt;/&amp;gt;&lt;/span&gt;

&lt;span class="p"&gt;&amp;lt;&lt;/span&gt;&lt;span class="nc"&gt;Button&lt;/span&gt; &lt;span class="p"&gt;/&amp;gt;&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;One Button component can be used many times&lt;/p&gt;

</description>
    </item>
    <item>
      <title>CODE on JVM</title>
      <dc:creator>Raja B</dc:creator>
      <pubDate>Sun, 12 Jul 2026 07:50:49 +0000</pubDate>
      <link>https://dev.to/raja_b_0c9d242e2c26cf063b/code-on-jvm-1mjp</link>
      <guid>https://dev.to/raja_b_0c9d242e2c26cf063b/code-on-jvm-1mjp</guid>
      <description>&lt;h3&gt;My Experience at Code on JVM Chennai&lt;/h3&gt;

&lt;p&gt;Recently, I attended the &lt;strong&gt;Code on JVM&lt;/strong&gt; Chennai meetup. It was a new experience for me, and I learned many valuable things from the speakers and the community.&lt;/p&gt;

&lt;p&gt;The event featured three inspiring speakers:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;&lt;p&gt;Hareesh Rajendran – Founder &amp;amp; CEO of Hayan Tech&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Agnel John – Founder &amp;amp; CEO of Error Makes Clever&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Kalaivani Mohan – Software Engineer at IBM&lt;/p&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;ol&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Hareesh Rajendran – DSA in Production Speak&lt;/strong&gt;&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Agnel John – Uncovering Ideas Worth Building in the AI Era Speak&lt;/strong&gt;&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Kalaivani Mohan – Streaming Large File Downloads in Java&lt;/strong&gt;&lt;/p&gt;&lt;/li&gt;
&lt;/ol&gt;




&lt;p&gt;&lt;strong&gt;Networking and Learning:&lt;/strong&gt;&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;&lt;p&gt;One of the best parts of the meetup was the opportunity to interact with other developers&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;I met people from different backgrounds, listened to their experiences, and had meaningful conversations&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;This helped me improve my confidence and understand the importance of networking&lt;/p&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;strong&gt;I Learned&lt;/strong&gt;&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;&lt;p&gt;his meetup helped me realize that technical knowledge alone is not enough&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Communication, networking, and continuous learning are equally important&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;I still have a lot to learn, but every meetup teaches me something new&lt;/p&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;      **Thank you, Code on JVM Chennai!!!**
&lt;/code&gt;&lt;/pre&gt;
&lt;/li&gt;
&lt;/ul&gt;

</description>
      <category>learning</category>
      <category>raja</category>
    </item>
  </channel>
</rss>
