Course Content
Introduction to JavaScript
JavaScript is one of the most popular and widely used programming languages in the world. It plays a crucial role in web development, enabling dynamic content, interactivity, and enhanced user experiences in web pages and applications. Let’s dive into what JavaScript is, its history, and how it fits into the modern web.
0/6
How to Add JavaScript?
Before diving into the basics of JavaScript, it’s essential to understand how to include JavaScript in an HTML file. There are three main ways to do this:
0/3
Different Ways to Output Data
JavaScript provides several ways to "display" or output data, allowing you to present dynamic content to users in various ways. Each method serves a different purpose and is used in different scenarios depending on the requirements. Here are the primary methods for displaying data using JavaScript:
0/4
Variables and Constants
Variables and constants in JavaScript are used to store data values. Depending on how you declare them, their value can be changed or fixed.
0/2
Data Types
JavaScript provides different types of values that can be stored in variables. These are categorized into two types: Primitives and Non-Primitives.
0/2
Conditional Statements (if, else if, else)
Conditional statements execute different actions based on different conditions.
0/2
Arrays
In JavaScript, an array is a special type of object that stores an ordered collection of values (elements). Arrays are zero-indexed, meaning the first element is accessed with index 0.
0/5
DOM Manipulation
DOM Manipulation is the process of using JavaScript to interact with and modify the HTML and CSS of a webpage. The DOM is essentially the structure of the webpage, represented as nodes, which can be elements, attributes, or pieces of text.
0/4
String Functions in JavaScript
0/1
Number Functions in Javascript
0/1
RegEx (Regular Expressions) in JavaScript
Regular expressions (regex) are patterns used to match sequences of characters in strings. They are powerful tools for searching, validating, and manipulating text.
0/3
JavaScript Modules
JavaScript modules allow developers to split code into reusable pieces that can be imported and exported across files. This makes code more maintainable, reusable, and organized.
0/4
JavaScript JSON (JavaScript Object Notation)
0/2
JavaScript Style Guide
0/1
JavaScript Best Practices
0/1
JavaScript
About Lesson

JavaScript provides several built-in methods to manipulate arrays efficiently:

Adds one or more elements to the end of an array.

Example:

JavaScript
let fruits = ["Apple", "Banana"];
fruits.push("Mango");
console.log(fruits);  // Output: ["Apple", "Banana", "Mango"]

Removes the last element from an array and returns it.

Example:

JavaScript
let fruits = ["Apple", "Banana", "Mango"];
fruits.pop();
console.log(fruits);  // Output: ["Apple", "Banana"]

Removes the first element from an array and returns it.

Example:

JavaScript
let fruits = ["Apple", "Banana", "Mango"];
fruits.shift();
console.log(fruits);  // Output: ["Banana", "Mango"]

Adds one or more elements to the beginning of an array.

Example:

JavaScript
let fruits = ["Banana", "Mango"];
fruits.unshift("Apple");
console.log(fruits);  // Output: ["Apple", "Banana", "Mango"]

Returns a shallow copy of a portion of an array into a new array, without modifying the original array.

Example:

JavaScript
let fruits = ["Apple", "Banana", "Mango", "Orange"];
let slicedFruits = fruits.slice(1, 3);
console.log(slicedFruits);  // Output: ["Banana", "Mango"]

Adds or removes elements at a specific index in the array. Unlike slice(), it modifies the original array.

Example:

JavaScript
let fruits = ["Apple", "Banana", "Mango"];
fruits.splice(1, 1, "Orange");
console.log(fruits);  // Output: ["Apple", "Orange", "Mango"]

Creates a new array populated with the results of calling a provided function on every element in the array.

Example:

JavaScript
let numbers = [1, 2, 3, 4];
let doubled = numbers.map(num => num * 2);
console.log(doubled);  // Output: [2, 4, 6, 8]

Creates a new array with all elements that pass the test implemented by the provided function.

Example:

JavaScript
let numbers = [1, 2, 3, 4];
let even = numbers.filter(num => num % 2 === 0);
console.log(even);  // Output: [2, 4]

Executes a provided function once for each array element.

Example:

JavaScript
let fruits = ["Apple", "Banana", "Mango"];
fruits.forEach(fruit => console.log(fruit));
// Output: 
// Apple
// Banana
// Mango

Returns the first element in the array that satisfies the provided testing function.

Example:

JavaScript
let numbers = [5, 12, 8, 130, 44];
let found = numbers.find(num => num > 10);
console.log(found);  // Output: 12

Checks if at least one element in the array passes the test implemented by the provided function.

Example:

JavaScript
let numbers = [1, 2, 3, 4];
let hasEven = numbers.some(num => num % 2 === 0);
console.log(hasEven);  // Output: true

Checks if all elements in the array pass the test implemented by the provided function.

Example:

JavaScript
let numbers = [2, 4, 6, 8];
let allEven = numbers.every(num => num % 2 === 0);
console.log(allEven);  // Output: true