Forem: Sabitha

Exploring the World of Open Source: My Journey at TOSS Conference

Sabitha — Mon, 21 Jul 2025 16:52:10 +0000

I recently attended the TOSS Conference 2025 held at St. Joseph College, and it turned out to be one of the most memorable learning experiences for me. It was a two-day event filled with technical sessions, fun interactions, and real-world exposure.

On the first day, one of the speakers introduced us to Debian, a popular open-source operating system. He explained how Debian is known for its stability, security, and the freedom it offers to users and developers. It was my first time hearing about Debian, and I found it very interesting. After that, we went to another hall our institute sir handled the session on Computer Networks, where we learned about subnetting, IPv4 breakdown, the OSI and TCP/IP models, DNS, and even about Jellyfin, an open-source media server. His explanation was very clear and easy to understand, even though the topic was quite technical.

After lunch, we moved to another venue, where the energy was super high. A very enthusiastic speaker introduced us to the programming language Clojure and asked a very simple yet powerful question “What is programming?” He explained that programming is basically communication with the computer. He gave practical, funny, and clear examples like giving instructions to a robot to make tea, which helped us understand that programming is all about logical thinking and step-by-step problem-solving. His session really changed the way I look at programming.

On the second day, we got the chance to do something even more exciting we set up our own stall on LibreOffice as part of the open-source exhibition. There were many other stalls as well, but this was special for me because I was actively involved. We explained about LibreOffice to students and working professionals, and answered all their questions. It gave me confidence and real-life exposure. We also made it fun by conducting a small quiz game we wrote questions on paper, folded them, and placed them in a bowl. Visitors picked a paper and answered the question. One of our main questions was, “What does open source mean to you?” and the answers we got were thoughtful and engaging.

After lunch, we all gathered back in the hall where the organizers gave closing thanks and wrapped up the event. Over the two days, I not only learned a lot of new things, but also got to interact with professionals, clarify doubts, and improve my knowledge. It was an experience that made me feel proud, more confident, and inspired to learn more about technology.

My Second Experience at the JVM Code-On Program

Sabitha — Sun, 13 Jul 2025 10:08:10 +0000

Yesterday, I attended the Code-On JVM program for the second time, and honestly, it was even better than the first! The sessions were very interesting, and I really enjoyed being a part of it again.

One of the key topics discussed was Concurrency and Multithreading. They explained that Multithreading means handling multiple tasks at the same time inside a single program like listening to music while chatting with a friend. To make it easier to understand, the speaker gave an example from the movie Dasavathaaram, where Kamal Haasan played 10 different characters. Just like that, threads can run differently but still belong to one program.

The speaker, Jennifer, made the session lively and easy to follow.

After the session, we had a tea and biscuit break, which gave us time to refresh.

Then came one of my favorite parts — the Connection Game. It was a fun activity where we related technical concepts in a creative way. This really helped me remember things better.

Then came the quiz session, which was conducted on Kahoot. It was exciting and competitive! The quiz had questions based on Java, and it tested how well we understood the concepts discussed during the session.

Finally, we took a group photo, and the program came to an end.

Overall, it was a fun and informative day. Since it was my second time attending, I felt even more confident and connected. I really loved the experience!

What Is an API? A Beginner’s Guide

Sabitha — Fri, 11 Jul 2025 17:35:43 +0000

WHAT IS API

An API, which stands for application programming interface, is a set of protocols that enable different software components to communicate and transfer data. Developers use APIs to bridge the gaps between small, discrete chunks of code in order to create applications that are powerful, resilient, secure, and able to meet user needs. Even though you can't see them, APIs are everywhere—working continuously in the background to power the digital experiences that are essential to our modern lives.

How do APIs work?

APIs work by sharing data between applications, systems, and devices. This happens through a request and response cycle. The request is sent to the API, which retrieves the data and returns it to the user. Here's a high-level overview of how that process works.

API client

The API client is responsible for starting the conversation by sending the request to the API server. The request can be triggered in many ways. For instance, a user might initiate an API request by entering a search term or clicking a button. API requests may also be triggered by external events, such as a notification from another application.

API request

An API request will look and behave differently depending on the type of API, but it will typically include the following components:

Endpoint: An API endpoint is a dedicated URL that provides access to a specific resource. For instance, the /articles endpoint in a blogging app would include the logic for processing all requests that are related to articles.

Method: The request's method indicates the type of operation the client would like to perform on a given resource. REST APIs are accessible through standard HTTP methods, which perform common actions like retrieving, creating, updating, and deleting data.

Parameters: Parameters are the variables that are passed to an API endpoint to provide specific instructions for the API to process. These parameters can be included in the API request as part of the URL, in the query string, or in the request body. For example, the /articles endpoint of a blogging API might accept a “topic” parameter, which it would use to access and return articles on a specific topic.

Request headers: Request headers are key-value pairs that provide extra details about the request, such as its content type or authentication credentials.

Request body: The body is the main part of the request, and it includes the actual data that is required to create, update, or delete a resource. For instance, if you were creating a new article in a blogging app, the request body would likely include the article's content, title, and author.

API server

The API client sends the request to the API server, which is responsible for handling authentication, validating input data, and retrieving or manipulating data.

API response

Finally, the API server sends a response to the client. The API response typically includes the following components:

Status code: HTTP status codes are three-digit codes that indicate the outcome of an API request. Some of the most common status codes include 200 OK, which indicates that the server successfully returned the requested data, 201 Created, which indicates the server successfully created a new resource, and 404 Not Found, which indicates that the server could not find the requested resource.

Response headers: HTTP response headers are very similar to request headers, except they are used to provide additional information about the server's response.

Response body: The response body includes the actual data or content the client asked for—or an error message if something went wrong.

LibreOffice:

Sabitha — Thu, 10 Jul 2025 17:40:29 +0000

LibreOffice is developed by users who, just like us , believe in the principles of Free Software and in sharing their work with the world in non-restrictive ways

What is LibreOffice?

LibreOffice is a free and open-source office software suite used to create and edit documents, spreadsheets, presentations, and more.

Tool	What it does	Like in MS Office
Writer	Word processing	MS Word
Calc	Spreadsheets	MS Excel
Impress	Presentations	MS PowerPoint
Draw	Diagrams and flowcharts	Visio
Base	Database management	MS Access
Math	Writing mathematical formulas	Equation Editor

Why I Chose LibreOffice?

I had already installed Linux on my laptop, and to my surprise, LibreOffice was already there — no extra downloads needed! That made things really easy for me. Since I'm a fresher, I didn’t want anything too heavy or complicated. LibreOffice felt light, fast, and beginner-friendly — just what I was looking for to get started with my work.

First Impressions

When I first opened LibreOffice, the interface gave me MS Office vibes — but in a simpler and cleaner way. I started with Writer and just played around a bit: typed some notes, changed the font style and size, added a table — everything worked without any problems. The best part? It ran smoothly on my basic laptop without slowing anything down. That made me feel really comfortable using it from the very beginning.

Challenges I Faced

As someone who was more familiar with Microsoft Office, I did get a little confused at first. Some of the buttons and options were in different places, and a few features had slightly different names.

What I Liked About LibreOffice

There were actually quite a few things I liked:

-It’s completely free — no license, no crack, no stress.

-It works offline — I don’t need internet to use any feature.

-It's lightweight — my laptop didn’t slow down at all.

-Supports many formats — I could save my file in .odt, .docx,
and even .pdf.

-No ads or distractions — just a clean workspace for writing and
editing.

CONDITIONAL STATEMENT

Sabitha — Thu, 10 Jul 2025 16:55:20 +0000

Conditinal statement in javascript

JavaScript conditional statements allow you to execute specific blocks of code based on conditions. If the condition is met, a particular block of code will run; otherwise, another block of code will execute based on the condition.

Types of Conditional Statements

if statement
if...else statement
if...else if...else statement
switch statement
ternary (conditional) operator

1. if Statement

We use an if statement when you want to check only a specific condition. ‘if’ is a JavaScript keyword that tells the JavaScript interpreter that you are about to use a conditional statement. The statements inside an if statement will only execute if the condition is true.

example

let age = 18;

if (age >= 18) {
  console.log("You are an adult.");
}

2. if…else Statement

This is another method to produce the same output as with if statements and the ternary operator. We use if…else statements for this purpose. The interpreter checks if the condition is true. If yes, then the statements inside the if block is executed and if not, the else block is executed. Unlike in if statements as in the example above, we don’t need to specify any condition inside an else statement.

example

let age = 16;

if (age >= 18) {
  console.log("You are an adult.");
} else {
  console.log("You are a minor.");
}

3. Nested if…else Statements

This is a method to check multiple statements. But this is not always an ideal one. You should be very careful in using these statements. Nested if…else statements mean that there are if…else statements inside an if or an else statement.

example

let age = 20;

if (age >= 18) {
  if (age >= 60) {
    console.log("You are a senior citizen.");
  } else {
    console.log("You are an adult.");
  }
} else {
  console.log("You are a minor.");
}

Reference:https://data-flair.training/blogs/javascript-conditional-statements/

https://www.geeksforgeeks.org/javascript/conditional-statements-in-javascript/

Basics of Javascript

Sabitha — Thu, 10 Jul 2025 10:03:11 +0000

JavaScript is a programming language used to create dynamic content for websites. It is a lightweight, cross-platform, and single-threaded programming language. It's an interpreted language that executes code line by line, providing more flexibility.

JavaScript on Client Side:
On the client side, JavaScript works along with HTML and CSS. HTML adds structure to a web page, CSS styles it, and JavaScript brings it to life by allowing users to interact with elements on the page, such as actions on clicking buttons, filling out forms, and showing animations. JavaScript on the client side is directly executed in the user's browser.

JavaScript on server side:

JavaScript on Server Side: On the Server side (on Web Servers), JavaScript is used to access databases, file handling, and security features to send responses, to browsers.

Types of datatypes

primitive datatypes

Data Type	Example	Description
String	`"Hello"`	Text inside quotes
Number	`42`, `3.14`	Integer or decimal
Boolean	`true`, `false`	Yes/No, On/Off
Undefined	`let x;`	Declared but not assigned
Null	`let x = null;`	Empty or unknown value
BigInt	`12345678901234567890n`	Very large numbers
Symbol	`Symbol("id")`	Unique and immutable value

Non-primitive

Data Type	Example	Description
Object	`{name: "Sabitha", age: 22}`	Collection of key-value pairs
Array	`[1, 2, 3]`	Ordered list of values
Function	`function() {}`	Block of reusable code

Arithmetic Operators:

Operator Description
+ Addition
- Subtraction
* Multiplication
** Exponentiation (ES2016)
/ Division
% Modulus (Division Remainder)
++ Increment
-- Decrement

What is an object?

An object in JavaScript is a data structure that allows you to store multiple values in a single variable using key–value pairs.

ATTRIBUTES:

In JavaScript, we can access, change, or remove the attributes of HTML elements using the DOM (Document Object Model).

Attributes are things like: href, src, id, class, value, etc.

CODE ON JVM PROGRAM AT CONTENTSTACK

Sabitha — Sun, 29 Jun 2025 17:30:19 +0000

Yesterday, I attended the CodeOnJVM program organized at Content stack. It was a great session where they talked about modern web architecture, including JAMstack (JavaScript, APIs, Markup), headless CMS like Strapi, and why these technologies are used in real-world projects like Tastebud Café. They also covered key topics like data pipelines, observability, ETL, data sharing

*Yesterday i learn new something and i heard it for the first time *

I’ve written about that below.

JAMstack = JavaScript, APIs, Markup

JavaScript → UI built using frameworks like React, Vue, or 
Next.js

APIs → Content/data is fetched via REST or GraphQL from headless  
CMS

Markup → Pre-rendered HTML for speed and SEO

Why We Chose Next.js and Strapi for Building Tastebud Café

When we set out to build the website for Tastebud Café, we knew we needed a solution that was modern, fast, scalable, and easy to manage — both from a developer’s perspective and for the content team who would update menus, events, and blog posts regularly.

After evaluating many options, we decided to use Next.js for the frontend and Strapi as our headless CMS backend. Here’s why this combination was a perfect fit for Tastebud Café.

What is Next.js?

Next.js is a React-based web framework that helps developers build fast and SEO-friendly websites by combining the best of static and server-rendered pages.

Why Next.js?

Blazing Fast Performance
SEO-Friendly
Developer Friendly
Easy Deployment

What is Strapi?

Strapi is an open-source, API-first headless CMS that allows content creators to manage content in an intuitive admin panel and deliver it via REST or GraphQL APIs to any frontend.

Why Strapi?

Headless Architecture
Perfect for Restaurants
Role-Based Access Control
Flexible API
Scalability and Localization

Why This Combination Works for Tastebud Café

Choosing Next.js and Strapi gave us the best of both worlds:

Fast, SEO-friendly frontend that delivers smooth user experiences on desktop and mobile
Flexible, easy-to-manage backend that empowers the content team to update information in real time
Independent workflows for developers and content creators — speeding up release cycles and reducing conflicts
API-driven architecture that is future-proof and ready to integrate with other systems like marketing tools, analytics, or mobile apps ** Why Choose a Headless CMS?**

A Headless CMS separates content management from the frontend, delivering content via APIs. This gives you:

Flexibility: Use any frontend technology (React, Next.js, mobile apps).
Omnichannel Delivery: Publish content everywhere — web, apps, devices.
Better Performance: Frontends get only the content they need, making sites faster.
Improved Security: Backend is isolated from the public-facing frontend.
Scalability: Easily adapt as your business grows or technology changes.

what is data pipeline ?

data pipeline is the set of automated process that move,transform,and deliver data from one or more data source to be a destination such as warehouse etc making it ready for annalysis or futher processing

Data Pipeline Architecture and Its Evolution

A data pipeline moves data from sources to destinations, transforming it for analysis.
Traditional pipelines use batch processing (ETL) — data moves in scheduled chunks, which can be slow.
Modern pipelines use real-time streaming (with tools like Kafka and Spark) for faster, continuous data flow.
Pipelines evolved from simple, scheduled jobs to complex, scalable, and event-driven systems.
Today’s pipelines focus on speed, reliability, and handling large, diverse data (the 5 V’s: Volume, Velocity, Variety, Veracity, Value).

Evolution of Data Pipeline Architecture

Batch Processing (ETL):
Data was processed in large batches at scheduled intervals. Simple but slow and not suitable for real-time needs.
Real-time Streaming:
Introduction of streaming platforms (like Kafka, Spark Streaming) enabled continuous, near real-time data processing.
Hybrid & Modern Pipelines:
Combining batch and streaming, adding features like zero-ETL, data sharing without copying, and improved scalability and observability. ** What is ETL?**

ETL stands for Extract, Transform, Load — it’s a process used to move data from multiple sources into a data warehouse or database for analysis.

Extract: Collect data from different sources (databases, files, APIs).
Transform: Clean, format, and convert the data into a usable structure.
Load: Load the transformed data into the target system (like a data warehouse).

Data sharing
**
**What is Data Sharing?

Data sharing is the practice of making data available to other systems, teams, or organizations so it can be accessed and used without creating unnecessary copies.

Why Data Sharing Matters:

Efficiency: Avoids duplicating large datasets, saving storage and processing resources.
Real-Time Access: Enables timely use of data across different applications and users.
Collaboration: Different teams can work with the same up-to-date data.
Security & Governance: Proper controls ensure only authorized access.

Experience at Build to Learn

Sabitha — Sun, 22 Jun 2025 09:23:13 +0000

I attended the Build to Learn event to explore new ideas, gain knowledge, and enhance my skills. During the event, a Hackathon program was conducted, and we were given a topic for a mini project with a 3-hour time limit to complete it.

Our team consisted of 4 members, and our assigned topic was to create a Water Reminder App with animations and interactive features to encourage people to drink more water.
Our Idea: "Virtual Fish Pond" Water Reminder App

A fun and interactive water drinking reminder app where users care for a virtual fish pond. Every time you drink water, you tap the pond to add water and keep the fish alive. If you forget to drink (and tap the pond), the water level decreases and the fish become sad or sick — and eventually, they can "die" if ignored for too long.

Tools and Technologies Used:

Design: Figma

Front-end: HTML, CSS, JavaScript

Back-end: Python

Database: (planned but not connected due to time constraints)

Although we successfully designed the app and implemented key frontend features, we were unable to complete the full integration between the frontend, backend, and database within the given time frame. Despite this, it was a valuable learning experience and helped us understand how to work as a team under pressure, manage time, and build creative solutions.

When I went to attend the Build to Learn event, I was excited but also a bit nervous. During the Hackathon, we faced a few challenges, mainly because our team wasn't fully organized in the beginning, and we ended up making a few mistakes. However, one thing that really stood out to me was how supportive the people around us were.

No one judged us or made us feel bad for struggling. Instead, everyone encouraged us and motivated us to confidently present and explain our project, even if it wasn’t perfect. That support made a big difference for me.

One thing I truly appreciated was that even though I struggled with speaking English, no one laughed or made fun of me. That gave me a huge boost in confidence. I slowly started speaking, and by the end of the event, I felt much more comfortable trying to communicate in English. It felt really good.

I also had the chance to meet a very kind and helpful mentor (a ma'am) who guided us throughout the project. She patiently helped and supported us a lot—I'm really grateful to her.

Also, I have to mention our trainer, Vijay Sir. We kept bothering him with so many questions, but he was always there to help. He supported me a lot and never got tired of our doubts.

I also interacted with a few senior brothers (anna) who helped clarify many doubts. Talking to the people there, even if it was just a little, made a big impact on me.

Overall Experience:

It was a new and memorable experience for me. I gained a lot of confidence—especially in speaking English—and learned how important it is to have a supportive environment. This event pushed me out of my comfort zone in the best way possible. It wasn’t just about building a project; it was about building myself too.

ABOUT LINUX

Sabitha — Fri, 20 Jun 2025 06:16:55 +0000

Introduction

If you’ve ever heard about Linux but aren’t sure what it really is or why so many people talk about it, you’re not alone! Linux is everywhere—from your smartphones to the biggest servers running the internet. This blog will help you understand what Linux is, how it works, and why it matters.

What is linux?

Linux is a free and open-source Unix-like operating system, meaning it's not owned by any single entity and its source code is freely available for anyone to modify and distribute. Developed by Linus Torvalds in 1991, it's a highly versatile and adaptable OS used in a wide range of applications, from personal computers and servers to embedded systems and supercomputers

Why linux ?

It’s Free and Open Source:

You don’t have to pay a single cent to use Linux.
Since it’s open source, anyone can see, modify, and improve the code.
This makes Linux transparent and trustworthy.

More secure

Linux is less vulnerable to viruses and malware compared to Windows.
Strong user permissions and security models keep your system safer.
Most Linux users run with limited permissions (not as “admin”), which limits damage from attacks.

Highly Customizable

You can change almost everything — from the appearance (desktop environment) to how the system works.
Lots of distros tailored for different needs: gaming, hacking, privacy, development, lightweight for old computers, etc.

Stability and Performance

Linux is known for running smoothly for years without crashes or slowdowns.
Great for servers and heavy workloads.
Efficient with system resources — perfect for older hardware too.

Ideal for Developers

Comes with powerful tools and support for programming languages.
Native support for scripting, servers, networking, and software development.
Popular among sysadmins, programmers, and DevOps engineers.

A Short History of Linux

In 1991, Linus Torvalds, a student from Finland, started
developing Linux as a free alternative to UNIX.
He released the kernel under the GNU General Public License,

which means anyone can use, modify, and share it.
Since then, Linux has grown massively and now powers most of
the internet’s servers, Android phones, supercomputers, and
even smart devices.

features

Architecture of linux os

search engine optimization (seo)

Sabitha — Sun, 15 Jun 2025 16:17:46 +0000

what is seo?

search engine optimization (SEO) is the practice of improving the quality and quantity of audience visiting our website through search engines
It is a methods for increasing ranking position on search engine

How search is works?

search engine perform several activities in order to deliver search results

crawling
Indexing
processing
calculating relevancy
retrieving results

how seo works?

search engine such as google ,yahoo have their own algorithm or rules to decide the order of pages to show for search query

content :
The quality of content should be unique relevant for the search query

links:
The links from other sites are called backlinks. these links helps in determining the ranking of sites in SREPS

Page structure:
The webpage include important in the title,tags,or other meta tags and also sure the site is crawlable

Now let's see how Google’s algorithm updates work.

Google Panda (2011)
Focused on content quality, targeting thin, duplicate, or low-quality content.

Google Penguin(2012)
Targeted websites with spammy backlinks and manipulative link-building practices.

Google Hummingbird (2013)
Improved understanding of search intent and conversational queries.

Google Pigeon (2014)
Enhanced local search results to provide more relevant local listings.

Mobile-Friendly Update (2015)
Gave preference to mobile-friendly websites in mobile search results.

Rank Brain (2015)
Introduced machine learning to better understand user queries and improve rankings.

Fred (2017)
Targeted websites focused on aggressive monetization over user experience and content quality.

Bert (2019)
Improved natural language processing to better understand context and nuances in search queries.

*How search engine ranking works *

When you search, the engine uses algorithms to rank indexed pages based on hundreds of factors, showing the most relevant and valuable pages first.

How to Improve Your Search Engine Ranking

Create valuable, user-focused content that answers questions clearly and thoroughly.
Optimize your pages with relevant keywords naturally placed.
Build high-quality backlinks by networking, guest posting, and sharing great content.
Improve site speed and mobile usability to keep users happy.

HTML AND CSS INTRODUCTION

Sabitha — Wed, 11 Jun 2025 16:59:45 +0000

what is html?

HTML stands for Hyper Text Markup Language, which is the core language used to structure content on the web. It organizes text, images, links, and media using tags and elements that browsers can interpret. As of 2025, over 95% of websites rely on HTML alongside CSS and JavaScript, making it a fundamental tool in modern web development.

HTML PAGE STRUCTURE:

TAGS:

what is css?

CSS (Cascading Style Sheets) is a language designed to simplify the process of making web pages presentable.

It allows you to apply styles to HTML documents by prescribing colors, fonts, spacing, and positioning.
The main advantages are the separation of content (in HTML) and styling (in CSS) and the same CSS rules can be used across all pages and not have to be rewritten.
HTML uses tags, and CSS uses rule sets.
CSS styles are applied to the HTML element using selectors.

Types of CSS
CSS can be implemented in three different ways:

Inline CSS
Internal or Embedded CSS
External CSS

INLINE CSS

Involves applying styles directly to individual HTML elements using the style attribute.

INTERNAL CSS

Internal css is defined within the HTML document's element. It applies styles to specified HTML elements. EXTERNAL CSS contains separate CSS files that contain only style properties with the help of tag attributes (For example class, id, heading, ... etc). CSS property is written in a separate file with a .css extension and should be linked to the HTML document using a link tag.

GIT

Sabitha — Thu, 05 Jun 2025 12:55:23 +0000

Git is a free, open-source distributed version control system used for tracking changes in files, especially code.

GITHUB:
GitHub is a web-based platform that provides developers with tools for version control and collaboration on code projects.

git init:
The git init command creates a new Git repository. It can be used to convert an existing, unversioned project to a Git repository or initialize a new, empty repository

git status:
the git status command displays the state of the working directory and the staging area

git add:
The git add command adds a change in the working directory to the staging area. It tells Git that you want to include updates to a particular file in the next commit

git push:
The git push command in Git is used to upload local repository content to a remote repository. This action transfers committed changes from your local branch to its corresponding branch on a remote server

git pull:
The git pull command is used to fetch and download content from a remote repository and immediately update the local repository to match that content

git clone:
git clone is primarily used to point to an existing repo and make a clone or copy of that repo at in a new directory, at another location

git merge:
The git merge command in Git integrates independent lines of development, typically from different branches, into a single branch. It is a fundamental operation for combining work and maintaining a unified project history.