Client-/Server-side AND the DOM

Question 1

Define a web application

Answer 1

A web application is a dynamic web site with a functionality similar to desktop software

Question 2

Frontend VS Backend

Answer 2

Frontend -> Client side

Backend -> Server side

Question 3

Client VS Server Side Web Applications

Answer 3

client-side -> uses client side languages, code is executed on client side

server-side -> server side languages, code executed on server side.

Question 4

Server Side Execution

Answer 4

• Code is private (on the server)
• Can enforce specific versions of the scripting language
• Can use non standard language elements
• Can access server-side resources

Question 5

Client Side Execution

Answer 5

• Code is public, code is sent with a GET request
• Can be changed by the user
• Has to be compatible with different browsers
• Lowers the execution load on the server
• More network traffic

Question 6

The Document Object Model (DOM) -what is it?

Answer 6

The DOM is an Object tree of HTML tags + an API to manipulate it
–The way for scripting languages to access the web site.

Question 7

JS modifying the DOM

Answer 7

document. getElementById(“header1”).textContent = “New”;
document. getElementById(“myPic”).src = “cat.jpg”;
document. getElementById(“header1”).style.color = “blue”;
element. removeChild(element.firstChild);

Question 8

When should DOM modification happen?

Answer 8

HTML events e.g.

GO!