<?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: Mohamed Ajmal</title>
    <description>The latest articles on DEV Community by Mohamed Ajmal (@mohamed_ajmal_2).</description>
    <link>https://dev.to/mohamed_ajmal_2</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%2F3614850%2Fd5a68601-76bd-4aa7-ab0e-8e5f2dc9051e.png</url>
      <title>DEV Community: Mohamed Ajmal</title>
      <link>https://dev.to/mohamed_ajmal_2</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/mohamed_ajmal_2"/>
    <language>en</language>
    <item>
      <title>Package in Java.</title>
      <dc:creator>Mohamed Ajmal</dc:creator>
      <pubDate>Tue, 21 Apr 2026 06:17:40 +0000</pubDate>
      <link>https://dev.to/mohamed_ajmal_2/package-in-java-271l</link>
      <guid>https://dev.to/mohamed_ajmal_2/package-in-java-271l</guid>
      <description>&lt;p&gt;Package is the Primary way to organize the related classes, Interface  and sub packages in to shared name space. That helps to improve organization, maintainability, and re-usability. &lt;/p&gt;

&lt;p&gt;Defining a package is the primary way to organize related classes, interfaces, and sub-packages into a shared namespace.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Key purposes&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;Organization: Structures large projects into smaller, manageable, related units, similar to folders in a file directory.&lt;/p&gt;

&lt;p&gt;Prevent Naming Conflicts: Allows different parts of a program to use classes with the same name without conflict.&lt;/p&gt;

&lt;p&gt;Access Control: Manages visibility of classes, methods, or variables using modifiers like public, protected, or package-private.&lt;/p&gt;

&lt;p&gt;Re-usability &amp;amp; Distribution: Packaged code is easier to import, reuse across projects, or distribute as a library.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Types of Packages&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;Built-in Packages: Provided by the Java API (Standard Library). (TBD)&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;    java.lang: Core classes like String and Math; automatically      
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;

&lt;p&gt;imported into every program. &lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;    java.util: Utility classes for collections, dates, and scanners.

    java.io: Support for input and output operations.


User-defined Packages: Created by developers to organize their own code.
&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%2Fxosdzru60toyr9ipawt5.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%2Fxosdzru60toyr9ipawt5.png" alt=" " width="800" height="284"&gt;&lt;/a&gt;&lt;/p&gt;

</description>
      <category>webdev</category>
      <category>programming</category>
      <category>java</category>
      <category>beginners</category>
    </item>
    <item>
      <title>Constructor in Java.</title>
      <dc:creator>Mohamed Ajmal</dc:creator>
      <pubDate>Fri, 17 Apr 2026 23:07:02 +0000</pubDate>
      <link>https://dev.to/mohamed_ajmal_2/constructor-in-java-2pla</link>
      <guid>https://dev.to/mohamed_ajmal_2/constructor-in-java-2pla</guid>
      <description>&lt;p&gt;A specialized block of code that similar to method that is automatically invoked when an instance of class is created. It's primary purpose is to initialize the state of the new object, often by assigning initial values to instance variables. It is used to set default or user-defined values for the object's attributes&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Key Rules&lt;/strong&gt; &lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;Must match the exact name of the class,&lt;/li&gt;
&lt;li&gt;Must not have an explicit return type, not even void,&lt;/li&gt;
&lt;li&gt;Automatically called using the new keyword,&lt;/li&gt;
&lt;li&gt;Can use access modifiers (public, private, protected) but cannot be abstract, static, final, or synchronized. (TBD)&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;&lt;strong&gt;Types&lt;/strong&gt;&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;&lt;p&gt;Default Constructor: Automatically provided by the Java compiler if no constructors are explicitly defined in the class. It initializes numeric fields to 0, boolean to false, and object references to null.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;No-Arg Constructor: A constructor explicitly written by the programmer that accepts no parameters.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Parameterized Constructor: Takes one or more parameters to allow objects to be initialized with custom values at creation. (TBD)&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Copy Constructor: Used to create a new object by copying the data from an existing instance of the same class. (TBD)&lt;/p&gt;&lt;/li&gt;
&lt;/ol&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%2Fz80gt63h367nsvifckm9.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%2Fz80gt63h367nsvifckm9.png" alt=" " width="800" height="425"&gt;&lt;/a&gt;&lt;/p&gt;

</description>
      <category>webdev</category>
      <category>programming</category>
      <category>beginners</category>
      <category>java</category>
    </item>
    <item>
      <title>Java variables and Objects.</title>
      <dc:creator>Mohamed Ajmal</dc:creator>
      <pubDate>Sat, 04 Apr 2026 05:57:31 +0000</pubDate>
      <link>https://dev.to/mohamed_ajmal_2/java-variables-and-objects-c9l</link>
      <guid>https://dev.to/mohamed_ajmal_2/java-variables-and-objects-c9l</guid>
      <description>&lt;p&gt;Static variables: These are variables that are shared among all the instances of a class.&lt;/p&gt;

&lt;p&gt;Non-static variables: These are variables that belong to each individual instance of a class.&lt;/p&gt;

&lt;p&gt;Java Static Variables : When a variable is declared as static, then a single copy of the variable is created and shared among all objects at a class level. Static variables are essentially, global variables.&lt;/p&gt;

&lt;p&gt;Java Non-static variables : Non-static variables are variables that belongs to a specified object of a class, it is also known as instance variable. &lt;br&gt;
These variables are declared outside of a method, constructor or block. Each object created from the class gets its own separate copy of these variables.  &lt;/p&gt;

&lt;p&gt;Ref : &lt;a href="https://www.geeksforgeeks.org/java/difference-between-static-and-non-static-variables-in-java/" rel="noopener noreferrer"&gt;https://www.geeksforgeeks.org/java/difference-between-static-and-non-static-variables-in-java/&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Difference between static and non-static:&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%2F7qix77455vsrs5cmj1eo.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%2F7qix77455vsrs5cmj1eo.png" alt=" " width="259" height="194"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;OBJECTS&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;In Java, an object is an instance of a class, created using the new keyword. The class acts as a blueprint, defining the object's attributes (state) and methods (behavior), while the object is the concrete entity with specific values in memory. &lt;/p&gt;

&lt;p&gt;State: Represented by attributes (variables) that store data.&lt;/p&gt;

&lt;p&gt;Behavior: Represented by methods (functions) that define the actions an object can perform.&lt;/p&gt;

&lt;p&gt;Identity: A unique name or identifier that distinguishes one object from another, even if they have the same state and behavior.&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%2Fw7acg7rhzb8yzue4jbdb.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%2Fw7acg7rhzb8yzue4jbdb.png" alt=" " width="800" height="400"&gt;&lt;/a&gt;&lt;/p&gt;

</description>
      <category>webdev</category>
      <category>programming</category>
      <category>beginners</category>
      <category>java</category>
    </item>
    <item>
      <title>OOPS Concepts in Java.</title>
      <dc:creator>Mohamed Ajmal</dc:creator>
      <pubDate>Wed, 01 Apr 2026 05:57:28 +0000</pubDate>
      <link>https://dev.to/mohamed_ajmal_2/oops-concepts-in-java-plg</link>
      <guid>https://dev.to/mohamed_ajmal_2/oops-concepts-in-java-plg</guid>
      <description>&lt;p&gt;Object-Oriented Programming (OOPS) is a paradigm that organize the code using Classes and objects. &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%2Fqcbyoa89gem9awuxe9bf.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%2Fqcbyoa89gem9awuxe9bf.png" alt=" " width="261" height="193"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;The seven core concepts of Object-Oriented Programming (OOPS) include the four main pillars—Encapsulation, Abstraction, Inheritance, and Polymorphism—along with Classes, Objects, and Association. These concepts allow for modular, reusable, and secure code by organizing software around data rather than functions. &lt;/p&gt;

&lt;p&gt;1.Class - Class is the Blueprint or Templates that defines data member (Attributes) and member functions (Behaviors).&lt;/p&gt;

&lt;p&gt;2.Object - An instance of a class. It is a real-world entity that holds data and has a specific state and behavior.&lt;/p&gt;

&lt;p&gt;3.Encapsulation- Wrapping data (variables) and code (methods) together as a single unit, hiding the internal state from the outside world to protect integrity.&lt;/p&gt;

&lt;p&gt;4.Abstraction- Representing essential features while hiding unnecessary background details, simplifying complex systems.&lt;/p&gt;

&lt;p&gt;5.Inheritance- The mechanism by which one class (subclass/child) acquires the properties and behaviors of another class (super class/parent), promoting code re-usability.&lt;/p&gt;

&lt;p&gt;6.Polymorphism- The ability of an entity (method or object) to take on many forms, allowing one interface to be used for a general class of actions.&lt;/p&gt;

</description>
      <category>webdev</category>
      <category>programming</category>
      <category>beginners</category>
      <category>java</category>
    </item>
    <item>
      <title>Java Basic Errors.</title>
      <dc:creator>Mohamed Ajmal</dc:creator>
      <pubDate>Mon, 30 Mar 2026 05:55:20 +0000</pubDate>
      <link>https://dev.to/mohamed_ajmal_2/java-basic-errors-1nce</link>
      <guid>https://dev.to/mohamed_ajmal_2/java-basic-errors-1nce</guid>
      <description>&lt;ol&gt;
&lt;li&gt;
&lt;strong&gt;public must be start with small letter.&lt;/strong&gt; &lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;Home.java:1: error: class, interface, enum, or record expected&lt;br&gt;
Public class Home {&lt;br&gt;
^&lt;br&gt;
1 error&lt;/p&gt;

&lt;p&gt;2.&lt;strong&gt;File name and Class name must be same.&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;Home.java:1: error: class home is public, should be declared in a file named home.java&lt;br&gt;
public class home {&lt;br&gt;
       ^&lt;br&gt;
1 error&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;*&lt;em&gt;In Java, text must always be inside double quotes *&lt;/em&gt;
&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;Home.java:3: error: ')' or ',' expected&lt;br&gt;
        System.out.println(Hello, World!");&lt;br&gt;
                                       ^&lt;br&gt;
Home.java:3: error: unclosed string literal&lt;br&gt;
        System.out.println(Hello, World!");&lt;br&gt;
                                        ^&lt;br&gt;
2 errors&lt;/p&gt;

&lt;p&gt;4.**Java is case-sensitive&lt;/p&gt;

&lt;p&gt;You wrote: system ❌&lt;br&gt;
Correct is: System ✅&lt;/p&gt;

&lt;p&gt;Java thinks system is a package**&lt;/p&gt;

&lt;p&gt;Home.java:3: error: package system does not exist&lt;br&gt;
        system.out.println("Hello, World!");&lt;br&gt;
              ^&lt;br&gt;
1 error&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;**missed the method name&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;Java expected an identifier (method name) after void, but it’s missing.**&lt;/p&gt;

&lt;p&gt;Home.java:2: error:  expected&lt;br&gt;
    public static void (String[] args) {&lt;br&gt;
                      ^&lt;br&gt;
1 error&lt;/p&gt;

</description>
      <category>webdev</category>
      <category>programming</category>
      <category>java</category>
      <category>backend</category>
    </item>
    <item>
      <title>Server provider companies.</title>
      <dc:creator>Mohamed Ajmal</dc:creator>
      <pubDate>Sat, 28 Mar 2026 06:00:36 +0000</pubDate>
      <link>https://dev.to/mohamed_ajmal_2/server-provider-companies-5f0k</link>
      <guid>https://dev.to/mohamed_ajmal_2/server-provider-companies-5f0k</guid>
      <description>&lt;p&gt;&lt;strong&gt;Popular server providers&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;1.AWS - Amazon web service.&lt;/p&gt;

&lt;p&gt;Market leader in cloud computing&lt;br&gt;
Services: EC2 (servers), S3 (storage), RDS (databases)&lt;br&gt;
Used by: Netflix, Airbnb&lt;br&gt;
Best for: Scalability &amp;amp; enterprise apps.&lt;/p&gt;

&lt;p&gt;2.Microsoft Azure.&lt;/p&gt;

&lt;p&gt;Strong integration with Microsoft tools&lt;br&gt;
Services: Virtual Machines, Azure SQL, AI services&lt;br&gt;
Best for: .NET applications &amp;amp; enterprise solutions.&lt;/p&gt;

&lt;p&gt;3.Google Cloud Platform (GCP).&lt;/p&gt;

&lt;p&gt;Known for performance and data analytics&lt;br&gt;
Services: Compute Engine, BigQuery&lt;br&gt;
Used for AI &amp;amp; machine learning projects.&lt;/p&gt;

&lt;p&gt;4.IBM Cloud:&lt;/p&gt;

&lt;p&gt;Focus on enterprise and hybrid cloud&lt;br&gt;
Strong in AI with Watson&lt;br&gt;
Used in banking and large organizations.&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;Oracle Cloud:&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;Best for database-heavy applications&lt;br&gt;
Strong integration with Oracle DB.&lt;/p&gt;

&lt;p&gt;Popular in India:&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;Zoho Cloud: &lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;Indian-based cloud services&lt;br&gt;
Focus on business applications.&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;Tata Communications:&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;Enterprise cloud and hosting&lt;br&gt;
Strong network infrastructure.&lt;/p&gt;

</description>
      <category>webdev</category>
      <category>programming</category>
      <category>aws</category>
      <category>backend</category>
    </item>
    <item>
      <title>Java Architecture.</title>
      <dc:creator>Mohamed Ajmal</dc:creator>
      <pubDate>Sat, 28 Mar 2026 05:51:10 +0000</pubDate>
      <link>https://dev.to/mohamed_ajmal_2/java-architecture-318b</link>
      <guid>https://dev.to/mohamed_ajmal_2/java-architecture-318b</guid>
      <description>&lt;p&gt;Java architecture is designed to make programs platform-independent It's run anywhere.&lt;/p&gt;

&lt;p&gt;Source code -&amp;gt; Byte code -&amp;gt; JVM -&amp;gt; Machine code.&lt;/p&gt;

&lt;p&gt;Java Source Code- Written by developers in .java files&lt;br&gt;
Example: Hello.java&lt;/p&gt;

&lt;p&gt;Java Compiler - Converts source code into bytecode&lt;br&gt;
Output file: .class&lt;/p&gt;

&lt;p&gt;Bytecode - Intermediate code generated after compilation&lt;br&gt;
Can run on any system with JVM.&lt;/p&gt;

&lt;p&gt;Java Virtual Machine (JVM) - Core of Java architecture Converts bytecode into machine code.&lt;/p&gt;

&lt;p&gt;Java Runtime Environment (JRE) - Provides environment to run Java programs&lt;br&gt;
Includes: JVM, Libraries.&lt;/p&gt;

&lt;p&gt;Java Development Kit (JDK)- Full package for developers&lt;br&gt;
Includes: - JRE, Compiler (javac) Development tools&lt;/p&gt;

&lt;p&gt;JDK → Java Development tools,&lt;br&gt;
JRE → Java Runtime environment,&lt;br&gt;
JVM → Java Virtual Machine.&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%2Fuu32hgt0ivt3yfa6tw7o.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%2Fuu32hgt0ivt3yfa6tw7o.png" alt=" " width="700" height="500"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;ref:&lt;/p&gt;

</description>
      <category>webdev</category>
      <category>programming</category>
      <category>beginners</category>
      <category>java</category>
    </item>
    <item>
      <title>History of JAVA.</title>
      <dc:creator>Mohamed Ajmal</dc:creator>
      <pubDate>Sat, 28 Mar 2026 05:37:51 +0000</pubDate>
      <link>https://dev.to/mohamed_ajmal_2/history-of-java-4db2</link>
      <guid>https://dev.to/mohamed_ajmal_2/history-of-java-4db2</guid>
      <description>&lt;p&gt;&lt;strong&gt;HISTORY OF JAVA&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;Java was developed by James Gosling and his team at Sun Micro-systems.&lt;/p&gt;

&lt;p&gt;The project began in 1991 and was initially called Oak (named after an oak tree outside Gosling’s office).&lt;/p&gt;

&lt;p&gt;The goal was to create a language for embedded systems.&lt;/p&gt;

&lt;p&gt;Java officially launched in 1995, It became popular due to its "Write Once, Run Anywhere" (WORA) concept. This was possible because of the Java Virtual Machine (JVM), which allows Java programs to run on any system.&lt;/p&gt;

&lt;p&gt;In late 90s, Java gained huge popularity during the rise of the web.&lt;br&gt;
Java evolved into a powerful back-end language.&lt;br&gt;
Introduction of platforms: J2SE (Standard Edition), J2EE (Enterprise Edition), J2ME (Micro Edition).&lt;/p&gt;

&lt;p&gt;It became widely used for: Web applications, Banking systems, Android development. In 2010, Oracle Corporation acquired Sun Microsystems.&lt;br&gt;
Since then, Oracle has been responsible for Java’s development and updates. Java continues to evolve with regular updates (Java 8, 11, 17, etc.).&lt;/p&gt;

&lt;p&gt;Key Features of Java: Platform-independent, Object-oriented, Secure and robust, Multithreaded, High performance (with JIT compiler).&lt;/p&gt;

</description>
      <category>java</category>
      <category>backend</category>
      <category>softwaredevelopment</category>
      <category>beginners</category>
    </item>
    <item>
      <title>React JS.</title>
      <dc:creator>Mohamed Ajmal</dc:creator>
      <pubDate>Thu, 12 Mar 2026 08:03:13 +0000</pubDate>
      <link>https://dev.to/mohamed_ajmal_2/react-js-33do</link>
      <guid>https://dev.to/mohamed_ajmal_2/react-js-33do</guid>
      <description>&lt;p&gt;React is a JavaScript library used to build user interfaces (UI), especially for web applications.&lt;/p&gt;

&lt;p&gt;It helps developers create interactive and dynamic websites.&lt;br&gt;
It's Developed by Meta platform.&lt;/p&gt;

&lt;p&gt;React is used to build fast, interactive, and reusable web interfaces using components.&lt;/p&gt;

&lt;p&gt;Why we are using React:&lt;/p&gt;

&lt;p&gt;1) Component-Based Architecture - React allows you to create small reusable components. Ex: Navbar, Button, Footer, Card.&lt;/p&gt;

&lt;p&gt;2) Fast Performance (Virtual DOM) - React uses Virtual DOM, so it updates only the changed parts of the page instead of reloading the whole page.&lt;/p&gt;

&lt;p&gt;3) Reusable Code - Components can be reused in many places, which reduces code repetition.&lt;/p&gt;

&lt;p&gt;4) Easy State Management - React provides hooks like useState and useEffect to manage data and updates.&lt;/p&gt;

&lt;p&gt;5) Single Page Applications (SPA) - React helps build fast single-page applications where pages update without full reload.&lt;/p&gt;

&lt;p&gt;6) Large Community - Many developers use React, so there are many libraries, tutorials, and support available.&lt;/p&gt;

</description>
      <category>webdev</category>
      <category>programming</category>
      <category>react</category>
      <category>frontendchallenge</category>
    </item>
    <item>
      <title>Events and Event Listener in JS.</title>
      <dc:creator>Mohamed Ajmal</dc:creator>
      <pubDate>Thu, 12 Mar 2026 07:57:30 +0000</pubDate>
      <link>https://dev.to/mohamed_ajmal_2/events-and-event-listener-in-js-51a2</link>
      <guid>https://dev.to/mohamed_ajmal_2/events-and-event-listener-in-js-51a2</guid>
      <description>&lt;p&gt;HTML events are things that happen to HTML elements. Event is an action performed by the user or browser.&lt;/p&gt;

&lt;p&gt;Event Listener is a function that listens to that event and executes code.&lt;/p&gt;

&lt;p&gt;Examples of Events:&lt;/p&gt;

&lt;p&gt;User clicks a button → click&lt;/p&gt;

&lt;p&gt;User types → keydown&lt;/p&gt;

&lt;p&gt;Page loads → load&lt;/p&gt;

&lt;p&gt;Form submits → submit&lt;/p&gt;

&lt;p&gt;Event = something that happens.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Event listener&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;An event listener is a function that waits for an event and responds when the event occurs.&lt;/p&gt;

&lt;p&gt;Event listener = code that reacts to an event.&lt;/p&gt;

&lt;p&gt;example code:&lt;/p&gt;

&lt;p&gt;Click Me&lt;/p&gt;

&lt;p&gt;let btn = document.getElementById("btn");&lt;/p&gt;

&lt;p&gt;btn.addEventListener("click", () =&amp;gt; {&lt;br&gt;
  console.log("Button clicked");&lt;br&gt;
});&lt;/p&gt;

</description>
      <category>beginners</category>
      <category>javascript</category>
      <category>tutorial</category>
      <category>webdev</category>
    </item>
    <item>
      <title>DOM in JS.</title>
      <dc:creator>Mohamed Ajmal</dc:creator>
      <pubDate>Tue, 20 Jan 2026 06:34:18 +0000</pubDate>
      <link>https://dev.to/mohamed_ajmal_2/dom-in-js-12g9</link>
      <guid>https://dev.to/mohamed_ajmal_2/dom-in-js-12g9</guid>
      <description>&lt;p&gt;DOM is a programming interface that represent an HTML Document as a tree structure. JavaScript uses the DOM to access, change, add, or remove elements on a web page dynamically.&lt;/p&gt;

&lt;p&gt;Note : DOM is provided by the browser, not JavaScript. JavaScript only uses the DOM to interact with HTML.&lt;/p&gt;

&lt;p&gt;Accessing DOM Elements in the several ways:&lt;/p&gt;

&lt;p&gt;getElementById - document.getElementById("heading");&lt;/p&gt;

&lt;p&gt;getElementsByClassName - document.getElementsByClassName("banner");&lt;/p&gt;

&lt;p&gt;getElementsByTagName - document.getElementsByTagName("p");&lt;/p&gt;

&lt;p&gt;querySelector - document.querySelector("#heading");   // id&lt;br&gt;
document.querySelector(".banner");     // class&lt;/p&gt;

&lt;p&gt;querySelectorAll - document.querySelectorAll("p");&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Changing content using DOM&lt;/strong&gt; : &lt;/p&gt;

&lt;p&gt;Change text - document.getElementById("heading").innerText = "Hello world!";&lt;/p&gt;

&lt;p&gt;Change HTML - document.getElementById("heading").innerHTML ="&lt;/p&gt;
&lt;p&gt;welcome&lt;/p&gt;";

&lt;p&gt;Changing Styles - document.getElementById("heading").style.color = "red";&lt;br&gt;
document.getElementById("heading").style.fontSize = "30px";&lt;/p&gt;

&lt;p&gt;Creating Elements - &lt;br&gt;
let p = document.createElement("p");&lt;br&gt;
p.innerText = "This is new paragraph";&lt;br&gt;
document.body.appendChild(p);&lt;/p&gt;

&lt;p&gt;Removing Elements -&lt;br&gt;
let elem = document.getElementById("heading");&lt;br&gt;
elem.remove();&lt;/p&gt;

&lt;p&gt;For ref: geeks for geeks - &lt;a href="https://www.geeksforgeeks.org/javascript/dom-document-object-model/" rel="noopener noreferrer"&gt;https://www.geeksforgeeks.org/javascript/dom-document-object-model/&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.amazonaws.com%2Fuploads%2Farticles%2Fcg2muagzta7ywo9mrtvj.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%2Fcg2muagzta7ywo9mrtvj.png" alt=" " width="800" height="500"&gt;&lt;/a&gt;&lt;/p&gt;

</description>
      <category>webdev</category>
      <category>programming</category>
      <category>javascript</category>
      <category>frontendchallenge</category>
    </item>
    <item>
      <title>Function and Objects In JS.</title>
      <dc:creator>Mohamed Ajmal</dc:creator>
      <pubDate>Tue, 20 Jan 2026 06:12:52 +0000</pubDate>
      <link>https://dev.to/mohamed_ajmal_2/function-and-objects-in-js-1a4b</link>
      <guid>https://dev.to/mohamed_ajmal_2/function-and-objects-in-js-1a4b</guid>
      <description>&lt;p&gt;FUNCTION : &lt;/p&gt;

&lt;p&gt;A function is a block of code that performs a specific task and can be reused. There are three ways!&lt;/p&gt;

&lt;p&gt;1.Function Declaration, &lt;br&gt;
 2.Function Expression, &lt;br&gt;
 3.Arrow Function (ES6) (Short syntax, Commonly used in modern JS).&lt;/p&gt;

&lt;p&gt;Examples:&lt;/p&gt;

&lt;p&gt;1.&lt;br&gt;
 function greet(name) {&lt;br&gt;
  return "Hello " + name;&lt;br&gt;
}&lt;/p&gt;

&lt;p&gt;console.log(greet("Ajmal"));&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;const add = function (a, b) {
return a + b;
};&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;console.log(add(5, 3));&lt;/p&gt;

&lt;p&gt;3.const multiply = (a, b) =&amp;gt; a * b;&lt;/p&gt;

&lt;p&gt;console.log(multiply(4, 2));&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;OBJECTS&lt;/strong&gt;: An object stores data in key-value pairs. It's a combination of state and behavior. &lt;/p&gt;

&lt;p&gt;ex:&lt;br&gt;
 const person = {&lt;br&gt;
  firstName: "John", // Property&lt;br&gt;
  lastName: "Doe",   // Property&lt;br&gt;
  age: 50,           // Property&lt;br&gt;
  fullName: function() { // Method&lt;br&gt;
    return this.firstName + " " + this.lastName;&lt;br&gt;
  }&lt;br&gt;
};&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;OBJECT CON&lt;/strong&gt;&lt;/p&gt;

</description>
      <category>webdev</category>
      <category>programming</category>
      <category>javascript</category>
      <category>frontend</category>
    </item>
  </channel>
</rss>
