DEV Community: Jeevish

JAVA SCRIPT ARRAY METHODS

Jeevish — Tue, 06 Oct 2026 15:34:53 +0000

JavaScript Basics: Arrays, Functions & Callbacks
Here is a quick recap of some fundamental JavaScript concepts I revised today:
Array Length (.length)
mark.length gives the total size (number of elements) in an array.

Mixed Data Types in Arrays
JavaScript arrays can store different types of data together:
const ar = [10, 20, 30, "abc", true];

The .filter() Method
numbers.filter(display)

numbers ➔ Array name

display ➔ Function passed inside .filter()

Callback Functions
A callback function is a function passed as an argument to another function.

Example: filterdemo(display)

Arrow Functions (=>)
A concise way to write functions in JavaScript.

Today, I spent time revising two essential core concepts in JavaScript:

Jeevish — Wed, 30 Sep 2026 15:50:41 +0000

JavaScript Objects and Arrow Functions. Here is a quick breakdown of what I covered:

1. JavaScript Objects (Key-Value Pairs & Methods)

Objects allow us to group related data and functionality together.

Example 1: Mobile Object:

const mobile = {

brand: "Vivo",

price: 15000,

network: "5G",

browse: function () {

console.log("Browsing...");

}

Example 2: Bike Objects (TVS & Bajaj):

const TVS = {

model: "XL-100",

price: 99000,

cc: 100,

drive: function () {

console.log("Speed - 70 km/h");

}

const bajaj = {

model: "Pulsar",

price: 150000,

cc: 150,

drive: function () {

console.log("Speed - 120 km/h");

}

2.Arrow Functions :

Arrow functions provide a cleaner and shorter syntax for writing function expressions in JavaScript.

Syntax:

(param1, param2) => expression;

Example:

const add = (i, j) => i + j;

Understanding JavaScript Data Types: A Beginner's Guide

Jeevish — Sat, 26 Sep 2026 17:13:49 +0000

JavaScript Functions – A Beginner-Friendly Introduction

Today I learned about Functions in JavaScript.

A function is a reusable block of code that performs a specific task. Instead of writing the same code again and again, we can create a function and call it whenever we need it.

Creating a Function

function greet() {
console.log("Hello, World!");
}

Here, "greet" is the function name.

Calling a Function

To execute the function, we need to call it:

greet();

Output:

Hello, World!

🔹 Function with Parameters

Functions can accept values using parameters.

function greet(name) {
console.log("Hello " + name);
}

greet("Jeevish");

Output:

Hello Jeevish

Return Statement

A function can return a value using the "return" statement.

function add(a, b) {
return a + b;
}

let result = add(10, 20);

console.log(result);

What is a Function?
Function Declaration
Function Calling
Parameters and Arguments
Return Statement
Reusing code with Functions

Functions are an important part of JavaScript because they help us write clean, reusable, and organized code.

I'm continuing my JavaScript learning journey step by step
Output:

📚 What I Learned Today

Understanding JavaScript Data Types: A Beginner's Guide

Jeevish — Fri, 25 Sep 2026 16:40:57 +0000

Today I started learning the basics of JavaScript. One of the topics covered in class was Data Types.

Data types tell us what kind of value we are working with in JavaScript.

What are Data Types?

A data type defines the type of data stored in a variable.

For example:

let name = "Jeevish";
let age = 21;
let isStudent = true;

Here:

"name" is a String
"age" is a Number
"isStudent" is a Boolean

Types of JavaScript Data Types

String

A String is used to store text.

let name = "Jeevish";

Number

Number is used to store numbers.

let age = 21;
let price = 99.50;

Boolean

Boolean has only two values:

let isStudent = true;
let isWorking = false;

Undefined

A variable that is declared but does not have a value is "undefined".

let course;
console.log(course);

Null

"null" represents an intentionally empty value.

let result = null;

BigInt

BigInt is used for very large integer values.

let bigNumber = 12345678901234567890n;

Symbol

Symbol is used to create unique values.

let id = Symbol("id");

Object

Objects are used to store related data as key-value pairs.

let student = {
name: "Jeevish",
age: 21
};

Conclusion

Learning data types is an important first step in understanding JavaScript. Today I learned how different types of values are represented and stored in JavaScript.

I will continue learning JavaScript step by step and improve my web development skills. 💻

Building a YouTube Page Clone Using HTML & CSS

Jeevish — Wed, 23 Sep 2026 17:14:48 +0000

Today, I worked on a YouTube Page Clone using HTML and CSS as part of my web development practice.

Technologies Used

HTML5
CSS3

What I Practiced

While creating this project, I practiced:

Structuring a webpage using HTML
Creating layouts using CSS
Using Flexbox for arranging elements
Designing video cards and sections
Styling buttons, text, and images
Understanding spacing, alignment, and positioning

What I Learned

This project helped me understand how a real-world webpage can be broken down into smaller sections and recreated using basic HTML and CSS.

It also improved my understanding of layout, styling, and responsive design basics.

Conclusion

Building clones of familiar websites is a great way to improve frontend development skills. I’m continuing to practice by creating more webpages and improving my HTML & CSS knowledge.

More projects coming soon!

Creating Facebook & Instagram Login Pages Using HTML & CSS

Jeevish — Tue, 22 Sep 2026 17:19:09 +0000

Today, I practiced my frontend development skills by creating Facebook and Instagram inspired login pages using HTML and CSS.

This was a hands-on practice project to understand how login interfaces are structured and styled using basic web technologies.

Technologies Used

HTML5
CSS3

What I Practiced

While building these login pages, I practiced:

Creating forms using HTML
Designing input fields
Styling buttons
Working with margins and padding
Aligning elements using CSS
Using colors, fonts, and spacing
Creating a clean login-page layout
Understanding how a real-world login UI can be structured

Project Structure

The project mainly contains:

project/
│
├── index.html
└── style.css

HTML

HTML is used to create the structure of the login page, such as:

Input fields
Buttons
Text
Links
Form elements

CSS

CSS is used to make the page look better by controlling:

Colors
Font sizes
Spacing
Borders
Alignment
Overall layout

What I Learned

This project helped me understand that even a simple login page requires proper layout, spacing, alignment, and styling.

Building these interfaces also gave me more confidence in using HTML and CSS to recreate real-world website designs.

🚀 What's Next?

I’m continuing to improve my frontend development skills by building more small projects and practicing regularly.

Learning step by step. Building project by project.

Learning CSS Grid Areas by Building a Google Homepage Clone

Jeevish — Mon, 21 Sep 2026 17:22:45 +0000

Today, I learned about CSS Grid Areas in my web development class.

CSS Grid Areas make it easier to divide a webpage into different sections and control the layout using meaningful area names.

What I Learned

Today’s main topic was:

CSS Grid
"grid-template-areas"
Defining named grid areas
Arranging elements using grid areas
Creating structured webpage layouts

Practical Task

After learning CSS Grid Areas, I was given a practical task to create a Google Homepage Clone using HTML and CSS.

This helped me understand how CSS Grid can be used to organize different sections of a webpage and create a clean layout.

Technologies Used

HTML5
CSS3
CSS Grid

Project

I uploaded my project to GitLab:

🔗 https://gitlab.com/Jeevishk/tex.html

What I Gained

This practical task helped me understand CSS Grid better and gave me more confidence in creating webpage layouts from scratch.

I’m continuing to learn and improve my frontend development skills through small projects and daily practice.

Starting My Web Development Internship Journey

Jeevish — Sat, 19 Sep 2026 17:24:47 +0000

I’m happy to share that I have been selected as a Web Development Intern at Cognifyz IT Solutions Pvt. Ltd.
This internship is a great opportunity for me to gain practical experience and improve my web development skills.
During this internship, I’m looking forward to:
Working on real-world web development tasks
Improving my frontend and backend development skills
Learning new technologies
Gaining experience by working on projects
Building my confidence as a developer
As a fresher, I’m excited to learn, explore, and make the most of this opportunity.
I’m looking forward to starting this new chapter and growing as a Web Developer.
Thank you, Cognifyz IT Solutions, for this opportunity!

My Learning Today: HTML & CSS Basics

Jeevish — Thu, 17 Sep 2026 17:25:28 +0000

Today I learned some useful HTML and CSS concepts in my web development class.
Topics I Learned

List Style Type I learned how to change the style of lists using list-style-type. Example: ul { list-style-type: disc; }
Gap Property The gap property is used to create space between items, especially when using Flexbox. .container { display: flex; gap: 20px; }
Flexbox I learned the basics of Flexbox, which helps to arrange elements easily in a row or column. .container { display: flex; }
Font Awesome I learned how Font Awesome can be used to add icons to a webpage.
Display Property I learned about the display property and how block, inline, and none work. display: block; display: none;
Checkbox Input I also learned how to create a checkbox using HTML. HTML HTML

My First Week Switching from Windows to Linux as a Computer Science Student

Jeevish — Wed, 16 Sep 2026 18:12:01 +0000

I'm a fresher currently learning software development. Recently, our institute told us to stop relying on Windows and switch to Linux for our development work.
Honestly?
I have lots of doubt and question. why Linux is free? why Windows 11 more high in price?
I will search who use Linux? NASA,INDIAN ARMY,ISRO etc..thare are use Linux operating system and i will search it self and analyze importance Linux

PLACEMENT READY PROGRAM

Jeevish — Thu, 10 Sep 2026 16:25:42 +0000

I'm currently doing placement ready program in payilagam institute in chennai.
In before session we strong in basic of HTML and CSS.
I'm successful complete portfolio web site and push in git.
today session we learn how to handle git. how to push the project in git lab.