6

Question 1

What is the difference between text elements with semantics and
those without in HTML? Which ones are recommended to be
used, and why?

Answer 1

Semantic elements are elements that clearly describe their meaning to the
browser and developer. Non-semantic elements are ambiguous about what
meaning they have.
Examples of non-semantic elements: <div> and <span> - Tells noth-
ing about its content.
Examples of semantic elements: , and - Clearly
defines its content.</span></div>

Question 2

How is the cascade mechanism used to resolve conflicts between
CSS rules?

Answer 2

f an element is affected by multiple rules in a CSS sheet and both have
equal specificity, and both or neither has the !important attribute then the last one defined (at the bottom of the docu-
ment) will apply to the element.

Question 3

Which technologies are typically associated with the AJAX Web
app model? What is their purpose?

Answer 3

1. HTML HTML is used for definition of the content.
2. CSS CSS is used for styling and decorating of the content.
3. DOM & JS DOM is used in combination with JS for dynamic content
   display.
4. XML XML lets clients exchange application data with the server.
   Today XML is often replaced by JSON

Question 4

• Under which conditions would you recommend the use of a SPA-
style application?

Answer 4

Opposed to regular web applications, which removed most of the client side
behaviour, single page applications (SPA) are heavily client side dynamic
web pages. Content is loaded from static HTML and JS is used to run the
application. Its main upside compared to regular web applications is the
rich user interface possibilities. Familiarity with JavaScript/ TypeScript is
required. So if an application with many requirements to the user interface
is to be developed and the team has a sufficient background is JS/TS then
I would recommend a SPA

Question 5

when mvc

Answer 5

This pattern uses HTML templates
for the view as HTML markup to avoid overgenerating elements. The
view builds and maintains DOM elements.
The strict sepperation of M V and C allows for parallel development,
easy testing and easier maintenance

Question 6

when mvp

Answer 6

2. Model View Presenter (MVP): In this model the controller is replaced
   by the presenter. Decoupling of the VP is achieved by communica-
   tion through interfaces. This model is most commonly implemented
   with little to no logic in the view, so all presentation logic is pushed
   to the presenter. It improves testability and modularit

Question 7

when mvvm

Answer 7

Model View ViewModel (MVVM): In this model the ViewModel en-
capsulates the the business logic with the View. It deals with the
formatting of data. The ViewModel can be seen as a specialized
controller doing data conversion. Validation is actually done by the
models. The model facilitates the separation of the development of
the graphical user interface from the development of the business
logic or back-end logic so that the view is not dependent on any spe-
cific model platform