Javascript on Ghafoor's Personal Blog

ESLint Setup and Configuration Guide

noreply@example.com (AG Sayyed) — Sat, 20 Sep 2025 14:57:58 +0000

Master ESLint from the ground up! This comprehensive guide covers everything from basic installation to advanced configuration setups. Learn how to enforce coding standards, extend popular style guides like Airbnb and Google, configure rules for different project types, and integrate ESLint seamlessly into your VS Code workflow for consistent, high-quality JavaScript development.

🎯 What is ESLint

ESLint is a static code analysis tool for identifying and fixing problems in JavaScript code. It helps developers:

Frontend Frameworks and React

noreply@example.com (AG Sayyed) — Sat, 26 Jul 2025 00:00:00 +0000

This document explores the essentials of front-end frameworks, focusing on the distinction between libraries and frameworks, and provides a comprehensive overview of React. Readers will learn about React's component-based architecture, declarative syntax, virtual DOM, one-way data binding, JSX, and hooks, all of which enable efficient and scalable web application development.

Introduction to Libraries and Frameworks

Libraries and frameworks are foundational tools in software development. A library is a collection of prewritten code that provides reusable functions for specific tasks, allowing developers to integrate them as needed. Examples include jQuery, Lodash, D3.js, and React.

Jsx

noreply@example.com (AG Sayyed) — Sat, 26 Jul 2025 00:00:00 +0000

JSX (JavaScript Syntax Extension) blends HTML-like markup with JavaScript, enabling developers to describe user interfaces in a clear, declarative way. This document covers JSX's syntax, compilation, benefits, and its role in React, with practical examples and comparisons to vanilla JavaScript for building UI components.

Introduction to JSX

JSX, or JavaScript Syntax Extension, is a syntax that combines JavaScript with HTML-like markup. It is also known as JavaScript XML. JSX allows developers to describe how user interface elements should appear on the screen using a familiar, readable format. Elements in JSX are enclosed in angle brackets, closely resembling HTML, but can also include JavaScript expressions.

JavaScript Basics

noreply@example.com (AG Sayyed) — Mon, 15 Jan 2024 00:00:00 +0000

Learn the fundamentals of JavaScript programming.

What and why in JS

noreply@example.com (AG Sayyed) — Wed, 03 May 2017 23:00:00 +0000

1.0 Since JS has no interfaces how it is implemented

To understand what interface do and what is required one needs to have some object oriented programming knowledge. It is similar to class but can not be instantiated. It only exposed methods that interested object or class can implement the way they want. When a class implements an interface it is said to inherits the abstract functions, along with any other members defined in interface. e.g, any constant , methods , static methods and any nested types. NOte> Abstract methods do not have any code that are only blue prints for those who inherit them so provide the body by writing the code.

JavaScript Modules

noreply@example.com (AG Sayyed) — Tue, 11 Apr 2017 23:00:00 +0000

1.0 What are modules

Modules play a crucial role in organizing and structuring code within an application. They allow developers to break down large codebases into smaller, manageable pieces. In this article, we’ll delve into the concept of modules, their evolution, and how JavaScript and TypeScript handle them.
It is a technique which keep the code organizes in any programme. Java Script default way of creating object using literals is one of the ways of module pattern.

How to Understand Functional Programming

noreply@example.com (AG Sayyed) — Fri, 31 Mar 2017 23:00:00 +0000

Functional programming

Early languages like C, BASIC were not functional languages. Then came OOP C++ was a super set of C with Object Oriented approach the came Java but none of them offered functional programming technique. The only functional programming from early days was and still is LISP and its descendant like PROLOG. When Brenden Eich was hired by Netscape to write a language that can be embedded in their web browser. He came up with JavaScript, which was not an object oriented language but object based prototype language. But it was not all, there were some features of functional programming. As JavaScript evolved it turned out that functional programming technique can prove to be more powerful than its counterparts. To understand these techniques, one has to have at least some concept of what a function is and how it works. The term function has come from Mathematics.

JavaScript Objects

noreply@example.com (AG Sayyed) — Wed, 22 Feb 2017 00:00:00 +0000

1.0 Object Oriented Programming

JavaScript was not at all intended to be an Object Oriented Programming Language. At the time of its creation there were already other languages present which were doing this task, namely C++ was the modified version of C with Classes and other object oriented features. Another language which took the grounds was Java which was basically designed to serve the concept revolving around Object Oriented Programming and to overcome the shortcomings present in C++.

Introduction to Functions

noreply@example.com (AG Sayyed) — Thu, 05 Jan 2017 00:00:00 +0000

Objectives

At the end of this chapter you will learn to :

Define all different kinds of functions
Distinguish between an statement and the expression
Handle functions from JS perspective
Invoke functions directly and indirectly
Understand how functions inherits properties too
Appreciate functions role in object creation
Explore the power of functional programming

Introduction to JavaScript Functions

They are main building blocks of JavaScript, usually assigned a name so that they can be used time and time again by identifying with the given name.They are self-contained modular units.The structure of the function is shown below.

JavaScript Conditionals

noreply@example.com (AG Sayyed) — Sat, 10 Dec 2016 00:00:00 +0000

What are conditions

Programming is all about using logic of if and then. No matter what computer language you are using the rules always revolves around if and then. If this happens do that otherwise do something else, and so on

JavaScript is not different from other languages, in fact it is a c-based language and most of its syntax is like c language. But it is not a high level language like C. It has almost same procedure to check the conditions of any statement like the way it is done in c-language.

JavaScript Arrays

noreply@example.com (AG Sayyed) — Sat, 26 Nov 2016 00:00:00 +0000

Arrays

Array is a topic of data structure and deals with collecting of data known as data collection. Data can be homogeneous or heterogeneous, arrays usually deal with homogeneous items. The item in an array or a component (element stored) in an array is accessed by its position using index. Thus there is one-to-one relationship between each index and its component. Take an example of student marks achieved in five subjects var result = [70,69,83,93,73]. Marks are stored in an array which is referenced by the identifier result. Thus the relationship b/w its index and value can be shown as below.

JavaScript Variables

noreply@example.com (AG Sayyed) — Tue, 08 Nov 2016 00:00:00 +0000

Introduction to variables

In computer programming, a variable represents a very small chunk of memory which is a part of memory pool reserved for a program in which it is declared to allow the manipulation of its value.

For example, if you want to add two numbers, say 5 and 8 and would like to see the result displayed on your standard output. You would ideally need to have three variables so that you can hold their values into these variables. Let’s say x,y and z are those variables which will hold the values of 5,8 and their sum respectively.

History of JavaScript

noreply@example.com (AG Sayyed) — Sun, 17 Apr 2016 07:59:10 +0000

This document provides a comprehensive overview of the history and development of JavaScript, from its inception in the early 1990s to its current state. It begins by describing the static nature of early web pages and the need for a programming solution to enhance interactivity. Netscape's introduction of LiveScript, later renamed JavaScript, marked a significant milestone in web development. The standardization of JavaScript as ECMAScript by ECMA is discussed, along with the major updates in various ECMAScript editions. Key features introduced in ECMAScript 6 (ES6) and subsequent editions are outlined, including `const`, `let`, arrow functions, classes, async/await, and more. Overall, the document emphasizes JavaScript's continuous evolution and its importance in modern web development, ensuring it remains a fundamental technology for years to come.