Docsity
Docsity

Prepare for your exams
Prepare for your exams

Study with the several resources on Docsity


Earn points to download
Earn points to download

Earn points by helping other students or get them with a premium plan


Guidelines and tips
Guidelines and tips

JavaScript and Web Development Fundamentals: A Comprehensive Guide, Lecture notes of Web Application Development

The doccument covers both frontend languages and frameworks

Typology: Lecture notes

2022/2023

Uploaded on 04/24/2023

sri-chaitanya
sri-chaitanya 🇮🇳

5 documents

1 / 7

Toggle sidebar

This page cannot be seen from the preview

Don't miss anything!

bg1
1)List the properties of CSS Animation
A)
The properties of CSS Animation are:
1. animation-name
2. animation-duration
3. animation-timing-function
4. animation-delay
5. animation-iteration-count
6. animation-direction
7. animation-fill-mode
8. animation-play-state
2)What is the difference between CSS and bootstrap Framework?
A)
3) Define Arrow Function and its syntax.
A)
pf3
pf4
pf5

Partial preview of the text

Download JavaScript and Web Development Fundamentals: A Comprehensive Guide and more Lecture notes Web Application Development in PDF only on Docsity!

1)List the properties of CSS Animation A) The properties of CSS Animation are:

  1. animation-name
  2. animation-duration
  3. animation-timing-function
  4. animation-delay
  5. animation-iteration-count
  6. animation-direction
  7. animation-fill-mode
  8. animation-play-state 2)What is the difference between CSS and bootstrap Framework? A)
  1. Define Arrow Function and its syntax. A)

Arrow function is one of the features introduced in the ES6 version of JavaScript. It allows you to create functions in a cleaner way compared to regular functions. The syntax of the arrow function is: let myFunction = (arg1, arg2, ...argN) => { statement(s) } Here, myFunction is the name of the function. arg1, arg2, ... argN are the function arguments. 4)What is the purpose of Statement class? A) The statement interface is used to create SQL basic statements in Java it provides methods to execute queries with the database. There are different types of statements that are used in JDBC as follows:  Create Statement  Prepared Statement  Callable Statement 5)What is the purpose of XML parser? A) XML parser is a software library or a package that provides interface for client applications to work with XML documents. It checks for proper format of the XML document and may also validate the XML documents.

  1. List a few HTTP Status codes? A) HTTP Status codes:
  1. 200 – OK
  2. 301 - Permanent Redirect
  3. 302 - Temporary Redirect
  4. 404 - Not Found
  5. 503 - Service Unavailable

Methods: Public boolean next(): Used to move the cursor to the one row next from the current position. Public boolean previous(): Used to move the cursor to the one row previous from the current position. Public boolean first(): Used to move the cursor to the first row in result set object. Public boolean last(): Used to move the cursor to the last row in result set object. 10)What is well formed document in XML? A well formed document:

  • Has a single root element
  • All other elements are correctly nested If the XML document is not well formed, programs using it must report an error Well-formed documents can be parsed by a client application without any external resources Can have a DTD to validate correctness 11)What are the different background properties?
  • background-color: Specifies the background color to be used
  • background-image: Specifies ONE or MORE background images to be used
  • background-position: Specifies the position of the background images
  • background-size: Specifies the size of the background images
  • background-repeat: Specifies how to repeat the background images
  • background-origin: Specifies the positioning area of the background images
  • background-clip: Specifies the painting area of the background images
  • background-attachment: Specifies whether the background images are fixed or scrolls with the rest of the page 12)What is Bootstrap and a framework in general? Bootstrap is a free, open source front-end development framework for the creation of websites and web apps. Designed to enable responsive development of mobile-first websites, Bootstrap provides a collection of syntax for template designs.

As a framework, Bootstrap includes the basics for responsive web development, so developers only need to insert the code into a pre-defined grid system. The Bootstrap framework is built on Hypertext Markup Language (HTML), cascading style sheets (CSS) and JavaScript. 13)Illustrate a few jQuery effects. animate() method performs a custom animation of a set of CSS properties. $(“button”).click(function(){ $(“#box”).animate({height: “300px”}); }); show() method shows the hidden, selected elements. $(“button”).click(function(){ $(“p”).show(); }); fadeIn() method gradually changes the opacity, for selected elements, from hidden to visible $(“button”).click(function(){ $(“p”).fadeIn(); }); stop() method stops the currently running animation for the selected elements. $(“#stop”).click(function(){ $(“div”).stop(); });

  1. What is the significance of a DOM? Explain a few methods with examples. The Document Object Model (DOM) is a programming interface for HTML (HyperText Markup Language) and XML(Extensible markup language) documents. It defines the logical structure of documents and the way a document is accessed and manipulated. Methods of Document Object:  write(“string”): Writes the given string on the document.  getElementById(): returns the element having the given id value.  getElementsByName(): returns all the elements having the given name value.  getElementsByTagName(): returns all the elements having the given tag name.

myCallback(sum); } myCalculator( 5 , 5 , myDisplayer);

  1. Create an array in JavaScript and explain the syntax. const array_name = [item1, item2, ...]; const array_name = new Array(item1, item2, ...); The keyword const is a little misleading. It does NOT define a constant array. It defines a constant reference to an array. Because of this, we can still change the elements of a constant array.
  2. Why should we use console object? The Console can be used to log information as part of the JavaScript development process, as well as allow you to interact with a web page by carrying out JavaScript expressions within the page's context. Essentially, the Console provides you with the ability to write, manage, and monitor JavaScript on demand