DEV Community: MANIKANDAN

Day 4 - Updates 🔔

MANIKANDAN — Wed, 08 Apr 2026 16:07:18 +0000

Hello...

Still, we are in the first level of progress, setting up the environment for Spring Boot. Once the setup is over, we can start with the project

Today, there are not many updates, but I am writing this blog because consistency is the most important thing to achieve a goal

There is no tomorrow. Take a moment to think, and you will understand.

Day 3 - Updates 🔔

MANIKANDAN — Tue, 07 Apr 2026 15:44:45 +0000

Hello...

I hope everyone is doing well.
Yesterday, I mentioned that we would start working on a login authentication project. Today, let me share what I have done so far.

After deciding to begin the project, I started thinking about which part to work on first — the front-end or the back-end. Initially, I felt like starting with the front-end. However, after doing some research online, I found that most sources recommend starting with the back-end.

Since I already have basic knowledge of Java, I decided to use Spring Boot for the back-end. I watched a few videos to understand how to set up the Spring Boot environment, and it took me about an hour to complete the setup.

Once the setup was done, I tested the environment by running a simple Spring Boot application. I copied a basic example from the internet just to verify if everything was working correctly — and it worked perfectly.

I will continue working on this project and share my progress in the next update.

Thank you

Perfect doesn't exist--- start messy.

Day 2 — One Step Closer to My Project Goal 🎯

MANIKANDAN — Mon, 06 Apr 2026 15:15:20 +0000

Hello....

After thinking for hours about what project I should do, I came up with the idea of login authentication.

I want to share why I chose this project, even though it may not seem very interesting. But the process of choosing this idea made me interested. Okay, okay—I understand what you're thinking. Let’s start.

I chose this because I’m curious. Most of the applications we use have login authentication. I want to understand the background process—how it works and how passwords are stored. That curiosity made me choose this project.

I honestly don’t know how to do it, but I will try my best to complete it. Tomorrow, I will share what steps I have taken.

Today is hard, tomorrow will be worse, but the day after tomorrow will be sunshine. Most people die tomorrow evening.

Day 1 of building my project from scratch.

MANIKANDAN — Sun, 05 Apr 2026 15:26:52 +0000

Hello all...💡

This blog is not just about learning something theoretical,
You would think what he is saying. Why am I saying not to learn theoretically? Because I am the real example for you
I have learned HTML, CSS, JavaScript, Java, and so on, but
I can't really do a project now, fully.

So I got an idea, why could I try to do a project from scratch, so that it could give me confidence that I have done something new, by which I could learn new concepts and use the concepts that I have learned theoretically

From today, I will post what and all I am doing to create this project. Still, I have not decided what project to do, okay
I will update you on what project I am going to do, and why I have chosen it

Seri friends, naalai paapom

The Hidden Life of JavaScript

MANIKANDAN — Tue, 20 Jan 2026 02:12:26 +0000

JavaScript is one of the most widely used programming languages today. Whether you are browsing social media, shopping online, or using a web app, JavaScript is likely working behind the scenes. But have you ever wondered how JavaScript actually runs?

We will explore:

What a JavaScript Engine is
How Does a JavaScript Engine Work

What is a JavaScript Engine?

A JavaScript engine is a specialised program that reads, understands, and executes JavaScript code. Think of it as the interpreter that takes the code you write and transforms it into actions your computer can perform.

Popular JavaScript engines include:

V8 (used in Google Chrome )
SpiderMonkey (used in Mozilla Firefox)
JavaScriptCore (used in Safari)

Each engine is unique in its implementation, but the core principles remain the same.

How Does a JavaScript Engine Work?

1. Parsing: Understanding the Code

The first step is parsing, where the engine converts JavaScript into an Abstract Syntax Tree (AST)— a structured representation it understands.

Think of this process as breaking the code into small, logical pieces to analyze its purpose. For example:

console.log("Hello bro");

The engine identifies this as a function call (console.log)with the argument "Hello bro".

2. Compilation: Preparing for Execution

Modern JavaScript engines use Just-In-Time (JIT) Compilation, converting JavaScript into machine code just before execution. This makes it run much faster than interpreting line by line.

3. Execution: Running the Code

Once compiled, the engine runs the machine code. For example, if your code includesconsole.log("Hello!"), it prints "Hello!" to the console.

Key Components of a JavaScript Engine

To perform these tasks, the engine relies on three main components:

1. Memory Heap

This is where data like variables, objects, and functions are stored. Think of it as a storage area where the engine keeps track of everything your code needs.

2. Call Stack

The call stack keeps track of what the engine is currently working on. When a function is called, it is added to the stack. Once the function finishes, it is removed from the stack.

3. Garbage Collector

As your program runs, some data is no longer needed. The garbage collector automatically clears this data from memory to keep things efficient and prevent your application from slowing down.

let user = {
  name: "Mani"
};

user = null; // object is no longer reachable

Main Garbage Collection Method: Mark and Sweep

This is how JavaScript engines work internally:

Start from root objects (global variables, current function variables)
Mark all reachable objects
Sweep (delete) all unmarked objects

Summary

A JavaScript engine is an incredible piece of technology that brings your code to life. It is built for speed and efficiency to parse, compile, and handle asynchronous tasks with the Event Loop.

Stop here. Come back tomorrow ....Hava a good day

The Silent Power Behind Every Success

MANIKANDAN — Sat, 03 Jan 2026 17:04:01 +0000

This year, we have to be disciplined if we really want to reach our goal. It is not easy, and it will not happen fast. Some days we will feel lazy, some days we will feel tired, and some days we will feel like skipping everything. But discipline means doing the work even on those days. Not extra work, just the small work that needs to be done daily.

The process will be slow, and many times we will not see any result. That is the hardest part. We wake up, do the same thing again and again, and feel like nothing is changing. But actually, something is changing inside us. Our habits are getting stronger, and we are becoming more serious about our goal, even if we don’t notice it immediately.

If we continue daily without checking the result every time, one day we will see it clearly. That day will feel very good. We will understand that all those small efforts were not wasted. Discipline may be boring sometimes, but it quietly takes us where we want to go.

5 Essential Array Methods Every JavaScript Developer Must Know

MANIKANDAN — Sat, 15 Nov 2025 06:12:58 +0000

What is a method?

A method is just a function inside an object,
and it represents what the object can do.

Now we are going to see some of the most frequently used built-in methods in JavaScript

Array methods()

1) push()

--> It is used to add one or more elements to the end of an array.
--> It also returns the new length of the array.

Syntax

array.push(element1, element2, ...);

Example

let tasks = ["Wake up", "Brush teeth"];

tasks.push("Exercise", "Read a book");

console.log(tasks);

Output

["Wake up", "Brush teeth", "Exercise", "Read a book"]

2) pop()

-->pop() removes the last element from the array
--> It returns the removed element

Syntax

array.pop();

Example

let tasks = ["Wake up", "Brush teeth", "Exercise", "Read a book"];

let removedTask = tasks.pop();

console.log(tasks);
console.log("Removed:", removedTask);

Output

["Wake up", "Brush teeth", "Exercise"]
Removed: Read a book

3) shift()

-->shift() removes the first element from the array
--> It returns the removed element

Syntax

array.shift();

Example

let tasks = ["Wake up", "Brush teeth", "Exercise", "Read a book"];

let removedTask = tasks.shift();

console.log(tasks);
console.log("Removed:", removedTask);

Output

["Brush teeth", "Exercise", "Read a book"]
Removed: Wake up

4) unshift()

-->unshift() adds one or more elements to the beginning of the array
--> It returns the new length of the array

Syntax

array.unshift();

Example

let tasks = ["Brush teeth", "Exercise", "Read a book"];

let newLength = tasks.unshift("Wake up");

console.log(tasks);
console.log("New Length:", newLength);

Output

["Wake up", "Brush teeth", "Exercise", "Read a book"]
New Length: 4

5) map()

--> map() creates a new array
--> It runs a function on every element of the original array
--> It does NOT change the original array

Syntax

array.map(function(element, index, array) {
// return new value
});

Example

let numbers = [1, 2, 3, 4];

let doubled = numbers.map(function(num) {
return num * 2;
});

console.log(numbers);
console.log(doubled);

Output

[1, 2, 3, 4]
[2, 4, 6, 8]

JDBC Connectivity in Java (Java Database Connectivity)

MANIKANDAN — Thu, 23 Oct 2025 16:11:29 +0000

What is JDBC?

JDBC (Java Database Connectivity) is a Java API that lets Java programs talk to databases. It provides classes and interfaces to send SQL queries, get results, and manage database connections. Using JDBC, we can build applications that work with different databases like MySQL, PostgreSQL, Oracle, and more. Basically, it helps Java programs store, read, and update data in a database easily.

The main 6 steps for connection of JDBC

                     Import packages
                           |
                      Load Driver  
                           |
                     Register Deiver
                           |
                   Create a connection
                           | 
                     Create Statement
                           |
                         Close

import java.sql.*;
import java.util.Scanner;

public class Crud_Op_Ps {

    public static void main(String[] args) {
        String url = "jdbc:postgresql://localhost:5432/crud_op";
        String user = "manikandan";
        String password = "tnlm@2004";

        try (Connection con = DriverManager.getConnection(url, user, password);//ip 
                Scanner sc = new Scanner(System.in)) {

            System.out.println("DB connected...");

            while (true) {
                System.out.println("\n--- CRUD Menu ---");
                System.out.println("1. Insert User");
                System.out.println("2. Update User");
                System.out.println("3. Delete User");
                System.out.println("4. View Users");
                System.out.println("5. Exit");
                System.out.print("Enter your choice: ");
                int choice = sc.nextInt();
                sc.nextLine();

                switch (choice) {
                case 1:
                    System.out.print("Enter name: ");
                    String name = sc.nextLine();
                    System.out.print("Enter email: ");
                    String email = sc.nextLine();

                    String insert = "INSERT INTO student(name, email) VALUES (?, ?)";
                    try (PreparedStatement ps = con.prepareStatement(insert)) {       //ip
                        ps.setString(1, name);
                        ps.setString(2, email);
                        ps.executeUpdate();
                        System.out.println("User inserted.");
                    }
                    break;

                case 2:
                    System.out.print("Enter old name: ");
                    String oldName = sc.nextLine();
                    System.out.print("Enter new name: ");
                    String newName = sc.nextLine();

                    String update = "UPDATE student SET name=? WHERE name=?";
                    try (PreparedStatement ps = con.--prepareStatement(update)) {//ip
                        ps.setString(1, newName);
                        ps.setString(2, oldName);
                        int rows = ps.executeUpdate();
                        if (rows > 0) {
                            System.out.println("User updated.");
                        } else {
                            System.out.println("No user found with that name.");
                        }
                    }

Differences between abstract class and interface in Java

MANIKANDAN — Wed, 22 Oct 2025 16:25:20 +0000

What is an Abstract Class?

Abstraction in Java is the process of hiding internal implementation details and showing only essential functionality to the user. It focuses on what an object does rather than how it does it.

What is an Interface?
Java interface is a reference type in Java, similar to a class, that is used to achieve abstraction and multiple inheritance. It defines a set of abstract methods that a class must implement. Interfaces specify what a class must do, but not how it does it. This makes code more modular, flexible, and easier to manage, especially in large applications.


--------------------------------------------------------------
|  Abstract Class             |       Interface              | 
--------------------------------------------------------------
|  Abstract keyword used to   | Interface keyword used to    |
|  declare the abstract class.| declare interface. Also,     |
|  Also, the abstract class   | interface can be implemented |
|  can be extended by using   | by using the keyword         |
|  the keyword “extends”      | “implements”                 |     
|------------------------------------------------------------|
|  Can have access modifier   |  Does not have access        |
|                             |  modifiers, and everything   |
|                             |  defined inside is assumed   |
|                             |  to be a public modifier     |
|-----------------------------|------------------------------|
| Can declare constructors    | Cannot declare constructors  |
| and destructors             | or destructors               |
|------------------------------------------------------------|
| Can have data fields        | Cannot have data fields      |
|-----------------------------|------------------------------|
| Can have any type of class  | Can only have public members,|
| member (e.g., public,       | by default                   |
| private, protected)         |                              |
|-----------------------------|------------------------------|
| Can have only one abstract  | Can implement several        |
| class                       |                              |
--------------------------------------------------------------

Why HTML is a platform-independent language

MANIKANDAN — Wed, 08 Oct 2025 06:47:25 +0000

HTML, which stands for HyperText Markup Language, is a platform-independent language for several reasons:

Plain text files:
HTML is just a text file with tags. You can create or edit it on any computer—Windows, Mac, or Linux—using any text editor.

Browsers do the work:
Web browsers (Chrome, Firefox, Safari, etc.) read and display HTML. They work the same way on all operating systems, so your web page looks consistent everywhere.

No compilation needed:
HTML is not a programming language. Browsers read it directly, so you don’t need any special compiler for different platforms.

Standards make it uniform:
Organizations like W3C make rules for HTML. These rules ensure that browsers interpret HTML the same way, no matter the device or OS.

Responsive design:
HTML works with techniques that let websites adjust to any screen size—desktop, tablet, or phone—giving a smooth experience everywhere.

In summary, HTML's platform independence is primarily due to its text-based structure, browser interpretation, lack of compilation requirements, adherence to standardised specifications, and support for responsive design practices, all of which enable consistent rendering of web content across different platforms and devices.

HTML FORMS INTRODUCTION

MANIKANDAN — Tue, 30 Sep 2025 07:29:56 +0000

We’ve all come across login pages, feedback forms, profile update pages, survey forms, booking or reservation forms, contact forms, and registration pages—right? These forms are everywhere on the web, and we interact with them almost daily.

But have you ever wondered what's behind the magic of these user-friendly input boxes?

Well, it's HTML—the real don behind all these cool web forms!

Whether you're filling in your username, writing a short bio, uploading a profile photo, selecting options with checkboxes or radio buttons, choosing from a dropdown, or clicking a button to submit—HTML provides the skeleton for it all.

To create forms like these, we use the (form) tag in HTML.
Inside it, we'll define various other tags to bring everything together—text fields, checkboxes, buttons, and more.

What are all the major changes in HTML 1 to the current HTML 5?

MANIKANDAN — Mon, 29 Sep 2025 11:45:03 +0000

HTML:

HTML (Hypertext Markup Language) has evolved over the years, from its initial release as HTML 1.0 to its latest version, HTML 5.0. Let’s explore the key features and changes introduced in each version:

HTML 1.0 (1991):

It is the basic version of HTML with text, links,
paragraph, and lists
In this version, we can not add images, forms, or
styling feature

HTML 2.0 (1995):

Major change: Added forms, input, button, and table made website interactive(like data submission)
The concept of forms was introduced for user input and interaction with webpages.

HTML 3.2 (1997):

Enhanced support for tables, forms, and text formatting.
Introduction of new elements like image maps, applets, and
basic support for style sheets.

HTML 4.01 (1999):

In this version, div and span are used to separate
content and make the presentation easy
Expanded support for style sheets and scripting through
CSS (Cascading Style Sheets) and JavaScript.

HTML 5 (2014):

Major change, huge updates
semantic tags:-header, footer, article, section,nav
Multimedia tag:-video,audio

*BASIC-->INTERACTIVE-->STYLED-->SEMATIC-->MULTIMEDIA--CURRENT VERSION *