AIJobalert.comSarkari Naukri • Behtar Bhavishya

Get Free Job Alerts Request a Job Update

AIJobalert.comSarkari Naukri • Behtar Bhavishya

Web Technology: Scripting (JavaScript, DOM, AJAX) and Networking Notes

Web Technology: Scripting (JavaScript, DOM, AJAX) and Networking

A comprehensive lecture on web technology covering client-side scripting with JavaScript, DOM manipulation, HTML forms, and AJAX. It also covers network fundamentals including IP addressing, Java InetAddress methods, TCP/IP client and server sockets, URLs, and UDP datagrams.

Computer
English · 12 topics
Checked against the video on 22 Oct 2026

Made by AI from the YouTube video Web Technology Unit 3 Complete Notes | JavaScript, AJAX & Java Networking | AKTU BCS-502 (opens YouTube in a new tab) by Bitwise Learning, then checked against it. All credit for the teaching goes to the creator. Tap a topic’s time to confirm a fact in the video.

Web Technology: Scripting (JavaScript, DOM, AJAX) and Networking

English12 topics · 6 MCQs · 14 flashcardsWatch the video (opens YouTube in a new tab)

Checked against the video

In short

A comprehensive lecture on web technology covering client-side scripting with JavaScript, DOM manipulation, HTML forms, and AJAX. It also covers network fundamentals including IP addressing, Java InetAddress methods, TCP/IP client and server sockets, URLs, and UDP datagrams.

Introduction to JavaScript and Features

JavaScript is a high-level, lightweight, and interpreted scripting language used to create dynamic and interactive web pages.
HTML provides the structure of a webpage, CSS handles styling and layout, while JavaScript adds functionality and interactivity.
It executes directly inside web browsers on the client side, allowing developers to build responsive web applications.
Must knowJavaScript is case-sensitive, meaning identifiers like name and Name are treated as entirely different variables.
It is an event-driven and platform-independent language that supports object-oriented programming paradigms.

Ways to Include JavaScript and Basic Structure

JavaScript can be integrated into HTML documents using three methods: inline, internal, and external.
Inline JavaScript is embedded directly within HTML tags via event attributes such as onclick="alert('Hello!')".
Internal JavaScript is enclosed inside the <script> and </script> tags placed within the HTML body or head.
External JavaScript stores code in a dedicated file with a .js extension and links it via <script src="filename.js"></script>.
Must knowThe statement document.write() is used in JavaScript to print output directly to the web document.

Document Object Model (DOM) and Selection Methods

The Document Object Model (DOM) represents an entire HTML document loaded in a browser window as a tree structure of nodes.
document.getElementById() retrieves a single unique element from the document that matches the given ID attribute.
document.getElementsByTagName() selects all HTML elements matching a specified tag name (such as paragraph or heading tags).
document.getElementsByClassName() gathers all elements sharing a specified class name.
Must knowdocument.querySelector() returns the first element that matches a specified CSS selector, whereas document.querySelectorAll() selects all matching elements.

HTML Forms, Form Elements, and Form Attributes

HTML forms collect user information such as names, passwords, and emails to process data and submit it to a server.
Form controls include text boxes, password fields, radio buttons, checkboxes, dropdown lists (<select>), text areas, and submit buttons.
In <input>, setting type="password" masks characters on screen to maintain security.
Radio buttons (type="radio") allow single selection within a named group, whereas checkboxes (type="checkbox") allow multiple selections.
Must knowThe form action attribute specifies the target destination script (e.g., process.php), while the method attribute defines whether data is sent via GET or POST.

GET vs POST Methods and Form Validation

The GET method appends form data to the URL as query parameters, making it visible and limiting data length.
The POST method sends form data within the HTTP request body, keeping it hidden from the URL and supporting larger, sensitive payloads.
JavaScript form validation evaluates user input before form submission to catch empty fields and ensure correct data formats.
Pre-submission client-side validation saves server resources and enhances user experience by displaying immediate error feedback.
Must knowReturning false in an onsubmit validation function halts form submission when invalid input is detected.

Feature	GET Method	POST Method
Data Location	Visible in URL	Sent in request body
Visibility	Exposed in browser address bar	Hidden from address bar
Security	Unsuitable for sensitive data	Better suited for sensitive data
Payload Size	Limited URL length	Supports large data transfers

JavaScript Statements and Control Flow

JavaScript statements execute programmer instructions and can be sequential, conditional, iterative, or jump statements.
Variables can be declared using let, var, or const keywords.
Conditional statements include if, if...else, else if, and switch statements to branch execution.
Must knowEvery case in a switch statement requires a break statement to terminate execution and prevent fall-through to subsequent cases.
Loops include for, while, do...while, and for...in; do...while guarantees that the code block executes at least once before checking the condition.
The break statement exits a loop immediately, whereas continue skips the remainder of the current iteration and advances to the next.

JavaScript Functions and Objects

Functions are reusable blocks of code that perform specific tasks, defined using the function keyword.
Functions can be written without parameters, with parameters, or set to return values to the caller using return.
An anonymous function is a function declared without an identifier, typically stored directly inside a variable.
Arrow functions provide a concise syntax for writing function expressions using the => token.
Must knowJavaScript objects store data and functionality in key-value pairs, where data values are called properties and assigned functions are called methods.
Object properties can be accessed through dot notation (object.property) or bracket notation (object["property"]).

Introduction to AJAX

AJAX stands for Asynchronous JavaScript and XML and is used to create fast, dynamic web applications.
AJAX enables web pages to communicate with a server and update specific page segments asynchronously without reloading the whole page.
Modern AJAX implementations primarily exchange data using JSON rather than XML due to simplicity.
Must knowThe XMLHttpRequest (XHR) object handles background communication with the web server.
The standard AJAX lifecycle involves: triggering a user event, creating an XHR request, sending it to the server, processing on the server, receiving the response, and updating the targeted DOM elements.

Internet Addressing: IP, DNS, and URL

Internet addressing provides every connected device with a globally unique address to enable data routing and communication.
IPv4 uses 32-bit addresses written as four dot-separated numbers and supports approximately 4.3 billion unique addresses.
IPv6 uses 128-bit hexadecimal addresses to overcome IPv4 address exhaustion and support a vastly larger address space.
Must knowThe Domain Name System (DNS) resolves human-readable domain names (such as google.com) into machine-routable IP addresses.
A URL (Uniform Resource Locator) specifies the complete address of an internet resource, consisting of a protocol, domain name, port number, path, and optional query string.

Property	IPv4	IPv6
Address Size	32 bits	128 bits
Address Format	Four decimal octets separated by dots	Hexadecimal blocks separated by colons
Capacity	~4.3 billion unique addresses	Extremely large address pool

Java InetAddress Class: Factory and Instance Methods

The InetAddress class resides in Java's java.net package and represents IP addresses for networking operations.
Factory methods in InetAddress are static methods used to instantiate InetAddress objects without calling new.
InetAddress.getLocalHost() returns the IP address and host name of the local computer.
InetAddress.getByName(String host) resolves and returns the IP address of a specified remote host name.
Must knowThe instance method isReachable(int timeout) tests whether a host can be reached within a specified timeout in milliseconds.

TCP/IP Client and Server Sockets

TCP (Transmission Control Protocol) is a connection-oriented, reliable transport protocol providing ordered, error-checked data streams.
Client applications establish connections to a server using the Socket class from java.net, providing the server's IP and port number.
Server applications use the ServerSocket class to listen for incoming client connection requests on a dedicated port.
Must knowThe accept() method of ServerSocket blocks and waits until an incoming client request arrives, then returns a Socket object representing the established connection.
Connected sockets transfer data bi-directionally using getInputStream() and getOutputStream().

URL, URLConnection, and Datagram (UDP)

In Java, the URLConnection class manages active communication links between a Java program and an internet resource identified by a URL.
Important URLConnection methods include connect(), getInputStream(), getOutputStream(), getContentType(), and getContentLength().
A Datagram is an independent, self-contained data packet sent over a network using the UDP (User Datagram Protocol).
Must knowUnlike TCP, UDP is connectionless and provides no delivery guarantee, meaning packets can arrive out of order, get duplicated, or be lost.
In Java, datagram operations are executed using the DatagramPacket (container for byte data and addressing) and DatagramSocket (mechanism to send and receive packets) classes.

Protocol	Connection Type	Delivery Guarantee	Speed
TCP	Connection-oriented	Reliable and ordered	Slower due to overhead
UDP	Connectionless	Unreliable with no delivery guarantee	Faster with lower overhead

Key terms

DOM (Document Object Model): A tree-structured programming interface representing HTML documents loaded in a web browser
AJAX: Asynchronous JavaScript and XML, a web development technique to exchange server data and update web page sections without a full page reload
XHR (XMLHttpRequest): A built-in browser object used in JavaScript to request and receive data from a server behind the scenes
DNS (Domain Name System): A network service that translates human-readable domain names into numerical IP addresses
InetAddress: A Java class in the java.net package representing high-level Internet Protocol addresses
TCP (Transmission Control Protocol): A connection-oriented transport layer protocol ensuring reliable, in-order, error-checked packet delivery
UDP (User Datagram Protocol): A lightweight, connectionless transport protocol that transmits independent datagrams without delivery guarantees
ServerSocket: A Java class that waits and listens on a specific port for incoming client connection requests over TCP
DatagramPacket: A Java networking class that packages byte arrays alongside destination IP address and port information for UDP transmission

Exam tips and traps

Do not confuse JavaScript with Java; JavaScript is a lightweight scripting language run by web browsers, while Java is a statically typed programming language whose networking classes (InetAddress, Socket) run inside the JVM.
Remember that timeout parameters in Java networking methods, such as isReachable(), are measured in milliseconds, not seconds.
In switch statements, omitting the break statement causes execution to fall through into subsequent case blocks regardless of whether their condition matches.

Quick revision

Read these the night before the exam.

JavaScript is lightweight, interpreted, case-sensitive, and event-driven.
An external JavaScript script is imported into HTML using the script tag with the src attribute.
document.querySelector() selects the first matching element, while querySelectorAll() returns all matches.
Form GET appends parameters to the URL; form POST transmits data within the HTTP request body.
The do...while loop always executes its code block at least once prior to evaluating the condition.
IPv4 uses 32-bit addresses (~4.3 billion unique addresses); IPv6 uses 128-bit addresses.
Java InetAddress factory methods like getByName() and getLocalHost() instantiate objects without the new keyword.
ServerSocket.accept() blocks execution until an incoming client connection is received.
TCP is reliable and connection-oriented; UDP is unreliable, connectionless, and datagram-based.
Java UDP networking relies on DatagramPacket for data payloads and DatagramSocket for transmission.

These notes are made by AI from the video. Use the timestamps to check any important fact against the video before you rely on it.

Open the Computer folder →

Computer Networks: Protocols, Models, and RFCs
This lecture explains communication protocols using human and computer analogies, the origin and layers of the OSI reference model, and the evolution of ARPANET to TCP/IP. It also covers approaches to studying network protocols, key interconnectivity challenges, and the role of Request for Comments (RFC) documents.
Computer
English
7 topics
27 Oct 2026
By NPTEL-NOC IITM
Internet Access Networks and Network Core
This lecture explains how edge devices connect to the Internet via DSL, cable, FTTH, and enterprise LANs. It details the role of multiplexing and splitting devices in sharing communication lines. Finally, it describes the high-speed optical fiber backbone constituting the network core.
Computer
English
7 topics
27 Oct 2026
By NPTEL-NOC IITM
Network Performance: Transmission Delay, Pipelining, and Queuing Delay
Prof. Neminath Hubballi explains performance measurement fundamentals in computer networks, focusing on transmission delay across single and multi-hop links. The lecture covers store-and-forward architecture, pipelined transmission calculations for multiple packets, and how multiplexing induces queuing delay and packet loss in router buffers.
Computer
English
6 topics
27 Oct 2026
By NPTEL-NOC IITM
Computer Networks: Introduction and Historical Developments
Prof. Neminath Hubballi introduces computer networking concepts, including data transfer models, reasons to study networks, physical and logical network views, and early milestones like ARPANET and proprietary network stacks.
Computer
English
6 topics
23 Oct 2026
By NPTEL-NOC IITM
Computer Science Core Concepts & One-Liners for Competitive Exams
A comprehensive lecture covering 500 essential one-liner concepts across computer science, tailored for Bihar STET, BPSC TRE, DSSSB, and SSC-JE. The topics span computer fundamentals, architecture, operating systems, DBMS, data structures, algorithms, networking, software engineering, and web technologies.
Computer
English
11 topics
23 Oct 2026
By Easy Bankers
Teaching
Other State PSC
SSC
Object-Oriented Programming (OOP) in C++: One-Shot Revision Notes
Comprehensive foundational guide to Object-Oriented Programming in C++, tailored for college exams and software engineering placement interviews. Covers foundational concepts of classes and objects, access modifiers, constructors, destructors, dynamic memory allocation, and the four main pillars of OOP: encapsulation, inheritance, polymorphism, and abstraction.
Computer
English
11 topics
23 Oct 2026
By Apna College