Khurram Mansoor

Khurram Mansoor
 

Free lancing Data Entry Data Collection Typing Ad Posting Wesite and software Development

 Free lancing Data Entry Data Collection Typing  Ad Posting Wesite and software Development 

JavaScript loop

A JavaScript loop is a control structure used to execute a block of code repeatedly as long as a specified condition remains true. Loops help eliminate redundant code, handle dynamic data structures efficiently, and keep programs organized

1. for Loop

How it works:

Bundles initialization, condition assessment, and an update expression together on a single line.

2. While Loop

3. Do...while Loop

4. for...in Loop

5. for...of Loop

6. forEach()

7. Iterators & Iterator Helpers– Custom iteration using Iterator.from() and helper methods

 

12 Types of JavaScript Functions

12 Types of JavaScript Functions

Function Declaration

Function Expression

Arrow Function

Anonymous Function

IIFE

Callback Function

Default Parameters

Rest Parameters

Parameterized Functions

Recursive Functions

Higher-Order Functions

Constructor Functions

Hoisting

 

Javascript Array

 

Javascript Array

1. Creating Arrays

const fruits = ["Apple", "Banana", "Mango"];

console.log("Fruits:", fruits);

2. Creating New Arrays by using Array Constructor

let numbers = new Array(1, 2, 3, 4);

3. Adding & Removing Elements

push() → Add to end

pop() → Remove from end

unshift() → Add to start

shift() → Remove from start

4. Finding Elements

indexOf() → First occurrence index

includes() → Check existence

find() → First element matching condition

findIndex() → Index of first match

filter() → Keep elements matching condition

reduce() → Accumulate values

6. Sorting & Reversing

sort() → Sort alphabetically

reverse() → Reverse order

7. Joining & Splitting

join() → Combine into string

split() → Convert string to array

8. Combining & Slicing

concat() → Merge arrays

slice() → Extract portion

splice() → Add/Remove elements

9. Flattening Arrays

flat() → Flatten nested arrays

10. Iterating

forEach() → Loop through elements

JavaScript Function Declarations are fully hoisted

 

JavaScript Function Declarations are fully hoisted. You can call the function anywhere in its scope, even before it appears in the code.

JavaScript Function Expressions (including arrow functions) hoist only their variable declaration, not the assignment. Calling them before definition results in an error.

1. Function Declaration (Fully Hoisted)

2. Function Expression with var (Undefined Error)

var sayHello is hoisted as undefined, so invoking undefined() throws a TypeError.

3. Function Expression with let / const or Arrow Function (Reference Error)

let and const variables enter a Temporal Dead Zone (TDZ) until the execution reaches the definition.

JavaScript DOM (Document Object Model)

Web Development (HTML, CSS, JavaScript)

The JavaScript DOM (Document Object Model) is the bridge that transforms static HTML into a living, interactive user experience—and there’s no better way to visualize its power than through image manipulation. By treating every image on a webpage as a dynamic object, the DOM allows us to do far more than just display static visuals. With just a few lines of JavaScript, we can seamlessly swap image sources (src) to create smooth light/dark mode toggles, dynamically inject alt text for robust accessibility, or respond to user interactions in real time. Whether you are building an interactive photo gallery, implementing a lazy-loading performance optimization, or animating elements based on scroll behavior, mastering DOM manipulation with images is essential for crafting modern, engaging, and responsive web applications.

 

HTML Basic Elements

HTML Basic Elements Formatting & Text Styling Links & Navigation Images & Multimedia Lists Colors Div & Layout Tables Forms & User Input Advanced Features HTML & CSS Integration Projects & Real-World Applications Fonts & Typography Meta Tags & SEO

 

Certificate Oracle and developer by https://www.orasoft.edu.pk/

I’m excited to share that I have successfully earned the Certificate Oracle and developer by https://www.orasoft.edu.pk/.

Oracle software encompasses a broad suite of enterprise IT solutions developed by Oracle Corporation Database,forms,Reports,PL \ SQL, Apex,RDMS,Graphics,Backup & Recovery,Cloud,AI,MY-SQL, Net-Suite, Fusion

 

Certificate Oracle and developer by https://www.orasoft.edu.pk/

I’m excited to share that I have successfully earned the Certificate Oracle and developer by https://www.orasoft.edu.pk/.

Oracle software encompasses a broad suite of enterprise IT solutions developed by Oracle Corporation Database,forms,Reports,PL \ SQL, Apex,RDMS,Graphics,Backup & Recovery,Cloud,AI,MY-SQL, Net-Suite, Fusion

Certificate UI UX and webflow by digiskills.pk/, ignite.org.pk/ moitt.gov.pk/

 

I’m excited to share that I have successfully earned the Certificate UI UX and webflow by digiskills.pk/, ignite.org.pk/ moitt.gov.pk/

Welcome to designers, developers, marketers, agency owners, and freelancers shaping the future of the web with webflow, figma, Adobe xd, Illustrator, after effects. Discover spaces to connect, learn, and create alongside the brightest minds in design and development