WEB TECHNOLOGY
Presented By
S.Vijayalakshmi B.E,
Assistant Professor,
Department of Computer Science,
Sri Sarada Niketan College for Women, Karur.
Introduction to JavaScript
Definition: JavaScript is a high-level, interpreted
programming language primarily used for web
development.
Key Features:
• Interactivity: Enhances user interactions on websites.
• Versatile: Used for both client-side and server-side
programming.
• Dynamic Typing: Variables don't require a defined type at
the time of declaration.
• Event-Driven: Responds to user actions like clicks,
JavaScript Syntax
Basic Syntax Rules:
• Statements: End with semicolons (optional in some cases).
• Variables: Declared with var, let, or const.
• Functions: Defined using the function keyword or as arrow
functions.
• Example:
let greeting = "Hello, World!";
console.log(greeting);
// Outputs: Hello, World!
Language Elements - Variables and Data Types
Variables in JavaScript:
• var: Function-scoped, can be redeclared.
• let: Block-scoped, no redeclaration.
• const: Block-scoped, cannot be reassigned.
Data Types in JavaScript:
• Primitive Types: Number, String, Boolean, Undefined, Null,
Symbol, BigInt
• Non-Primitive Types: Object (including Arrays, Functions)
• Example:
let age = 25; // Number
const name = "John"; // String
Operators in JavaScript
Types of Operators:
• Arithmetic Operators: +, -, *, /, %
• Comparison Operators: ==, ===, !=, >, <, >=, <=
• Logical Operators: &&, ||, !
• Assignment Operators: =, +=, -=, *=, /=
Example:
let x = 5;
let y = 10;
console.log(x + y);
// Outputs: 15
Control Flow - Conditions and Loops
Conditional Statements:
if, else, else if, switch
Example:
let score = 85;
if (score > 90) {
console.log("A");
} else if (score > 80) {
console.log("B");
}
JavaScript Objects
Definition: An object is a collection of key-value pairs
(properties and methods).
Creating Objects:
• Literal notation: {}
Accessing Object Properties:
• Using dot notation: person.name
• Using bracket notation: person['age']
• Methods in Objects: Functions defined within an object
are called methods.
Loops:
for, while, do...while
Example:
for (let i = 0; i < 5; i++) {
console.log(i);
}
// Outputs: 0 1 2 3 4
Other Built-in JavaScript Objects
Common Built-in Objects:
• Date: For working with dates and times.
• Math: Provides mathematical constants and functions.
• String: Offers string manipulation methods (e.g.,
substring(), toUpperCase()).
• Number: Used for numerical operations and conversions.
• JSON: For parsing and stringifying JSON data.
Arrays in JavaScript
Definition: Arrays are ordered collections of values, which
can be of any data type.
Creating Arrays:
• Literal notation: []
• Using new Array() constructor.
Example:
let fruits = ["Apple", "Banana", "Cherry"];
Array Methods
Common Array Methods:
• push() – Adds an item to the end.
• pop() – Removes the last item.
• shift() – Removes the first item.
• unshift() – Adds an item to the beginning.
• forEach() – Iterates through the array.
Advanced Array Methods
• map() – Creates a new array by applying a function to
each element.
• filter() – Creates a new array with elements that pass a
condition.
• reduce() – Reduces the array to a single value
Array Methods
Example:
let nums = [1, 2, 3, 4];
let doubled = nums.map(num => num * 2);
console.log(doubled);
Outputs: [2, 4, 6, 8]
THANK YOU
