ST 6

Question 1

versatile scripting language primarily used for web development

Answer 1

javascript

Question 2

It allows developers to add interactivity and dynamic behavior to web pages

Answer 2

javascript

Question 3

• a client-side scripting language, running in the user’s web browser
• widely supported by major web browsers, ensuring compatibility
• can manipulate the Document Object Model (DOM) to modify web page content dynamically

Answer 3

javascript

Question 4

JavaScript – When to use

Answer 4

1. Client-side Web Development
2. Web Applications
3. UI Enhancement
4. Form validation
5. Web-based games and multimedia
6. API Integration
7. Data Visualization
8. Server-side Development

Question 5

• is primarily used for enhancing the interactivity and functionality of websites
• create dynamic web pages, handle user input, perform form validation, and update content without requiring a page refresh

Answer 5

Client-side Web Development

Question 6

• It allows you to create complex user interfaces, manage client-side routing, and communicate with servers via AJAX or Fetch API
• essential for building web applications, including Single Page Applications (SPAs)

Answer 6

Web Applications

Question 7

• improve the user experience by creating interactive elements like sliders, image carousels, accordions, and pop-up dialogs
• real-time updates, such as live chat and notifications

Answer 7

User Interface (UI) Enhancement

Question 8

commonly used to validate user input in web forms before submission. You can check for empty fields, validate email addresses, enforce password complexity rules, and provide instant feedback to users

Answer 8

Form validation

Question 9

be used to create web-based games, multimedia applications, and interactive animations. Libraries like Three.js and Phaser.js

Answer 9

Web-based games and multimedia

Question 10

• can interact with various Web APIs, including geolocation, device orientation, and Web Bluetooth.
• This allows you to build location-aware apps, access device sensors, and integrate with hardware peripherals

Answer 10

Web APIs Integration

Question 11

• enable the creation of interactive data visualizations and charts on web pages
• particularly useful for displaying data-driven insights
• D3.js and Chart.js

Answer 11

Data Visualization

Question 12

• you can use JavaScript for server-side development, creating web servers, APIs, and real-time applications
• useful for building full-stack applications

Answer 12

Server-Side Development

Question 13

Arithmetic with JavaScript

Answer 13

// Addition
var resultAdd = 5 + 3;
console.log(“5 + 3 =”, resultAdd);

// Subtraction
var resultSubtract = 10 - 4;
console.log(“10 - 4 =”, resultSubtract);

// Multiplication
var resultMultiply = 6 * 7;
console.log(“6 * 7 =”, resultMultiply);

// Division
var resultDivide = 20 / 5;
console.log(“20 / 5 =”, resultDivide);

Question 14

• offers a vast ecosystem of plugins and extensions created by the community, which enhances its functionality.
• These plugins cover everything from form validation to creating interactive UI components and animations, making development more efficient

Answer 14

Rich Set of Plugins

Question 15

simplifies event handling by providing methods to attach and detach event handlers. This makes it straightforward to respond to user interactions like clicks, keypresses, and mouse movements

Answer 15

Event Handling

Question 16

One of jQuery’s primary strengths is its ability to easily manipulate the Document Object Model (DOM) of a web page. Developers can select, traverse, modify, and manipulate HTML elements with ease.

Answer 16

DOM Manipulation

Question 17

abstracts browser-specific differences and provides a consistent API, making it easier to develop web applications that work seamlessly across different web browsers

Answer 17

Cross-Browser Compatibility

Question 18

a fast, concise, and widely used JavaScript library that simplifies the process of working with HTML documents, handling events, and performing animations.

Answer 18

JavaScript Library

Question 19

is like a microwave – it can quickly heat up your leftovers (pre-written functions) with just a push of a button. It’s fast and convenient but won’t impress the food critics (developers) as much

Answer 19

jQuery

Question 20

like a chef who can cook up a gourmet meal from scratch, but sometimes you have to spend hours chopping vegetables and sweating over a hot stove (writing code).

Answer 20

JavaScript

Question 21

Include jQuery in Your HTML File

Answer 21

include

  just before the closing </body> tag to ensure that the jQuery code is executed after the DOM has loaded.

Question 22

Selects HTML elements based on CSS-style selectors

Answer 22

$(selector):

Question 23

Wraps a DOM element with a jQuery object for further manipulation

Answer 23

$(element):

Question 24

Selects all elements on the page

Answer 24

$(“*”)

Question 25

Selecting Elements

Answer 25

1. $selector 2. $element 3. $("*")

Question 26

Removes elements from the DOM

Answer 26

.remove():

Question 27

Inserts content before an element.

Answer 27

.before():

Question 28

Inserts content after an element

Answer 28

.after():

Question 29

Inserts content at the beginning of an element.

Answer 29

.prepend():

Question 30

Inserts content at the end of an element

Answer 30

.append():

Question 31

Gets or sets the text content of an element

Answer 31

.text():

Question 32

Gets or sets the HTML content of an element

Answer 32

.html():

Question 33

DOM Manipulation Functionalities and Methods

Answer 33

1. .html() 2. .text() 3. .append() 4. .prepend() 5. .after() 6. .before() 7. .remove()

Question 34

Gets or sets CSS properties of elements

Answer 34

.css():

Question 35

Removes one or more classes from elements.

Answer 35

.removeClass():

Question 36

Adds one or more classes to elements

Answer 36

.addClass():

Question 37

CSS Manipuation Methods

Answer 37

1. .addClass() 2. removeClass() 3. .css()

Question 38

Removes event handlers from elements

Answer 38

off():

Question 39

Attaches one or more event handlers to elements

Answer 39

.on()

Question 40

Attaches a click event handler to elements

Answer 40

.click()

Question 41

Event Handling Methods

Answer 41

1. .click() 2. .on() 3. .off()

Question 42

Displays hidden elements with an animation

Answer 42

.show():

Question 43

Hides elements with an animation

Answer 43

.hide():

Question 44

Fades in elements

Answer 44

.fadeIn()

Question 45

Fades out elements

Answer 45

.fadeOut()

Question 46

Animation Method

Answer 46

1. .show() 2. .hide() 3. .fadeIn() 4. fadeOut()

Question 47

Merges the contents of two or more objects together.

Answer 47

$.extend():

Question 48

Iterates over elements or objects

Answer 48

$.each():

Question 49

Utility Functions Methods

Answer 49

1. $.each() 2. $.extend()

Question 50

Gets or sets properties of elements

Answer 50

prop():

Question 51

Gets or sets attributes of elements.

Answer 51

.attr():

Question 52

Attribute Manipulation Method

Answer 52

1. .attr() 2. .prop()

Question 53

Finds elements matching a selector within a selection

Answer 53

.find()

Question 54

Gets the child elements

Answer 54

.children()

Question 55

Gets the parent element

Answer 55

.parent()