DEV Community: Kaushik V

Javascript Basics

Kaushik V — Fri, 07 Mar 2025 01:49:25 +0000

Common JavaScript Built-in Functions Explained

JavaScript has many built-in functions that help with selecting, modifying content and performing calculations. Here are some examples of such built-in functions.

DOM Manipulation Functions

getElementById(id) – Selects a single HTML element by its id. This is one of the most common ways to interact with elements in the DOM.
getElementsByClassName(className) – Selects all elements that have the specified class name(s). Returns an HTMLCollection.
getElementsByTagName(tagName) – Returns all elements in the document that match a specific tag name (e.g., div, p).
querySelector(selector) – Selects the first element that matches a given CSS selector.
createElement(tagName) – Creates a new HTML element dynamically using JavaScript.

Number Parsing Functions

parseInt(string) – Converts a string into an integer (whole number).
parseFloat(string) – Converts a string into a floating-point number (decimal).

Function Binding and Array Methods

bind() – Creates a new function that remembers a specific context, similar to putting a sticky note on a function to remind it of a specific this value.
push(value) – Adds an item to the end of an array.
pop() – Removes the last item from an array.
sort() – Sorts an array in ascending or descending order.
shift() – Removes the first item from an array.
unshift(value) – Adds an item to the beginning of an array.

Math Functions

Math.abs(number) – Converts a number to its absolute (positive) value.
Math() – A built-in JavaScript object that provides various mathematical functions and constants.

Other Useful Functions

getRootNode() – Retrieves the root (top-most) element in the DOM tree.
console.error(message) – Displays an error message in the browser’s developer console.
addEventListener(event, function) – Listens for a specific event (like a click) on a webpage and executes a function when the event occurs.
eval(string) – Executes JavaScript code written inside a string (Use with caution due to security risks).
escape(string) – Encodes a string for safe transfer over the internet.
document.write(content) – Writes content directly onto a webpage (Not recommended for modern web development).
length – Returns the number of elements in an array or the number of characters in a string

HTML and css placeholder 2

Kaushik V — Fri, 07 Mar 2025 01:44:11 +0000

HTML and css placeholder

Kaushik V — Fri, 07 Mar 2025 01:43:43 +0000

Frontend basics -Html & CSS (1)

Kaushik V — Tue, 25 Feb 2025 18:07:57 +0000

Frontend development involves HTML, CSS, and JavaScript.

HTML is the foundation or structure of a webpage
CSS improves the design, making pages visually appealing.
JavaScript makes it more interactive and dynamic.

Frequently used HTML tags

- <!DOCTYPE html> – Declares the document type and version of HTML.
- <html> – The root element that wraps all content on the page.
- <head> – Contains metadata like title, styles, and scripts.
- <body> – Holds all visible content, including text, images, and links.
- <title> – Defines the webpage’s title, displayed on the browser tab.
- <a href=""> – Creates hyperlinks to other pages or sections.
- <ul> – Defines an unordered (bulleted) list.
- <ol> – Defines an ordered (numbered) list.

CSS properties

<style> – A tag to include CSS rules within an HTML document.
- Selectors – picks specific elements using class (.), ID (#), or element names.
- color – Sets the text color (color: blue;).
- background-color – Defines the background color (background-color: yellow;).
- margin – Controls space around an element (margin: 10px;).
- border – Adds a border around an element (border: 2px solid black;).
- padding – Adds space inside an element, between content and its border (e padding: 5px;).

Frequently used Git commands

Kaushik V — Wed, 19 Feb 2025 17:27:21 +0000

Here are some commonly used Git commands for someone who is learning about version control systems.

Cloning a Repository
git clone – Copies a remote repository to the local machine.
Staging Changes
git add – Stages a specific file for commit.
git add . – Stages all modified and new files.
Committing Changes
git commit -m "commit message" – Saves the staged changes to the local repository with a message.
Pushing Changes to a Remote repository
git push – Used for Uploading the committed changes to the remote repository.
Restoring Staged changes
git restore --staged – Removes a file from the staging area but keeps changes in the working directory.
View the Commit history
git log – Displays commit history with specific details like author name, date of modification and messages for identification.
creating and handling the branches in a repository
git branch - Lists all branches in the repository.
git branch - Creates a new branch.
git checkout - Switches to an existing branch.

Git Architecture & Installation

Kaushik V — Tue, 18 Feb 2025 16:57:14 +0000

Git is a powerful version control system that helps developers track changes in their projects. In this blog, we’ll explore Git’s architecture, how it works, and how to install it on your system.

Git Architecture

Git follows a structured workflow that involves multiple stages before the code reaches a remote repository.

1. Working Directory
This is where we create and modify files for our project. Any new or updated files is located here before being staged for commit.

2. Staging Area
When we run git add, the changes move from the working directory to the staging area. This means the files are ready to be committed but are not yet permanently stored in the repository.

3. Local Repository
Running git commit saves the staged changes into the local repository. This stores a history of all committed changes.

4. Remote Repository
Once we are ready to share the changes with others, we can use git push to upload the commits to a remote repository (such as GitHub or GitLab).

Installing Git

To start using Git, we have to install it in the system. These steps should be followed:

Open the terminal

On Linux, use Ctrl + Alt + T to open the terminal.
On macOS, use the Terminal app.
On Windows, use Git Bash or Command Prompt.

Note: Here I will be using Linux to install Git. The process is the same for all Operating Systems but only the commands slightly differ.

enter the command - sudo apt install git

The terminal will ask the user about the system's password to complete the installation. The version installed can be checked using the command

git --version

Version Control System Introduction

Kaushik V — Mon, 17 Feb 2025 17:54:37 +0000

Before we start learning Java, we need to understand how to save our code and collaborate with other developers, just as we would when working in a team. This is important because, in a company, developers divide tasks and work on them simultaneously to complete projects efficiently. We also need a way to restore code to previous versions in case an error occurs in the current version. This is where a version control system (VCS) comes in.

What is a Version Control System?
A version control system is software that helps developers track the three W’s while handling code:

Who made the change
When the change was made
Where the change was made

These three questions can help us understand why an error might have occurred.

The VCS takes a snapshot of every modification, allowing you to revert to a previous version if you make a mistake. 😁

History of Version Control Systems

Initially, files were stored in multiple local directories, which was prone to errors. To address this, the local version control system was introduced, where all versions were stored in a local repository. One of the oldest systems, RCS (Revision Control System), was introduced in 1982.

However, this method was not feasible for teams, leading to the introduction of the centralized version control system (CVCS). These systems used a central server to store all versions. The main drawback was that CVCS had a single point of failure—if the central server was corrupted or lost, the data could not be recovered. Additionally, large teams found it difficult to work efficiently with this system.

To overcome these drawbacks, the distributed version control system (DVCS) was introduced. In this system, every workspace/system has its own local repository and working copy, along with a central repository for synchronization.

Terminology in VCS

Working Directory – The folder where the code is stored.
Repository – Maintains different versions of the code.
Commit – Saves changes to the repository.
Checkout – Retrieves code from the repository to the working directory.

Types of Version Control Systems

Centralized Version Control System (CVCS) – Uses a central server to store all versions.
Distributed Version Control System (DVCS) – Every system has a local repository, along with a central server.

From Hardstuck Gold to Challenger IRL: My Java Journey 🎉

Kaushik V — Mon, 17 Feb 2025 17:03:27 +0000

As a hardstuck Gold League of Legends player, I have decided it is now time to grind my skills in real life, not just on the Rift but also in coding. My goal now is to level up my Java skills from iron tier and to reach Challenger tier as a developer.

This blog will also act as my training log, where I document everything I learn. Whether you are also on the path to mastering Java or just exploring new things, I hope this becomes a valuable resource for both of us. Let us climb the ranks together.